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-06 09:27 am

[dw-free] Misc. Styles & Themes: remove extra specificity from CSS

[commit: http://hg.dwscoalition.org/dw-free/rev/0535f87dbd1e]

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

Remove extraneous div.X, span.X, etc in Blanket, Compartmentalize, Tabula
Rasa, Crisped, Drifting, Easy Read, Funky Circles, Modish, Negatives,
Refried Tablet. Also remove some unused CSS and tweak formatting (spaces
etc) in a few layouts.

Patch by [personal profile] ninetydegrees.

Files modified:
  • bin/upgrading/s2layers/blanket/themes.s2
  • bin/upgrading/s2layers/compartmentalize/layout.s2
  • bin/upgrading/s2layers/core2base/layout.s2
  • bin/upgrading/s2layers/crisped/layout.s2
  • bin/upgrading/s2layers/drifting/layout.s2
  • bin/upgrading/s2layers/easyread/layout.s2
  • bin/upgrading/s2layers/funkycircles/layout.s2
  • bin/upgrading/s2layers/modish/themes.s2
  • bin/upgrading/s2layers/negatives/layout.s2
  • bin/upgrading/s2layers/refriedtablet/layout.s2
  • bin/upgrading/s2layers/refriedtablet/themes.s2
--------------------------------------------------------------------------------
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/blanket/themes.s2
--- a/bin/upgrading/s2layers/blanket/themes.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/blanket/themes.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -97,23 +97,21 @@
 
 function Page::print_theme_stylesheet () {
 """
+    .metadata ul li {
+        color: #4e8693;
+        }
 
-div.metadata ul li {
-    color: #4e8693;
-}
+    .poster {
+        text-transform: lowercase;
+        }
 
-span.poster {
-    text-transform: lowercase;
-}
+    #header h2#subtitle, h3.entry-title {
+        text-transform: none;
+        }
 
-div#header h2#subtitle, h3.entry-title {
-    text-transform: none;
-}
-
-#secondary>.inner {
-    padding: 1em .5em;
-}
-
+    #secondary > .inner {
+        padding: 1em .5em;
+        }
 """;
 }
 
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/compartmentalize/layout.s2
--- a/bin/upgrading/s2layers/compartmentalize/layout.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/compartmentalize/layout.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -366,7 +366,7 @@
     text-transform: uppercase;
     }
 
-span.poster {
+.poster {
     margin: 1em 0;
     }
 
@@ -513,7 +513,7 @@
     text-transform: uppercase;
     }
 
