fu: Close-up of Fu, bringing a scoop of water to her mouth (Default)
fu ([personal profile] fu) wrote in [site community profile] changelog2012-01-27 05:42 am
  • Add Memory
  • Share This Entry

[dw-free] Style custom /icons pages

[commit: http://hg.dwscoalition.org/dw-free/rev/1ce5bc3c956c]

http://bugs.dwscoalition.org/show_bug.cgi?id=3719

Styling for Crisped themes + misc cleanup.

Patch by [personal profile] ninetydegrees.

Files modified:
  • bin/upgrading/s2layers/crisped/themes.s2
--------------------------------------------------------------------------------
diff -r 035560b187a2 -r 1ce5bc3c956c bin/upgrading/s2layers/crisped/themes.s2
--- a/bin/upgrading/s2layers/crisped/themes.s2	Fri Jan 27 13:40:54 2012 +0800
+++ b/bin/upgrading/s2layers/crisped/themes.s2	Fri Jan 27 13:43:47 2012 +0800
@@ -202,12 +202,11 @@
         border: 1px solid $*color_module_border;
     }
 
-    .module-calendar th, .module-calendar .entry-day, .month th, 
-      .month .day-has-entries {
+    .module-calendar th, .module-calendar .entry-day, .month th, .month .day-has-entries {
         background-color: $*color_page_background;
         border: 1px solid $*color_module_border;
     }
-    
+
     .module-navlinks, .module-time, .module-powered, .module-header {
         background: -moz-linear-gradient(top, $*color_module_title_background, 
           $*color_module_background 30px); /* Firefox */
@@ -216,18 +215,17 @@
           $*color_module_background)); /* Safari 4+, Chrome 2+ */
         background: -webkit-linear-gradient(top, 
           $*color_module_title_background, $*color_module_background 30px);
-        filter:  progid:DXImageTransform.Microsoft.gradient
+        filter: progid:DXImageTransform.Microsoft.gradient
           (GradientType=0,startColorstr='$*color_module_title_background',
           endColorstr='$*color_module_background'); /* IE6 + IE 7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$*color_module_title_background',endColorstr='$*color_module_background')"; /* IE 8+ */
-	background: -ms-linear-gradient(top, $*color_module_title_background, 
+        background: -ms-linear-gradient(top, $*color_module_title_background, 
           $*color_module_background 30px); /* IE 10 */
         background: linear-gradient(top, $*color_module_title_background, 
           $*color_module_background 30px); /* Standard Syntax */
     }
-    
-    noindex:-o-prefocus, .module-navlinks, .module-time, 
-      .module-powered, .module-header {
+
+    noindex:-o-prefocus, .module-navlinks, .module-time, .module-powered, .module-header {
         background: -o-linear-gradient(top, $*color_module_title_background 0, 
           $*color_module_background 30px); /* Opera 11.10+ */
     }
@@ -239,7 +237,7 @@
     }
 
     .entry .userpic, .comment .userpic {
-	box-shadow: 1px 2px 3px $*color_entry_border;
+        box-shadow: 1px 2px 3px $*color_entry_border;
     }
 
     .entry .userpic img, .comment .userpic img {
@@ -254,7 +252,7 @@
         background-color: transparent;
     }
 
-    .comment, .bottomcomment {
+    #comments .comment, .bottomcomment {
         border-right: 1px solid $*color_entry_title_background;
         border-bottom: 1px solid $*color_entry_title_background;
         box-shadow: 1px 2px 3px $*color_entry_border;
@@ -275,8 +273,19 @@
         box-shadow: 1px 2px 3px $*color_entry_border;
     }
 
