module.scss in ama_css-0.1.0

- old
+ new

@@ -23,31 +23,58 @@
   @include boxRadius(big);
   padding: $base-padding / 2;
 }
 .widget{
   @extend .box;
+  &.outline{
+    border: $color-border $base-border-thickness solid;
+    padding:0;
+    overflow:hidden;
+    h4{
+      margin-top:0;
+      -webkit-border-radius: 0 0 $box-radius-big 0;
+      -moz-border-radius: 0 0 $box-radius-big 0;
+      border-radius: 0 0 $box-radius-big 0;
+      padding:$base-padding/2;
+      color:$color-white;
+      background-color:$color-primary;
+      width:20em;
+      margin-bottom:0;
+    }
+  }
+  &.filled{
+    background-color: lighten($color-primary,70);
+  }
+  &.centered{
+    margin:auto;
+    float:none;
+    border:$border;
+    padding:$base-padding;
+    h1{
+      font-size:1.4em;
+      font-size:1.4rem;
+    }
+    h2{
+      font-size:1.2em;
+      font-size:1.2rem;
+    }
+  }
 }
-.widget.outline{
-  border: $color-border $base-border-thickness solid;
-  padding:0;
-  overflow:hidden;
-  h4{
-    margin-top:0;
-    -webkit-border-radius: 0 0 $box-radius-big 0;
-    -moz-border-radius: 0 0 $box-radius-big 0;
-    border-radius: 0 0 $box-radius-big 0;
-    padding:$base-padding/2;
-    color:$color-white;
-    background-color:$color-primary;
-    width:20em;
-    margin-bottom:0;
+.panel {
+  @extend .widget;
+  @extend .grid-full;
+  @extend .collapse;
+  position:relative;
+  border: $border;
+  padding:$base-padding;
+  margin: $base-margin auto;
+  .item {
+    &:nth-child(2){
+      background: $color-superlight;
+    }
   }
 }
-.widget.filled{
-  background-color: lighten($color-primary,70);
-}
-
 .logo{
   margin:0 0 0 $base-margin;
   img{
     padding-top:$base-padding/4;
   }
@@ -61,14 +88,18 @@
   @include media($mobile){
     text-align:left;
     width:auto;
   }
 }
-.applogo{
+.applogo {
   @include clearfix();
-  a{ text-decoration:none;}
-  h2{ font-size:1.2em; margin:$base-margin/2 0;}
+  a {
+    text-decoration:none;
+  }
+  h2 {
+    font-size:1.2em; margin:$base-margin/2 0;
+  }
 }
 .waiting{
   margin:$base-margin 0;
 }
 
@@ -118,17 +149,17 @@
 .tab.show { display: block; }
 .tab-show{ font-weight: bold;}
 /*errors and messages*/
 .error { display: block; }
 .error.inline { display: inline-block; }
-.error, .error_notification{ color: lighten($color-red, 14%); }
+.error, .error_notification, .error_notification a { color: lighten($color-red, 14%); }
 .login.front .error { color: lighten($color-red, 35%); }
 .button-bar .error { background: none; color: $color-red; }
 .error.button-bar-last-span.selected { box-shadow: none; }
 
 .notice{ display:block; }
-.notice, .notice_notification { color: $color-green; }
+.notice, .notice_notification, .notice_notification a { color: $color-green; }
 
 .error_notification{ @include notification($color-red); }
 .notice_notification{ @include notification($color-green); }
 
 p.error_notification:before { @include notification-icon('\2639'); }
@@ -190,9 +221,10 @@
 /* Pointers */
 #add_associates, #remove_associates, .button-bar, .button-bar label, { cursor: pointer; }
 
 /* UI effects */
 #nowloading { display: inline; position: relative; left: 40px; }
+.spinner { display: inline; top: 15px; left: 15px; }
 
 /* CAA Dollars History */
 .caa-dollars-table { width: 100%; }
 .caa-dollars-table thead td { font-size: 1.25em; font-weight: bold; }
 .caa-dollars-table tbody td { border-top: 1px solid $color-superlight; }