-span.tag-text {
+.tag-text {
     text-transform: uppercase;
     }
 
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/core2base/layout.s2
--- a/bin/upgrading/s2layers/core2base/layout.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/core2base/layout.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -599,7 +599,7 @@
 .month dl dt {
     font-weight: bold;
 }
-.month dl span.time {
+.month dl .time {
     padding-right: .5em;
 }
 .month dl h3 {
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/crisped/layout.s2
--- a/bin/upgrading/s2layers/crisped/layout.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/crisped/layout.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -137,7 +137,7 @@
     list-style-type: decimal;
     }
 
-span.poster {
+.poster {
     padding: 5px;
     }
 
@@ -256,10 +256,10 @@
     text-transform: uppercase;
     }
 
-span.metadata-item-location,
-span.metadata-item-music,
-span.metadata-item-mood,
-div.tag ul {
+.metadata-item-location,
+.metadata-item-music,
+.metadata-item-mood,
+.tag ul {
     color: $*color_entry_link;
     text-align: right;
     text-transform: uppercase;
@@ -271,7 +271,7 @@
     text-transform: uppercase;
     }
 
-span.tag-text {
+.tag-text {
     text-transform: uppercase;
     }
 
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/drifting/layout.s2
--- a/bin/upgrading/s2layers/drifting/layout.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/drifting/layout.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -892,12 +892,13 @@
         padding-left: 10px;
     }
 
-    .month-entries .day-entries .subjectlist span.trust-filter {
-        padding-left: 5px;
-        margin-right: -10px;
+    .month-entries .day-entries .subjectlist .access-filter,
+    .month-entries .day-entries .subjectlist .restrictions {
+        margin-left: 5px;
     }
 
-    .subjectlist span.trust-filter img {
+    .month-entries .day-entries .subjectlist .access-filter img,
+    .month-entries .day-entries .subjectlist .restrictions img {
         margin-bottom: -3px;
     }
 
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/easyread/layout.s2
--- a/bin/upgrading/s2layers/easyread/layout.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/easyread/layout.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -611,7 +611,8 @@
 }
 
 /* Entry/Comment links */
-ul.entry-interaction-links, ul.entry-management-links, ul.comment-management-links, ul.comment-interaction-links {
+ul.entry-interaction-links, ul.entry-management-links,
+ul.comment-management-links, ul.comment-interaction-links {
     list-style: none;
     padding-left: 0;
     margin-bottom: 10px;
@@ -650,19 +651,13 @@
     display: none;
 }
 
-#archive-year div.inner div.year div.inner div.month-wrapper div.month div.inner div.header h3 {
+#archive-year .month .header h3,
+#archive-year .month .footer a {
     margin-left: 0;
     float: left;
     clear: left;
 }
 
-#archive-year div.inner div.year div.inner div.month-wrapper div.month div.inner div.footer div.inner a {
-    margin-left: 0;
-    float: left;
-    clear: left;
-}
-
-
 /*
  * Comments
  */
@@ -676,7 +671,8 @@
     margin-bottom: 1em;
 }
 
-ul.entry-interaction-links li, ul.entry-management-links li,  ul.comment-interaction-links li, ul.comment-management-links li {
+ul.entry-interaction-links li, ul.entry-management-links li,
+ul.comment-interaction-links li, ul.comment-management-links li {
     display: inline;
     font-weight: bold;
 }
@@ -723,7 +719,7 @@
 
 }
 
-div.page-top {
+.page-top {
     text-align: right;
     margin-bottom: 10px;
 }
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/funkycircles/layout.s2
--- a/bin/upgrading/s2layers/funkycircles/layout.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/funkycircles/layout.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -897,7 +897,7 @@
     padding: .5em 0;
     }
 
-.comment span.multiform-checkbox {
+.comment .multiform-checkbox {
     padding-right: 1em;
     }
 
@@ -973,7 +973,7 @@
         width: 99%;
         }
 
-    #qrformdiv span.de {
+    #qrformdiv .de {
         $entry_footer_link_visited_colors
         }
 
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/modish/themes.s2
--- a/bin/upgrading/s2layers/modish/themes.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/modish/themes.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -105,7 +105,9 @@
 
 function Page::print_theme_stylesheet() {
     """
-    div.module-navlinks, div.module-time, div.module-powered {
+    .module-navlinks,
+    .module-time,
+    .module-powered {
         background-color: $*color_page_background;
         }
 
@@ -246,7 +248,9 @@
 
 function Page::print_theme_stylesheet() {
     """
-    div.module-navlinks, div.module-time, div.module-powered {
+    .module-navlinks,
+    .module-time,
+    .module-powered {
         background-color: $*color_page_background;
         }
 
@@ -254,19 +258,21 @@
         background-color: $*color_header_background;
         }
 
-    span.date, span.time {
+    .date,
+    .time {
         color: $*color_page_title;
         }
 
     .entry .entry-title a:visited {
         color: $*color_entry_link_visited;
-    }
+        }
 
     .entry .entry-title a:hover {
         color: $*color_entry_link_hover;
-    }
+        }
 
-    ul.entry-interaction-links, ul.entry-management-links {
+    ul.entry-interaction-links,
+    ul.entry-management-links {
         padding-top: 2px;
         }
 
@@ -519,19 +525,21 @@
 
 function Page::print_theme_stylesheet() {
     """
-    div.module-navlinks, div.module-time, div.module-powered {
+    .module-navlinks,
+    .module-time,
+    .module-powered {
         background-color: $*color_page_background;
         }
 
-    div.module-navlinks ul.module-list li.module-list-item a {
+    .module-navlinks .module-list .module-list-item a {
         color: $*color_footer_link_active;
         }
 
-    div.module-navlinks ul.module-list li.module-list-item:hover a {
+    .module-navlinks .module-list .module-list-item:hover a {
         color: $*color_module_title;
         }
 
-    div.topnav a, div.bottomnav a {
+    .topnav a, .bottomnav a {
         color: $*color_page_text;
         }
 
@@ -540,7 +548,8 @@
         border-bottom: 1px solid $*color_module_border;
         }
 
-    ul.entry-interaction-links a:visited, ul.entry-interaction-links a:hover {
+    ul.entry-interaction-links a:visited,
+    ul.entry-interaction-links a:hover {
         color: $*color_entry_interaction_links;
         }
     """;
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/negatives/layout.s2
--- a/bin/upgrading/s2layers/negatives/layout.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/negatives/layout.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -674,22 +674,14 @@
 
     .floatclear {
         visibility: hidden;
-        clear:both;
-        height:0;
+        clear: both;
+        height: 0;
     }
 
-    /*separators*/
-    span.invis{
-        display:none;
-    }
-    /* correct LJ breaking the comment page */
     textarea.textbox{
         width: 100%;
     }
-    q{
-        font-style: italic;
-    }
-    
+
     .entry h3 { display: inline; }
 
     .page-top {
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/refriedtablet/layout.s2
--- a/bin/upgrading/s2layers/refriedtablet/layout.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/refriedtablet/layout.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -12,26 +12,19 @@
 ##===============================
 
 set use_custom_friend_colors = true;
-set custom_colors_template =  "%%new%% .userpic img { border-color: %%background%% %%foreground%%; border: 1px solid;} ";
+set custom_colors_template = "%%new%% .userpic img { border-color: %%background%% %%foreground%%; border: 1px solid; }";
 
 ##===============================
 ## Journal style - colors
 ##===============================
 
 propgroup colors_child {
-    property Color color_entry_text_nsfw { des = "Not Safe For Work text";
-}
-    property Color color_entry_background_nsfw { des = "Not Safe For Work background";
-}
-    property Color color_comment_text_screened { des = "Screened text";
-}
-    property Color color_comment_background_screened { des = "Screened background";
-}
-    property Color color_comment_text_frozen { des = "Frozen text";
-}
-    property Color color_comment_background_frozen { des = "Frozen background";
-}
-
+    property Color color_entry_text_nsfw { des = "Not Safe For Work text"; }
+    property Color color_entry_background_nsfw { des = "Not Safe For Work background"; }
+    property Color color_comment_text_screened { des = "Screened text"; }
+    property Color color_comment_background_screened { des = "Screened background"; }
+    property Color color_comment_text_frozen { des = "Frozen text"; }
+    property Color color_comment_background_frozen { des = "Frozen background"; }
 }
 
 ##===============================
@@ -158,53 +151,56 @@
 
 /* WHOLE PAGE */
 
-A {
+a {
     text-decoration: none;
 }
 
-A:active {
+a:active {
     text-decoration: underline;
 }
 
-A:hover {
+a:hover {
     text-decoration: underline;
 }
 
 body {
+    border-width: 0;
     margin: 0;
     padding: 0;
-    border-width: 0;
-}
- 
-#content { color:
-    $*color_entry_text;
 }
 
 /* using color entry text as default text color in the content area.
     This allows us to use the page default as the color for the page view subheading. */
 
-p,td,tr,table,hr,br,ul,ol,li {
-    line-height:1.5em;
-    text-align:justify;
+#content {
+    color: $*color_entry_text;
+}
+
+p, td, tr, table, hr, br, ul, ol, li {
+    line-height: 1.5em;
+    text-align: justify;
 }
 
 h1, h2, h3, h4, h5, h6 {
     font-family: $*font_journal_title;
 }
 
-q { font-style: italic;
+q {
+    font-style: italic;
 }
 
 /* PAGE HEADER */
 
 #canvas {
-    border-top: $*color_page_border 20px solid; /* page border color */} 
+    border-top: $*color_page_border 20px solid; /* page border color */
+}
 
-h1#title, h2#subtitle {
-font-weight:900;
-    letter-spacing:.1em;
-    margin: 0em auto;
-    padding-bottom: 0em;
+h1#title,
+h2#subtitle {
+    font-weight: 900;
+    letter-spacing: .1em;
+    margin: 0 auto;
+    padding-bottom: 0;
 }
 
 h1#title {
@@ -215,22 +211,24 @@
     content: ": ";
 }
 
-h2#subtitle { line-height: 0.75em;
+h2#subtitle {
+    line-height: .75em;
 }
 
 #header {
-    border-top: $*color_entry_background 3px solid;  /* same color as entry background color */
     border-bottom: $*color_module_border 2px solid; /* same color as module border */
+    border-top: $*color_entry_background 3px solid; /* same color as entry background color */
 }
  
-h2#pagetitle {color: $*color_page_text;  /* using the page text color */
+h2#pagetitle {
     $view_text_font
-    font-weight:bold;
-    text-transform:uppercase;
-    letter-spacing:.2em;
     clear: both;
+    color: $*color_page_text; /* using the page text color */
+    font-weight: bold;
+    letter-spacing: .2em;
     padding-right: 5em;
-    padding-top: 0em;
+    padding-top: 0;
+    text-transform: uppercase;
 }
 
 h2#pagetitle:after {