-    .entry .header, .comment, .bottomcomment, .month, .page-tags h2 {
-	background: $*color_entry_background;	
+    .page-icons .icons-container {
+        border-right: 1px solid $*color_entry_title_background;
+        border-bottom: 1px solid $*color_entry_title_background;
+        box-shadow: 1px 2px 3px $*color_entry_border;
+    }
+
+    .entry .header,
+    #comments .comment,
+    .bottomcomment,
+    .month,
+    .tags-container h2,
+    .icons-container h2 {
+        background: $*color_entry_background;
         background: -moz-linear-gradient(top, $*color_entry_title_background, 
           $*color_entry_background 30px); /* Firefox */
         background: -webkit-linear-gradient(linear, left top, left bottom, 
@@ -284,22 +293,27 @@
           $*color_entry_background)); /* Safari 4+, Chrome 2+ */
         background: -webkit-linear-gradient(top, $*color_entry_title_background,
           $*color_entry_background 30px); /* Safari 5/1+, Chrome 10+ */
-        filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,
+        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,
           startColorstr='$*color_entry_title_background',
           endColorstr='$*color_entry_background'); /* IE6 + IE 7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$*color_entry_title_background',endColorstr='$*color_entry_background')"; /* IE 8+ */
-	background: -ms-linear-gradient(top, $*color_entry_title_background, 
+        background: -ms-linear-gradient(top, $*color_entry_title_background, 
           $*color_entry_background 30px); /* IE 10 */
         background: linear-gradient(top, $*color_entry_title_background, 
           $*color_entry_background 30px); /* Standard Syntax */
     }
-	
-    noindex:-o-prefocus, .entry .header, .comment, .bottomcomment, .month, 
-      .page-tags h2 {
+
+    noindex:-o-prefocus,
+    .entry .header,
+    #comments .comment,
+    .bottomcomment,
+    .month,
+    .tags-container h2,
+    .icons-container h2 {
         background: -o-linear-gradient(top, $*color_entry_title_background 0, 
           $*color_entry_background 30px); /* Opera 11.10+ */
     }
-    
+
     #lj_controlstrip {
         box-shadow: 0px 1px 2px $*color_entry_border;
     }
