trusty-cms 3.5.0 → 3.5.1

data/app/assets/stylesheets/admin/main.scss

@@ -1,10 +1,8 @@
 // main.css - main stylesheet for the TrustyCms admin interface
 
 // Common Variables and Modules
-@import "compass";
 @import "base";
-
-@import "compass/reset";
+@import "reset";
 
 // Partials
 @import "partials/typography";

data/app/assets/stylesheets/admin/modules/_boxes.scss

@@ -1,7 +1,7 @@
 @mixin alt-box {
+  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
   background: #d8d8d8;
-  @include linear-gradient(color-stops(white, #cccccc));
-  @include border-radius(8px);
-  @include single-box-shadow(rgba(0, 0, 0, 0.15), 2px, 2px, 3px);
+  border-radius: 8px;
+  box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 3px;
   padding: 12px 10px;
 }

data/app/assets/stylesheets/admin/partials/_actions.scss

@@ -1,9 +1,9 @@
 @mixin button-shadow {
-  @include single-box-shadow(#555555, 1px, 2px, 3px);
+  box-shadow: 1px 2px 3px #555;
 }
 
 @mixin no-button-shadow {
-  @include single-box-shadow(#555555, 0, 0, 0);
+  box-shadow: 0 0 0 #555;
 }
 
 #actions {
@@ -12,7 +12,7 @@
   right: 0;
   bottom: 0;
   background: #777777;
-  @include linear-gradient(color-stops(#555555, #666666, #777777, #777777));
+  background-image: linear-gradient(to bottom, #555555, #666666, #777777, #777777);
   ul {
     padding: 14px 8px;
   }
@@ -32,18 +32,20 @@
       padding: 6px 12px 6px 12px;
       margin-right: 1px;
       background: #dddddd;
-      @include linear-gradient(color-stops(#c5c5c5, #f0f0f0 20%, white 35%, white));
+      background-image: linear-gradient(to bottom, #c5c5c5, #f0f0f0 20%, #ffffff 35%, #ffffff);
       color: #999999;
       font-size: 80%;
       text-decoration: none;
-      @include border-bottom-radius(5px);
-      @include border-top-radius(0);
+      border-bottom-left-radius: 5px;
+      border-bottom-right-radius: 5px;
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
     }
     a {
       text-shadow: 1px 1px 1px #eeeeee;
       &:hover {
         background: #d8d8d8;
-        @include linear-gradient(color-stops(white, white, #dddddd));
+        background-image: linear-gradient(to bottom, #ffffff, #ffffff, #dddddd);
         color: #0076a3;
         @include button-shadow;
       }
@@ -55,7 +57,7 @@
     span.disabled {
       color: #666666;
       background-color: #999999;
-      @include linear-gradient(color-stops(#888888, #999999, #999999, #999999));
+      background-image: linear-gradient(to bottom, #888888, #999999, #999999, #999999);
     }
     span.current {
       color: black;
@@ -95,13 +97,13 @@
 .action_button {
   display: inline;
   background: #d8d8d8;
-  @include linear-gradient(color-stops(white, #cccccc));
+  background-image: linear-gradient(to bottom, #ffffff, #cccccc);
   color: #333333;
   font-size: 80%;
   padding: 8px 12px;
   text-decoration: none;
   text-shadow: 1px 1px 1px #eeeeee;
-  @include border-radius(5px);
+  border-radius: 5px;
   @include button-shadow;
   &:hover {
     color: #0076a3;

data/app/assets/stylesheets/admin/partials/_avatars.scss

@@ -2,11 +2,11 @@ img.avatar {
   background: white;
   border: none;
   padding: 4px;
-  @include border-radius(3px);
-  @include single-box-shadow(rgba(0, 0, 0, 0.25), 1px, 1px, 3px);
+  border-radius: 3px;
+  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
   &.avatar_32x32 {
     padding: 2px;
-    @include border-radius(2px);
-    @include single-box-shadow(rgba(0, 0, 0, 0.3), 1px, 1px, 2px);
+    border-radius: 2px;
+    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
   }
 }

data/app/assets/stylesheets/admin/partials/_content.scss

@@ -70,10 +70,10 @@ body.reversed {
   position: fixed;
   top: 10px;
   right: 20px;
-  @include opacity(0.7);
+  opacity: 0.7;
   @include alt-box;
   &:hover {
-    @include opaque;
+    opacity: 1;
   }
   a {
     @include alt-link;

data/app/assets/stylesheets/admin/partials/_dateinput.scss

@@ -5,15 +5,15 @@ input.date {
 }
 
 .calendar_popup {
-  @include single-box-shadow;
-  @include border-radius;
+  box-shadow: 0 5px #333;
+  border-radius: 5px;
   z-index: 1000;
   border: 1px solid #b2b2b2;
   background-color: white;
   padding: 5px;
   line-height: 140% !important;
   a {
-    @include border-radius;
+    border-radius: 5px;
   }
   table.calendar {
     font-size: 90%;
@@ -37,7 +37,7 @@ input.date {
       padding: 3px !important;
       margin: 0;
       &.today {
-        @include border-radius;
+        border-radius: 5px;
         background-color: #e5e5e5;
       }
       &.today a {

data/app/assets/stylesheets/admin/partials/_deprecated.scss

@@ -30,7 +30,7 @@ table.index td.note {
 // Use a div with a class of "popup_title" instead of an h3 with a class of "title"
 div.popup h3.title {
   background: #c5dff5;
-  @include linear-gradient(color_stops(#e5f5ff, #c5dff5));
+  background-image: linear-gradient(to bottom, #e5f5ff, #c5dff5);
   border-bottom: 1px solid #a7cdf0;
   font-size: 100%;
   margin: -10px -20px 20px -20px;
@@ -41,13 +41,13 @@ div.popup h3.title {
 #actions {
   a {
     background: #d8d8d8;
-    @include linear-gradient(color-stops(white, #cccccc));
+    background-image: linear-gradient(to bottom, #ffffff, #cccccc);
     color: #333333;
     font-size: 80%;
     padding: 8px 12px;
     text-decoration: none;
     text-shadow: 1px 1px 1px #eeeeee;
-    @include border-radius(5px);
+    border-radius: 5px;
     @include button-shadow;
     &:hover {
       color: #0076a3;

data/app/assets/stylesheets/admin/partials/_dropdown.scss

@@ -1,17 +1,19 @@
 .dropdown_wrapper {
   border: 1px solid #b3b3b3;
   border-top: 1px solid #c3c3c3;
-  @include single-box-shadow(rgba(0, 0, 0, 0.35), 0px, 8px, 25px);
-  @include border-top-right-radius;
-  @include border-bottom-radius;
+  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.35);
+  border-top-right-radius: 5px;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
 }
 
 ul.menu {
   background: white;
   font-size: 80%;
   padding: 5px 20px;
-  @include border-top-right-radius;
-  @include border-bottom-radius;
+  border-top-right-radius: 5px;
+  border-bottom-left-radius: 5px;
+  border-bottom-right-radius: 5px;
   li {
     margin: 0 -20px;
     &.separator {
@@ -28,7 +30,7 @@ ul.menu {
     &:hover {
       background: #e0f0ff;
       border-top: 1px solid #d5f0ff;
-      @include linear-gradient(color_stops(#e5f5ff, #b5d0f5));
+      background-image: linear-gradient(to bottom, #e5f5ff, #b5d0f5);
     }
   }
 }

data/app/assets/stylesheets/admin/partials/_forms.scss

@@ -60,7 +60,7 @@
           padding: 0.2em 0.5em 0.3em;
           text-decoration: none;
           text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.1);
-          @include border-radius(4px);
+          border-radius: 4px;
           &:hover {
             background-color: #555555;
           }
@@ -95,7 +95,7 @@
 
 .drawer_contents {
   background: #c9c9c9;
-  @include border-bottom-right-radius(6px);
+  border-bottom-right-radius: 6px;
   margin: 0;
   margin-right: 2px;
   padding-bottom: 2px;
@@ -104,7 +104,7 @@
     content: "\0020";
     display: block;
     width: 100%;
-    @include linear-gradient(color-stops(rgba(black, 0.3), rgba(black, 0)));
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
     height: 3px;
     margin-bottom: -3px;
   }
@@ -167,7 +167,8 @@
     top: -1px;
     text-shadow: #666666 1px 1px 0;
     text-decoration: none;
-    @include border-bottom-radius(6px);
+    border-bottom-left-radius: 6px;
+    border-bottom-right-radius: 6px;
     &:hover,
     &:active,
     &:focus {
@@ -189,16 +190,19 @@
   padding: 1px 15px 10px;
   position: relative;
   margin: 3px 0 20px;
-  @include border-radius(8px);
-  @include pie-clearfix;
+  border-radius: 8px;
+  &:after {
+    clear: both;
+    content: "";
+    display: block;
+  }
   * {
     position: relative;
   }
   &:before {
-    @include linear-gradient(color-stops(white,
-    #f5f1e2 50%,
-    #f5f1e2));
-    @include border-top-radius(10px);
+    background-image: linear-gradient(to bottom, #ffffff, #f5f1e2 50%, #f5f1e2);
+    border-top-left-radius: 10px;
+    border-top-right-radius: 10px;
     content: "\0020";
     display: block;
     position: absolute;
@@ -298,11 +302,8 @@ body.reversed {
         padding: 20px 15px;
         margin-bottom: 20px;
         overflow: hidden;
-        @include single-box-shadow(#ababab,
-        1px,
-        1px,
-        0);
-        @include border-radius(8px);
+        box-shadow: 1px 1px 0 #ababab;
+        border-radius: 8px;
         h3 {
           font-weight: bold;
           font-size: 120%;
@@ -333,13 +334,7 @@ body.reversed {
       border-radius: 5px;
     }
     .box {
-      @include single-box-shadow(rgba(0,
-      0,
-      0,
-      0.15),
-      2px,
-      2px,
-      3px);
+      box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.15);
     }
   }
 }
@@ -348,15 +343,13 @@ body.single_form {
   #content {
     #single_form {
       background: #f5f1e2;
-      @include linear-gradient(color-stops(#fdfcf9,
-      #f5f1e2 25%,
-      #f5f1e2));
+      background-image: linear-gradient(to bottom, #fdfcf9, #f5f1e2 25%, #f5f1e2);
       border: 0.35em solid #efead3;
       padding: 0.5em 1.5em;
       padding-right: 22px;
       position: relative;
       width: 28em;
-      @include border-radius(6px);
+      border-radius: 6px;
       h1 {
         font-size: 140%;
         margin: 0.75em 0 1.25em;
@@ -484,4 +477,4 @@ input[type=file] {
   -ms-transition: all .2s;
   -o-transition: all .2s;
   transition: all .2s;
-}
+}

data/app/assets/stylesheets/admin/partials/_header.scss

@@ -1,7 +1,7 @@
 #header {
   font-size: 90%;
   background: $header;
-  @include linear-gradient(color-stops(darken($header, 12), $header, $header));
+  background-image: linear-gradient(to bottom, #000000, #000000, #000000);
   position: relative;
   &:after {
     content: "\0020";
@@ -11,7 +11,7 @@
     height: 2px;
     width: 100%;
     position: absolute;
-    @include linear-gradient(color-stops(rgba(black, 0.3), rgba(black, 0)));
+    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
   }
 }
 
@@ -32,7 +32,7 @@
 #view_site {
   font-size: 90%;
   background: rgba(black, 0.45);
-  @include border-radius;
+  border-radius: 5px;
   display: inline;
   padding: 3px 10px 4px;
   text-decoration: none;
@@ -55,7 +55,8 @@ ul#navigation {
       padding: 0 20px;
       position: relative;
       text-decoration: none;
-      @include border-top-radius(6px);
+      border-top-left-radius: 6px;
+      border-top-right-radius: 6px;
     }
     &:hover a {
       background: opacify($primary-tab, 0.2);
@@ -71,13 +72,17 @@ ul#navigation {
 
 #toolbar {
   background: white;
-  @include linear-gradient(color-stops(white, darken(white, 5%), darken(white, 20%)));
+  background-image: linear-gradient(to bottom, #ffffff, #f2f2f2, #cccccc);
   font-size: 95%;
   clear: both;
   margin: 0;
   width: 100%;
   height: 38px;
-  @include pie-clearfix;
+  &:after {
+    clear: both;
+    content: "";
+    display: block;
+  }
   .right {
     float: right;
   }
@@ -85,13 +90,13 @@ ul#navigation {
     padding: 8px 8px 0;
     input[type=search] {
       font-size: 12px;
-      @include border-radius(100px);
+      border-radius: 100px;
       border: 1px solid #cccccc;
       border-top-color: #999999;
       border-left-color: #b0b0b0;
       border-right-color: #bbbbbb;
       background: white image_url("admin/search.png") 4px center no-repeat;
-      @include single-box-shadow(rgba(black, 0.2), 0, 1px, 0, inset);
+      box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
       width: 180px;
       padding: 2px 8px 2px 20px;
     }
@@ -116,16 +121,16 @@ ul#secondary_navigation {
       height: 38px;
       text-decoration: none;
       &:hover {
-        @include linear-gradient(color-stops(#e4f9ff, #d2ebfd 30%, #b1d1f1 50%, #9bc5ed 50%, #caecff));
+        background-image: linear-gradient(to bottom, #e4f9ff, #d2ebfd 30%, #b1d1f1 50%, #9bc5ed 50%, #caecff);
         color: #444444;
       }
       &.current {
         background: #dddddd;
-        @include linear-gradient(color-stops(white, darken(white, 10%) 35%, darken(white, 15%) 50%, darken(white, 20%) 50%, darken(white, 15%)));
+        background-image: linear-gradient(to bottom, #ffffff, #e6e6e6 35%, #d9d9d9 50%, #cccccc 50%, #d9d9d9);
         color: #333333;
         font-weight: bold;
         &:hover {
-          @include linear-gradient(color-stops(#e0f9fe, #c4e2f8 30%, #98c3e7 50%, #79aedb 50%, #b1ddef));
+          background-image: linear-gradient(to bottom, #e0f9fe, #c4e2f8 30%, #98c3e7 50%, #79aedb 50%, #b1ddef);
           color: #222222;
         }
       }

data/app/assets/stylesheets/admin/partials/_index.scss

@@ -5,7 +5,7 @@
   padding: 0 6px;
   width: $width;
   text-align: center;
-  @include border-radius(100px);
+  border-radius: 100px;
 }
 
 table.index {
@@ -48,18 +48,20 @@ table.index {
       text-decoration: none;
       &:hover {
         background: #d8d8d8;
-        @include linear-gradient(color-stops(white, #cccccc));
+        background-image: linear-gradient(to bottom, #ffffff, #cccccc);
         border: 1px solid #a5c9df;
         margin: 0 24px 0 0;
-        @include border-radius;
+        border-radius: 5px;
       }
       &.selected {
         background: #c5e0f5;
-        @include linear-gradient(color_stops(#e5f5ff, #c5e0ff));
+        background-image: linear-gradient(to bottom, #e5f5ff, #c5e0ff);
         border: 1px solid #a5c9df;
         margin: 0 24px 0 0;
-        @include border-top-radius;
-        @include border-bottom-radius(0);
+        border-top-left-radius: 5px;
+        border-top-right-radius: 5px;
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
       }
     }
     span.action.disabled {
@@ -102,7 +104,7 @@ table.index {
         border-top: 1px solid #d5f0ff;
         border-bottom: 1px solid #c5dff5;
         background: #c5dff5;
-        @include linear-gradient(color_stops(#e5f5ff, #c5dff5));
+        background-image: linear-gradient(to bottom, #e5f5ff, #c5dff5);
       }
     }
   }
@@ -198,4 +200,4 @@ table.index#users {
       font-weight: normal;
     }
   }
-}
+}