@@ -241,18 +239,24 @@
     content: " ARCHIVE PAGE";
 }
 
-.page-entry h2#pagetitle:after, .page-read h2#pagetitle:after {
+.page-entry h2#pagetitle:after,
+.page-read h2#pagetitle:after {
     content: "";
 }
- 
+
 /* ENTRIES */
- 
+
 /* Make the headers a different color than the rest of the text. */
-.tag, .metadata, .entry .inner .header, .entry .inner .poster, .entry .inner .userpic, .entry-title  {
+.tag,
+.metadata,
+.entry .inner .header,
+.entry .inner .poster,
+.entry .inner .userpic,
+.entry-title {
     $entry_title_colors
     $entry_title_font
-    line-height:1.4em;
     font-weight: bold;
+    line-height: 1.4em;
 }
 
 /* Add identifiers to the header content, pt 1 */
@@ -261,24 +265,25 @@
 }
 
 h3.entry-title {
-    margin-bottom: 0em;
-    padding-bottom: 0em;
     $entry_title_font
+    margin-bottom: 0;
+    padding-bottom: 0;
 }
 
 /* replace icons for restrictions with text */
 .restrictions-18 .entry-title:after {
-    display: block; 
+    background-color: $*color_entry_background_nsfw;
+    color: $*color_entry_text_nsfw;
     content: "Rating: Restricted to adults 18 and older.";
-    color: $*color_entry_text_nsfw;
-    background-color: $*color_entry_background_nsfw;
+    display: block;
 }
 
 .restrictions-NSFW .entry-title:after {
-    display: block; content: "Rating: Discretion advised. Not safe for work.";
+    content: "Rating: Discretion advised. Not safe for work.";
+    display: block;
 }
 