@@ -314,7 +328,7 @@
 
     div.ContextualPopup .Userpic {
         background-color: $*color_entry_title_background;
-	    box-shadow: 1px 2px 3px $*color_entry_border;
+        box-shadow: 1px 2px 3px $*color_entry_border;
     }
     """;
 }
@@ -716,7 +730,7 @@
 
     .module-content .userpic img {
         background-color: $*color_module_border !important;
-	box-shadow: 1px 2px 3px $*color_module_border;
+        box-shadow: 1px 2px 3px $*color_module_border;
     }
 
     .module-calendar .empty-day, .month .day {
@@ -724,12 +738,11 @@
         border: 1px solid $*color_module_border;
     }
 
-    .module-calendar th, .module-calendar .entry-day, .month th, 
-      .month .day-has-entries {
+    .module-calendar th, .module-calendar .entry-day, .month th, .month .day-has-entries {
         background-color: $*color_page_background;
         border: 1px solid $*color_module_border;
     }
-    
+
     .module-navlinks, .module-time, .module-powered, .module-header {
         background: -moz-linear-gradient(top, $*color_module_title_background, 
           $*color_module_background 30px); /* Firefox */
@@ -738,18 +751,17 @@
           $*color_module_background)); /* Safari 4+, Chrome 2+ */
         background: -webkit-linear-gradient(top, 
           $*color_module_title_background, $*color_module_background 30px);
-        filter:  progid:DXImageTransform.Microsoft.gradient
+        filter: progid:DXImageTransform.Microsoft.gradient
           (GradientType=0,startColorstr='$*color_module_title_background',
           endColorstr='$*color_module_background'); /* IE6 + IE 7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$*color_module_title_background',endColorstr='$*color_module_background')"; /* IE 8+ */
-	background: -ms-linear-gradient(top, $*color_module_title_background, 
+        background: -ms-linear-gradient(top, $*color_module_title_background, 
           $*color_module_background 30px); /* IE 10 */
         background: linear-gradient(top, $*color_module_title_background, 
           $*color_module_background 30px); /* Standard Syntax */
     }
-    
-    noindex:-o-prefocus, .module-navlinks, .module-time, 
-      .module-powered, .module-header {
+
+    noindex:-o-prefocus, .module-navlinks, .module-time, .module-powered, .module-header {
         background: -o-linear-gradient(top, $*color_module_title_background 0, 
           $*color_module_background 30px); /* Opera 11.10+ */
     }
@@ -761,7 +773,7 @@
     }
 
     .entry .userpic, .comment .userpic {
-	box-shadow: 1px 2px 3px $*color_entry_border;
+        box-shadow: 1px 2px 3px $*color_entry_border;
     }
 
     .entry .userpic img, .comment .userpic img {
@@ -776,7 +788,7 @@
         background-color: transparent;
     }
 
-    .comment, .bottomcomment {
+    #comments .comment, .bottomcomment {
         border-right: 1px solid $*color_entry_title_background;
         border-bottom: 1px solid $*color_entry_title_background;
         box-shadow: 1px 2px 3px $*color_entry_border;
@@ -797,8 +809,19 @@
         box-shadow: 1px 2px 3px $*color_entry_border;
     }
 
-    .entry .header, .comment, .bottomcomment, .month, .page-tags h2 {
-	background: $*color_entry_background;	
+    .page-icons .icons-container {
+        border-right: 1px solid $*color_entry_title_background;
+        border-bottom: 1px solid $*color_entry_title_background;
+        box-shadow: 1px 2px 3px $*color_entry_border;
+    }
+
+    .entry .header,
+    #comments .comment,
+    .bottomcomment,
+    .month,
+    .tags-container h2,
+    .icons-container h2 {
+        background: $*color_entry_background;
         background: -moz-linear-gradient(top, $*color_entry_title_background, 
           $*color_entry_background 30px); /* Firefox */
         background: -webkit-linear-gradient(linear, left top, left bottom, 
@@ -810,18 +833,23 @@
           startColorstr='$*color_entry_title_background',
           endColorstr='$*color_entry_background'); /* IE6 + IE 7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$*color_entry_title_background',endColorstr='$*color_entry_background')"; /* IE 8+ */
-	background: -ms-linear-gradient(top, $*color_entry_title_background, 
+        background: -ms-linear-gradient(top, $*color_entry_title_background, 
           $*color_entry_background 30px); /* IE 10 */
         background: linear-gradient(top, $*color_entry_title_background, 
           $*color_entry_background 30px); /* Standard Syntax */
     }
-	
-    noindex:-o-prefocus, .entry .header, .comment, .bottomcomment, .month, 
-      .page-tags h2 {
+
+    noindex:-o-prefocus,
+    .entry .header,
+    #comments .comment,
+    .bottomcomment,
+    .month,
+    .tags-container h2,
+    .icons-container h2 {
         background: -o-linear-gradient(top, $*color_entry_title_background 0, 
           $*color_entry_background 30px); /* Opera 11.10+ */
     }
-    
+
     #lj_controlstrip {
         box-shadow: 0px 1px 2px $*color_entry_border;
     }
@@ -836,7 +864,7 @@
 
     div.ContextualPopup .Userpic {
         background-color: $*color_entry_title_background;
-	    box-shadow: 1px 2px 3px $*color_entry_border;
+        box-shadow: 1px 2px 3px $*color_entry_border;
     }
     """;
 }
@@ -1346,7 +1374,7 @@
 
     .module-content .userpic img {
         background-color: $*color_module_border !important;
-	box-shadow: 1px 2px 3px $*color_module_border;
+        box-shadow: 1px 2px 3px $*color_module_border;
     }
 
     .module-calendar .empty-day, .month .day {
@@ -1359,7 +1387,7 @@
         background-color: $*color_page_background;
         border: 1px solid $*color_module_border;
     }