-span.restrictions {
+.restrictions {
     display: none;
 }
 
@@ -289,26 +294,27 @@
 
 /* replace icons for security with text */
 .security-public .entry .header:after {
+    clear: left;
     content: "Security: Public";
     display: block;
-    clear: left;
 }
 
 .security-private .entry .header:after {
+    clear: left;
     content: "Security: Private";
     display: block;
+}
+
+.security-protected .entry .header:after {
     clear: left;
-}
-.security-protected .entry .header:after {
     content: "Security: Access Only";
     display: block;
-    clear: left;
 }
 
 .security-custom .entry .header:after {
+    clear: left;
     content: "Security: Access Filter";
     display: block;
-    clear: left;
 }
 
 .access-filter {
@@ -330,15 +336,13 @@
 
 /* make metadata and tags more header-ish */
 .metadata {
-    padding: 0em;
-    margin: 0em;
-    margin-top: 1em;
-    margin-bottom: -1em;
+    margin: 1em 0 -1em;
+    padding: 0;
 }
 
 .has-userpic .metadata.top-metadata {
+    margin-bottom: -5em !important;
     margin-top: 5em;
-    margin-bottom: -5em !important;
 }
 
 .no-userpic .metadata.top-metadata {
@@ -346,38 +350,38 @@
 }
 
 .metadata ul {
-    margin: 0em;
-    padding: 0em;
+    margin: 0;
+    padding: 0;
 }
 
 .metadata li {
     line-height: 1.4em;
-    margin: 0em auto;
+    margin: 0 auto;
 }
 
 .tags {
-    margin-bottom: 0em;
+    margin-bottom: 0;
 }
 
-div.inner > ul {
-    margin-top: 0em;
+.inner > ul {
+    margin-top: 0;
 }
 
 /* put the icons on the same line as the text entry management stuff */
 .entry-management-links {
+    display: inline;
     float: right;
-    display: inline;
 }
 
 /* Put a line under all the entries, add space between entries */
 .entry-wrapper {
     border-bottom: 1px $*color_entry_border solid;
+    margin-bottom: 1.5em;
     padding-bottom: 1em;
-    margin-bottom: 1.5em;
 }
 
 .entry {
-    border: 0px red solid;
+    border: none;
 }
 
 /* make user pic next to header info,
@@ -388,7 +392,8 @@
     position: relative;
 }
 
-.has-userpic .entry .header, .has-userpic .entry .poster {
+.has-userpic .entry .header,
+.has-userpic .entry .poster {
     position: relative;
 }
 
@@ -397,15 +402,17 @@
     top: -4em;
 }
 
-.restrictions-18 .entry .userpic, .restrictions-NSFW .entry  .userpic {
+ /* the restricted entries have an extra line, so they need extra top space */
+.restrictions-18 .entry .userpic,
+.restrictions-NSFW .entry .userpic {
     position: absolute;
-    top: -5.25em;  
-} /* the restricted entries have an extra line, so they need extra top space */
+    top: -5.25em;
+}
 
 .entry .entry-content {
+    margin-bottom: 5em;
     position: relative;
     top: 5em;
-    margin-bottom: 5em;
 }
 
 .has-userpic .entry .entry-poster.empty {
@@ -413,8 +420,8 @@
 }
 
 .no-userpic .entry-content {
+    margin-bottom: auto;
     position: static;
-    margin-bottom: auto;
 }
 
 /* Make text entry management links left-align and pretty */
@@ -425,11 +432,12 @@
 ul.entry-interaction-links {
     text-align: left;
 }
+
 ul.entry-interaction-links li {
-    font-size: 0.8em;
     color: $*color_entry_title;
     font-family: $*font_journal_title;
-    line-height:1.4em;
+    font-size: .8em;
+    line-height: 1.4em;
     text-transform: uppercase;
 }
 
@@ -437,25 +445,24 @@
     content: "| ";
 }
 
-ul.entry-interaction-links li:first-child:before  {
-content: "";
+ul.entry-interaction-links li:first-child:before {
+    content: "";
 }
 
 /* SIDEBARS AND MODULES */
 
 .module {
+    border-top: none;
     border-width: 2px;
-    border-top: none;
     }
 
 /* make headers pretty */
-div h2.module-header {
+h2.module-header {
     border-bottom: 2px solid $*color_module_border;
-    padding: 0em 1em 0.25em 1em;
-    margin-bottom: 1em;
-    margin: 0em;
     font-weight:bold;
     letter-spacing: .1em;
+    margin: 0;
+    padding: 0 1em .25em;
     text-transform: lowercase;
 }
 
@@ -465,18 +472,19 @@
 
 /* get rid of padding so that the header borders go all the way to the sides */
 #secondary {
-    padding: 0em;
+    padding: 0;
 }
 
 /* make sidebars hit the bottom of the header */
 
 #secondary .inner:first-child {
-    padding: 0em;
+    padding: 0;
 }
 
-.three-columns-sides #tertiary .inner:first-child, .three-columns-left #tertiary .inner:first-child, 
+.three-columns-sides #tertiary .inner:first-child,
+.three-columns-left #tertiary .inner:first-child,
 .three-columns-right #tertiary .inner:first-child {
-    padding-top: 0em;
+    padding-top: 0;
 }
 
 /* add padding to module content because whitespace is good! But we don't need so much on ul and table. */
@@ -484,15 +492,16 @@
     padding: 1em;
 }
 
-.module-content ul, .module-content table {
-    margin: 0 0.5em;
+.module-content ul,
+.module-content table {
+    margin: 0 .5em;
 }
 
 /* make lists prettier */
 .module-content li {
+    list-style-position: inside;
+    list-style-type: none;
     text-align: left;
-    list-style-type: none;
-    list-style-position: inside;
 }
 
 /* Special case for modules without headers */
@@ -510,17 +519,19 @@
 
 /* special case for the profile module, make user interaction links properly space and align */
 .module-userprofile .userlite-interaction-links.icon-links {
+    margin-left: 0;
     margin-top: 1em;
-    margin-left: 0em;
 }
 
-.two-columns-left #tertiary, .two-columns-right #tertiary {
+.two-columns-left #tertiary,
+.two-columns-right #tertiary {
     $tertiary_border
     }
 
 /* don't make tertiary modules in two column into 15px boxes, the data doesn't fit!*/
 /* color match the tertiary modules in two column styles to the page */
-.two-columns-left #tertiary .module, .two-columns-right #tertiary .module {
+.two-columns-left #tertiary .module,
+.two-columns-right #tertiary .module {
     $page_background
     $page_colors
     border: none;
@@ -530,26 +541,32 @@
     width: auto;
 }
 