-    
+
     .module-navlinks, .module-time, .module-powered, .module-header {
         background: -moz-linear-gradient(top, $*color_module_title_background, 
           $*color_module_background 30px); /* Firefox */
@@ -1372,14 +1400,13 @@
           (GradientType=0,startColorstr='$*color_module_title_background',
           endColorstr='$*color_module_background'); /* IE6 + IE 7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$*color_module_title_background',endColorstr='$*color_module_background')"; /* IE 8+ */
-	background: -ms-linear-gradient(top, $*color_module_title_background, 
+        background: -ms-linear-gradient(top, $*color_module_title_background, 
           $*color_module_background 30px); /* IE 10 */
         background: linear-gradient(top, $*color_module_title_background, 
           $*color_module_background 30px); /* Standard Syntax */
     }
-    
-    noindex:-o-prefocus, .module-navlinks, .module-time, 
-      .module-powered, .module-header {
+
+    noindex:-o-prefocus, .module-navlinks, .module-time, .module-powered, .module-header {
         background: -o-linear-gradient(top, $*color_module_title_background 0, 
           $*color_module_background 30px); /* Opera 11.10+ */
     }
@@ -1391,7 +1418,7 @@
     }
 
     .entry .userpic, .comment .userpic {
-	box-shadow: 1px 2px 3px $*color_entry_border;
+        box-shadow: 1px 2px 3px $*color_entry_border;
     }
 
     .entry .userpic img, .comment .userpic img {
@@ -1406,7 +1433,7 @@
         background-color: transparent;
     }
 
-    .comment, .bottomcomment {
+    #comments .comment, .bottomcomment {
         border-right: 1px solid $*color_entry_title_background;
         border-bottom: 1px solid $*color_entry_title_background;
         box-shadow: 1px 2px 3px $*color_entry_border;
@@ -1427,8 +1454,19 @@
         box-shadow: 1px 2px 3px $*color_entry_border;
     }
 
-    .entry .header, .comment, .bottomcomment, .month, .page-tags h2 {
-	background: $*color_entry_background;	
+    .page-icons .icons-container {
+        border-right: 1px solid $*color_entry_title_background;
+        border-bottom: 1px solid $*color_entry_title_background;
+        box-shadow: 1px 2px 3px $*color_entry_border;
+    }
+
+    .entry .header,
+    #comments .comment,
+    .bottomcomment,
+    .month,
+    .tags-container h2,
+    .icons-container h2 {
+        background: $*color_entry_background;
         background: -moz-linear-gradient(top, $*color_entry_title_background, 
           $*color_entry_background 30px); /* Firefox */
         background: -webkit-linear-gradient(linear, left top, left bottom, 
@@ -1440,18 +1478,23 @@
           startColorstr='$*color_entry_title_background',
           endColorstr='$*color_entry_background'); /* IE6 + IE 7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$*color_entry_title_background',endColorstr='$*color_entry_background')"; /* IE 8+ */
-	background: -ms-linear-gradient(top, $*color_entry_title_background, 
+        background: -ms-linear-gradient(top, $*color_entry_title_background, 
           $*color_entry_background 30px); /* IE 10 */
         background: linear-gradient(top, $*color_entry_title_background, 
           $*color_entry_background 30px); /* Standard Syntax */
     }
-	
-    noindex:-o-prefocus, .entry .header, .comment, .bottomcomment, .month, 
-      .page-tags h2 {
+
+    noindex:-o-prefocus,
+    .entry .header,
+    #comments .comment,
+    .bottomcomment,
+    .month,
+    .tags-container h2,
+    .icons-container h2 {
         background: -o-linear-gradient(top, $*color_entry_title_background 0, 
           $*color_entry_background 30px); /* Opera 11.10+ */
     }
-    
+
     #lj_controlstrip {
         box-shadow: 0px 1px 2px $*color_entry_border;
     }
@@ -1466,7 +1509,7 @@
 
     div.ContextualPopup .Userpic {
         background-color: $*color_entry_title_background;
-	    box-shadow: 1px 2px 3px $*color_entry_border;
+        box-shadow: 1px 2px 3px $*color_entry_border;
     }
     """;
 }
--------------------------------------------------------------------------------
  • Add Memory
  • Share This Entry
(0 comments)

Post a comment in response:

This account has disabled anonymous posting.
If you don't have an account you can create one now.
HTML doesn't work in the subject.
More info about formatting

If you are unable to use this captcha for any reason, please contact us by email at support@dreamwidth.org

 
Notice: This account is set to log the IP addresses of everyone who comments.
Links will be displayed as unclickable URLs to help prevent spam.