-.two-columns-left #tertiary .module a, .two-columns-right #tertiary .module a {
+.two-columns-left #tertiary .module a,
+.two-columns-right #tertiary .module a {
     $page_link_colors
 }
 
-.two-columns-left #tertiary .module a:active, .two-columns-right #tertiary .module a:active {
+.two-columns-left #tertiary .module a:visited,
+.two-columns-right #tertiary .module a:visited {
+    $page_link_visited_colors
+}
+
+.two-columns-left #tertiary .module a:hover,
+.two-columns-right #tertiary .module a:hover {
+    $page_link_hover_colors
+}
+
+.two-columns-left #tertiary .module a:active,
+.two-columns-right #tertiary .module a:active {
     $page_link_active_colors
 }
 
-.two-columns-left #tertiary .module a:hover, .two-columns-right #tertiary .module a:hover {
-    $page_link_hover_colors
-}
-
-.two-columns-left #tertiary .module a:visited, .two-columns-right #tertiary .module a:visited {
-    $page_link_visited_colors
-}
-
 /* add room to breathe on one-column implementations */
-.one-column #secondary, .one-column #tertiary, .one-column #primary {
-    padding:5%;
-    width:90%;
+.one-column #primary,
+.one-column #secondary,
+.one-column #tertiary {
+    padding: 5%;
+    width: 90%;
 }
 
 #tertiary > .inner:first-child {
@@ -574,31 +591,34 @@
 }
 
 /* make comment headers headerish */
-.comment .inner .header, .comment .inner .contents .poster, .comment .inner .contents .poster-ip {
+.comment .inner .header,
+.comment .inner .contents .poster,
+.comment .inner .contents .poster-ip {
     $entry_title_colors
     $entry_title_font
-    line-height:1.4em;
+    line-height: 1.4em;
     font-weight: bold;
 }
 
 /* visually distinguish screened/frozen comments */
 
-.screened, .frozen {
+.screened,
+.frozen {
     $comment_special_font
     font-weight: 300;
     }
 
 .screened {
     background-color: $*color_comment_background_screened;
-    color: $*color_comment_text_screened
+    color: $*color_comment_text_screened;
     }
 
 .frozen {
     background-color: $*color_comment_background_frozen;
-    color: $*color_comment_text_frozen
+    color: $*color_comment_text_frozen;
     }
 
 $userpic_css
+
 """;
-
 }
diff -r c71a1c180c84 -r 0535f87dbd1e bin/upgrading/s2layers/refriedtablet/themes.s2
--- a/bin/upgrading/s2layers/refriedtablet/themes.s2	Fri Jan 06 17:18:11 2012 +0800
+++ b/bin/upgrading/s2layers/refriedtablet/themes.s2	Fri Jan 06 17:28:21 2012 +0800
@@ -1118,26 +1118,31 @@
 
 function Page::print_theme_stylesheet() {
     """
-    .two-columns-left #tertiary .module, .two-columns-right #tertiary .module {
+    .two-columns-left #tertiary .module,
+    .two-columns-right #tertiary .module {
         background-color: $*color_entry_background;
         color: $*color_entry_text;
         }
 
-    .two-columns-left #tertiary .module, .two-columns-right #tertiary .module a {
+    .two-columns-left #tertiary .module,
+    .two-columns-right #tertiary .module a {
         color: $*color_entry_link;
         }
 
-    .two-columns-left #tertiary .module, .two-columns-right #tertiary .module a:hover {
+    .two-columns-left #tertiary .module,
+    .two-columns-right #tertiary .module a:visited {
+        color: $*color_entry_link_visited;
+        }
+
+    .two-columns-left #tertiary .module,
+    .two-columns-right #tertiary .module a:hover {
         color: $*color_entry_link_hover;
         }
 
-    .two-columns-left #tertiary .module, .two-columns-right #tertiary .module a:active {
+    .two-columns-left #tertiary .module,
+    .two-columns-right #tertiary .module a:active {
         color: $*color_entry_link_active;
         }
-
-    .two-columns-left #tertiary .module, .two-columns-right #tertiary .module a:visited {
-        color: $*color_entry_link_visited;
-        }
     """;
 }
 
--------------------------------------------------------------------------------