![[staff profile]](https://www.dreamwidth.org/img/silk/identity/user_staff.png){kind=small}
![[site community profile]](https://www.dreamwidth.org/img/comm_staff.png){kind=small}
[dw-free] Add Gradation Horizontal
[commit: http://hg.dwscoalition.org/dw-free/rev/d60b26420695]
http://bugs.dwscoalition.org/show_bug.cgi?id=2244
Add Gradation Horizontal site scheme.
Patch by![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
foxfirefey.
Files modified:
http://bugs.dwscoalition.org/show_bug.cgi?id=2244
Add Gradation Horizontal site scheme.
Patch by
foxfirefey.Files modified:
- cgi-bin/bml/scheme/gradation-horizontal.look
- cgi-bin/bml/scheme/gradation-vertical.look
- htdocs/interests.bml
- htdocs/js/nav-jquery.js
- htdocs/js/nav.js
- htdocs/stc/gradation/gradation-vertical.css
- htdocs/stc/gradation/gradation.css
--------------------------------------------------------------------------------
diff -r b91dec6eeaab -r d60b26420695 cgi-bin/bml/scheme/gradation-horizontal.look
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/cgi-bin/bml/scheme/gradation-horizontal.look Tue Apr 20 09:09:25 2010 +0000
@@ -0,0 +1,189 @@
+# Gradation Horizontal Site Scheme
+#
+# Authors:
+# Emily Ravenwood <ravenwood@alltrees.org>
+# Denise Paolucci <denise@dreamwidth.org>
+# Based on Tropospherical Red authored by:
+# Janine Smith <janine@netrophic.com>
+# Jesse Proulx <jproulx@jproulx.net>
+# Elizabeth Lubowitz <grrliz@gmail.com>
+#
+# Copyright (c) 2009 by Dreamwidth Studios, LLC.
+#
+# This program is free software; you may redistribute it and/or modify it under
+# the same terms as Perl itself. For a copy of the license, please reference
+# 'perldoc perlartistic' or 'perldoc perlgpl'.
+
+_parent=>global.look
+
+h1=>{D}<h1>%%data%%</h1>
+h2=>{D}<h2>%%data%%</h2>
+p=>{D}<p>%%data%%</p>
+hr=><hr />
+
+de=><span style='font-size: smaller;'>%%data%%</span>
+emailex=><div style='width: 50%; font-family: courier; background-color: #efefef; border: dotted #cdcdcd 2px; padding: 5px;'>%%data%%</div>
+
+standout<=
+{DRps}<div class='standout'><table class='standout-inner'><tr><td>%%data%%</td></tr></table></div>
+<=standout
+
+head<=
+<head>
+ <title>
+ <?_code
+ my $elhash = $_[2];
+ return $elhash->{WINDOWTITLE} || $elhash->{TITLE};
+ _code?>
+ </title>
+
+ <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
+ <?_code
+ LJ::need_res( "stc/lj_base-app.css" );
+ LJ::need_res( "stc/gradation/gradation.css" );
+
+ LJ::need_res( {group=>'jquery'}, "js/nav-jquery.js" );
+ LJ::need_res( {group=>'default'}, "js/nav.js" );
+ _code?>
+ <?_code LJ::res_includes(); _code?>
+
+ %%head%%
+</head>
+<=head
+
+logo<=
+<span id='sitename'><a href="<?siteroot?>"><?_code $LJ::SITENAMESHORT _code?></a></span>
+<=logo
+
+accountlinks<=
+<?_code
+{
+ my $remote = LJ::get_remote();
+ my $ret;
+
+ if ( $remote ) {
+ my $userpic = $remote->userpic;
+ my $inbox = $remote->notification_inbox;
+ my $unread = $inbox->unread_count;
+ my $identity = $remote->is_identity;
+
+ $ret .= "<div id='account-links-userpic'><a href='$LJ::SITEROOT/editicons'>";
+ if ( $userpic ) {
+ my $wh = $userpic->img_fixedsize( width => 80, height => 80 );
+ $ret .= "<img src='" . $userpic->url . "' $wh alt=\"$ML{'sitescheme.accountlinks.userpic.alt'}\" />";
+ } else {
+ $ret .= "<img src='$LJ::IMGPREFIX/nouserpic.png' width='80' height='80' alt=\"$ML{'sitescheme.accountlinks.userpic.alt'}\" />";
+ }
+ $ret .= "</a></div>";
+ $ret .= "<div id='account-links-text'>";
+ $ret .= "<form action='$LJ::SITEROOT/logout?ret=1' method='post'>";
+ $ret .= $remote->ljuser_display;
+ $ret .= "<input type='hidden' name='user' value='" . $remote->user . "' />";
+ $ret .= "<input type='hidden' name='sessid' value='$remote->{_session}->{sessid}' />";
+ $ret .= " <input type='submit' value=\"$ML{'sitescheme.accountlinks.btn.logout'}\" />";
+ $ret .= "</form>";
+ $ret .= "<ul>";
+ $ret .= "<li><a href='$LJ::SITEROOT/update'>$ML{'sitescheme.accountlinks.post'}</a> • </li>" unless $identity;
+ $ret .= "<li><a href='" . $remote->journal_base . "/read'>$ML{'sitescheme.accountlinks.readinglist'}</a> • </li>";
+ $ret .= "<li><a href='$LJ::SITEROOT/inbox/'>$ML{'sitescheme.accountlinks.inbox'}";
+ $ret .= " <span id='Inbox_Unread_Count'>($unread)</span>" if $unread;
+ $ret .= "</a> • </li>";
+ $ret .= "<li><a href='$LJ::SITEROOT/manage/settings/'>$ML{'sitescheme.accountlinks.account'}</a></li> <br />";
+ $ret .= "<li><a href='$LJ::SITEROOT/manage/circle/invite'>$ML{'sitescheme.accountlinks.invitefriend'}</a> • </li>" unless $identity;
+ $ret .= "<li><a href='$LJ::SITEROOT/support/'>$ML{'sitescheme.accountlinks.help'}</a></li>";
+ $ret .= "</ul>";
+ $ret .= "</div>";
+ } else {
+ my $chal = LJ::challenge_generate(300);
+
+ $ret .= "<form action='$LJ::SITEROOT/login?ret=1' method='post'>";
+ $ret .= LJ::html_hidden( returnto => $GET{returnto} );
+ $ret .= "<input type='hidden' name='chal' class='lj_login_chal' value='$chal' />\n";
+ $ret .= "<input type='hidden' name='response' class='lj_login_response' value='' />\n";
+ $ret .= "<table id='login-table'>";
+ $ret .= "<tr><td><label for='login_user'>$ML{'sitescheme.accountlinks.login.username'}</label></td>";
+ $ret .= "<td class='input-cell' colspan='2'>" . LJ::html_text({
+ name => "user",
+ id => "login_user",
+ size => 20,
+ maxlength => 27,
+ tabindex => 1,
+ raw => 'aria-required="true"',
+ }) . " <a href='$LJ::SITEROOT/openid/' tabindex=5>$ML{'sitescheme.accountlinks.login.openid'}</a></td></tr>";
+ $ret .= "<tr><td><label for='login_password'>$ML{'sitescheme.accountlinks.login.password'}</label></td>";
+ $ret .= "<td class='input-cell' colspan='2'>" . LJ::html_text({
+ type => "password",
+ name => "password",
+ id => "login_password",
+ size => 20,
+ tabindex => 2,
+ raw => 'aria-required="true"',
+ }) . " <a href='$LJ::SITEROOT/lostinfo' tabindex=6>$ML{'sitescheme.accountlinks.login.forgotpassword'}</a></td></tr>";
+ $ret .= "<tr><td> </td>";
+ $ret .= "<td class='remember-me-cell'>";
+ $ret .= LJ::html_check({
+ name => "remember_me",
+ id => "login_remember_me",
+ value => 1,
+ tabindex => 3,
+ });
+ $ret .= " <label for='login_remember_me'>$ML{'sitescheme.accountlinks.login.rememberme'}</label></td>";
+ $ret .= "<td>" . LJ::html_submit( login => $ML{'sitescheme.accountlinks.btn.login'}, { tabindex => 4 }) . "</td>";
+ $ret .= "</tr>";
+ $ret .= "</table>";
+ $ret .= "</form>";
+ }
+
+ return $ret;
+}
+_code?>
+<=accountlinks
+
+footer<=
+<ul>
+ <li><a href="<?siteroot?>/legal/privacy"><?_ml sitescheme.footer.legal.privacypolicy _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/tos"><?_ml sitescheme.footer.legal.tos _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/diversity"><?_ml sitescheme.footer.legal.diversitystatement _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/principles"><?_ml sitescheme.footer.legal.guidingprinciples _ml?></a> • </li>
+ <li><a href="<?siteroot?>/site/"><?_ml sitescheme.footer.sitemap _ml?></a> • </li>
+ <li><a href="<?siteroot?>/site/suggest"><?_ml sitescheme.footer.suggestion _ml?></a></li>
+</ul>
+<p><?_ml sitescheme.footer.info _ml?></p>
+<=footer
+
+page<=
+{Fps}<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+ <?head?>
+ <body %%bodyopts%%>
+ <div id="canvas" class="horizontal-nav">
+ <div id="page">
+ <div id="masthead">
+ <span id="logo">
+ <?logo?>
+ </span>
+ </div>
+
+ <div id="content" class="layout-wide-right-sidebar">
+ <h1>%%title%%</h1>
+ %%body%%
+ </div>
+ <div id="account-links">
+ <?accountlinks?>
+ </div>
+ <div id="menu">
+ <?menunav?>
+ </div>
+ <div id="header-search">
+ <?_code return LJ::Widget::Search->render; _code?>
+ </div>
+ <div id="footer">
+ <?footer?>
+ </div>
+ </div>
+ </div>
+ <?_code LJ::final_body_html(); _code?>
+ </body>
+</html>
+<=page
diff -r b91dec6eeaab -r d60b26420695 cgi-bin/bml/scheme/gradation-vertical.look
--- a/cgi-bin/bml/scheme/gradation-vertical.look Tue Apr 20 08:42:32 2010 +0000
+++ b/cgi-bin/bml/scheme/gradation-vertical.look Tue Apr 20 09:09:25 2010 +0000
@@ -41,7 +41,7 @@ head<=
<?_code
LJ::need_res( "stc/lj_base-app.css" );
- LJ::need_res( "stc/gradation/gradation-vertical.css" );
+ LJ::need_res( "stc/gradation/gradation.css" );
_code?>
<?_code LJ::res_includes(); _code?>
@@ -155,7 +155,7 @@ page<=
<html xmlns="http://www.w3.org/1999/xhtml">
<?head?>
<body %%bodyopts%%>
- <div id="canvas">
+ <div id="canvas" class="vertical-nav">
<div id="page">
<div id="masthead">
<span id="logo">
diff -r b91dec6eeaab -r d60b26420695 htdocs/interests.bml
--- a/htdocs/interests.bml Tue Apr 20 08:42:32 2010 +0000
+++ b/htdocs/interests.bml Tue Apr 20 09:09:25 2010 +0000
@@ -17,7 +17,7 @@ head<=
head<=
<style>
div.tagcloud a { text-decoration: none; }
- li { padding-bottom: 3px; }
+ ul.contentlist li { padding-bottom: 3px; }
</style>
<=head
@@ -476,7 +476,7 @@ body<=
if (@cl) {
$ret .= "<h1>" . BML::ml(".communities.header", {'interest' => $interest}) ."</h1>";
- $ret .= "<p class='matches'><b>" . BML::ml('.matches2', {'num' => $count}) . "</b><ul>$list</ul></p>";
+ $ret .= "<p class='matches'><b>" . BML::ml('.matches2', {'num' => $count}) . "</b><ul class='contentlist'>$list</ul></p>";
}
}
diff -r b91dec6eeaab -r d60b26420695 htdocs/js/nav-jquery.js
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/htdocs/js/nav-jquery.js Tue Apr 20 09:09:25 2010 +0000
@@ -0,0 +1,35 @@
+/*
+ js/nav-jquery.js
+
+ Tropospherical and Gradation Horizontal Navigation JavaScript
+
+ Authors:
+ Mark Smith <mark@dreamwidth.org>
+
+ Copyright (c) 2009 by Dreamwidth Studios, LLC.
+
+ This program is free software; you may redistribute it and/or modify it under
+ the same terms as Perl itself. For a copy of the license, please reference
+ 'perldoc perlartistic' or 'perldoc perlgpl'.
+*/
+
+DW.whenPageLoaded( function() {
+
+ // used below
+ var hideNavs = function() {
+ $( '.topnav' ).removeClass( 'hover' );
+ $( '.subnav' ).removeClass( 'hover' );
+ };
+
+ // add event listeners to the top nav items
+ $( '.topnav' )
+
+ .mouseover( function() {
+ hideNavs();
+ $( this ).addClass( 'hover' );
+ } )
+
+ .mouseout( function() {
+ hideNavs();
+ } );
+} );
diff -r b91dec6eeaab -r d60b26420695 htdocs/js/nav.js
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/htdocs/js/nav.js Tue Apr 20 09:09:25 2010 +0000
@@ -0,0 +1,44 @@
+// Tropospherical and Gradation Horizontal Navigation JavaScript
+//
+// Authors:
+// Janine Smith <janine@netrophic.com>
+// Jesse Proulx <jproulx@jproulx.net>
+// Elizabeth Lubowitz <grrliz@gmail.com>
+//
+// Copyright (c) 2009 by Dreamwidth Studios, LLC.
+//
+// This program is free software; you may redistribute it and/or modify it under
+// the same terms as Perl itself. For a copy of the license, please reference
+// 'perldoc perlartistic' or 'perldoc perlgpl'.
+
+
+var Tropo = new Object();
+
+Tropo.init = function () {
+ // add event listeners to all of the top-level nav menus
+ var topnavs = DOM.getElementsByClassName($('menu'), "topnav");
+ topnavs.forEach(function (topnav) {
+ DOM.addEventListener(topnav, "mouseover", function (evt) { Tropo.showSubNav(topnav.id) });
+ DOM.addEventListener(topnav, "mouseout", function (evt) { Tropo.hideSubNav() });
+ });
+}
+
+Tropo.hideSubNav = function () {
+ var topnavs = DOM.getElementsByClassName($('menu'), "topnav");
+ var subnavs = DOM.getElementsByClassName($('menu'), "subnav");
+ topnavs.forEach(function (topnav) {
+ DOM.removeClassName(topnav, "hover");
+ });
+ subnavs.forEach(function (subnav) {
+ DOM.removeClassName(subnav, "hover");
+ });
+}
+
+Tropo.showSubNav = function (id) {
+ Tropo.hideSubNav();
+
+ if (!$(id)) return;
+ DOM.addClassName($(id), "hover");
+}
+
+LiveJournal.register_hook("page_load", Tropo.init);
diff -r b91dec6eeaab -r d60b26420695 htdocs/stc/gradation/gradation-vertical.css
--- a/htdocs/stc/gradation/gradation-vertical.css Tue Apr 20 08:42:32 2010 +0000
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,1407 +0,0 @@
-/** Gradation Vertical CSS
- *
- * Authors:
- * Emily Ravenwood <ravenwood@alltrees.org>
- *
- * Copyright (c) 2009 by Dreamwidth Studios, LLC.
- *
- * This program is free software; you may redistribute it and/or modify it under
- * the same terms as Perl itself. For a copy of the license, please reference
- * 'perldoc perlartistic' or 'perldoc perlgpl'.
- */
-
- /* Colors:
- vrylt=#888888 (borders)
- dk=#333333 (standout, hover ul)
- vrydk=#222222 (hover a)
- med=#444444 (inactive tabs, evencomment)
- lt=#666666 (active tabs)
- altlt=#555555 (oddcomment, footer border)
-*/
-
-
-/**
- * pieces from Erik Meyer's CSS Reset Reloaded
- * @link http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
- */
-
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-size: 100%;
- vertical-align: baseline;
- background: transparent;
-}
-
-/* @note remove default border of linked images */
-a img, :link img, :visited img {
- border: none;
-}
-
-ol, ul {
- list-style: none;
-}
-
-/**
- * Global
- */
-
-body {
- font-family: Arial, Verdana, sans-serif;
- line-height: 1.25em;
- background-image: url('/img/gradation/blackfade.png');
- background-position: top;
- background-repeat: repeat-x;
- background-color: #111111;
- color: #e9e9e0;
-}
-
-H1, H2, H3, H4 {
- padding: 1em 0;
- line-height: 1em;
- }
-H1 { font-size: 175%; }
-H2 { font-size: 150%; }
-#content H2 { font-size: 125%; }
-H3 { font-size: 125%; }
-H4 { font-size: 100%; }
-
-ul { list-style: circle;
- margin-left: 1em; }
-
-a:link,
-.link {
- color: #CCCC99;
-}
-a:visited {
- color: #999966;
-}
-a:hover,
-a:active,
-.link:hover {
- text-decoration: none;
-}
-
-#canvas {
- padding-top: 1px; /*to ensue margin*/
- margin-top: 120px;
-}
-#page {
- padding-top: 1px; /*to ensue margin*/
-}
-
-
-/**
- * Header
- */
-#masthead {
- position: absolute;
- top: 30px;
- right: 1em;
- }
- #sitename {
- font-weight: bold;
- font-size: 175%;
- }
- #sitename a { color: #ffffff; }
-
-#account-links {
- position: absolute;
- top: 0;
- left: 0;
- height: 100px;
- padding-top: .5em;
- text-align: left;
- font-size: small;
- color: #ffffff;
- z-index: 200; /*keep log-in on top of search bar*/
-}
-#account-links ul { list-style: none;
- margin-left: 0;
- padding-left: 0;
- margin-top: 5px;
- white-space: nowrap; /* to make sure the links don't wrap under short usernames */
- }
-#account-links li { display: inline; }
-#account-links a {color: #ffffff; }
-
-#account-links-text { margin-left: 100px; }
-
-#account-links #login-table { margin-left: 5px; }
-#account-links #login-table td {
- padding: 3px;
- text-align: left;
-}
-#account-links #login-table td.input-cell,
-#account-links #login-table td.remember-me-cell {
- text-align: left;
-}
-#account-links #login_user,
-#account-links #login_password { }
-#account-links-userpic { text-align: center;
- height: 100px;
- width: 100px;
- position: absolute;
- top: 10px;
- left: 0;
- }
- #account-links-userpic img {
- border: none;
- }
-
-#header-search { position: absolute;
- top: 120px;
- right: 0;
- width: 100%;
- height: 2.5em;
- text-align: right;
- background-color: #444444;
- border-top: 1px solid #000000;
- border-bottom: 1px solid #000000;
- }
- #header-search .appwidget-search {
- margin-right: .5em;
- margin-top: .25em;
- }
- #header-search #search { }
-
-/**
- * Menu
- */
-
-body {
- background-color: #222222;
- }
-
-#canvas {
- margin-left: 8.25em;
- min-height: 60em;
- background-color: #111111;
- padding-bottom: 1px; /* to ensure margin*/
- }
-
-#header-search { z-index: 100; }
-
-#menu { position: absolute;
- top: 120px;
- left: 0;
- width: 8.25em;
- background-color: #222222;
- }
-#menu ul { margin-top: 3.5em; /*to clear search bar */
- padding-left: 0;
- margin-left: 0;
- font-size: small;
- list-style: none;
- }
-#menu ul ul {
- margin-top: 0; /* undo the above*/
- }
-#menu li { }
-#menu a {color: #ffffff;
- display: block;
- text-decoration: none; }
- #menu a:hover { background-color: #444444; }
- #menu .topnav a {font-weight: bold;
- padding: .20em 5px;}
- #menu .subnav a {font-weight: normal;
- padding: .20em 5px .20em 1em; }
-
-
-/**
- * Footer
- */
-#footer {
- margin: 1em;
- text-align: center;
- border-top: 1px solid #555555;
- }
- #footer ul { list-style: none;
- margin: .25em 0;
- margin-left: 0;
- padding-left: 0;
- }
- #footer li { display: inline; }
- #footer p { margin: .25em 0;
- padding: 0;
- font-size: small;
- color: #999999;
- }
-
-/**
- * #content
- */
-#content { margin: 0;
- padding: 1px 1em 1em 1.5em;
- margin-top: 2em;
-}
-
-#content p {
- margin-bottom: 1em;
-}
-#content p.note {
- font-style: italic;
- font-size: 0.8em;
-}
-#content ul.bullet-list {
- list-style: square outside;
- margin-left: 2em;
- margin-bottom: 1em;
-}
-
-/* TALKPAGE.CSS AND HARDCODE OVERRIDES*/
-.cmtbar-odd {
- border-bottom: none !important;
- border-right: none !important;
- background-color: #444444 !important;
- background-image: url("/img/gradation/blackfade.png");
- background-position: top;
- background-repeat: repeat-x;
-}
-.cmtbar-even {
- border-bottom: none !important;
- border-right: none !important;
- background-color: #555555 !important;
- background-image: url("/img/gradation/blackfade.png");
- background-position: top;
- background-repeat: repeat-x;
-}
-
-/*insert class of screened comments here*/ {
- background-color: #333333; }
-
-/* PROFILE.CSS OVERRIDES */
-#profile_top {
- min-width: 0;
-}
-
-
-/* layer tables */
-table.table_layerbrowse,
-table#table_yourlayers { border-collapse: collapse; }
-
-table.table_layerbrowse,
-table.table_layerbrowse td,
-table#table_yourlayers,
-table#table_yourlayers td { border: 1px solid #888888; }
-
-table#table_layerbrowse_classes,
-table#table_layerbrowse_classes td {border: none; }
-
-table.table_layerbrowse td,
-table#table_yourlayers td { padding: .15em .25em; }
-
-/**
- * Content Layouts
- *
- * Content layouts are determined based on the class assigned to #content. Potential layouts include:
- * -- wide sidebars
- * -- thin sidebars
- * -- equal width/height columns
- * -- full page (default)
- *
- * Columns/rows inside of #content are named primary, secondary, tertiary, etc and
- * content is placed inside based on order of importance.
- */
-
- /* ER Note: Unsure of actual use of these, taking a stab at them anyway, mostly re-measuring width */
-
-/* full page (default) */
-#primary,
-#secondary {
- margin-bottom: 2em;
-}
-/* 2 column wide right sidebar */
-.layout-wide-right-sidebar #primary {
- width: 65%;
- margin-right: 1.25em;
- float: left;
- padding: 0;
-}
-.layout-wide-right-sidebar #secondary {
- float: right;
- width: 30%;
- margin: 0;
- padding: 0;
- padding-top: 0.5em;
-}
-/**
- * Panels are generic boxes for divs inside of #content
- */
-#content #primary .panel,
-#content #secondary .panel {
- width: 100%;
- border-width: 1px 0 1px 0;
- border-color: #ccc;
- border-style: solid;
- margin: 0 0 0.155567em 0;
- overflow: hidden;
-}
-#content .panel .sidebar,
-#content .panel .contents,
-#content .panel .item,
-#content .panel .actions {
- border-color: #ccc;
-}
-#content #primary .panel h2 {
- line-height: 2em;
- border-style: none;
-}
-#content #primary .panel p {
- clear: both;
-}
-#content #secondary .panel h2 {
- line-height: 30px;
- border-style: none;
-}
-#content .panel .sidebar ul {
- list-style: none;
- margin-left: 0;
-}
-#content .panel ul {
- list-style: circle;
- margin-left: 1em;
-}
-
-/**
- * Panels have different styles for different content layouts
- */
-.layout-wide-right-sidebar #primary .panel .sidebar {
- float: left;
- width: 22%;
-}
-.layout-wide-right-sidebar #primary .panel .contents {
- float: left;
- padding-top: 6px;
- padding-left: 14px;
- border-left: 1px solid #ccc;
- width: 75%;
- line-height: 1.8;
-}
-.layout-wide-right-sidebar #secondary .panel .contents {
- margin: 0.5em 0;
- line-height: 1.8;
-}
-/* panel-first class is added through js */
-#content .panel-first {
- border-top: 0 !important;
-}
-
-
-/**
- * Form field styles
- */
-.dw-field-default {
- color: #eee;
- font-style: italic;
-}
-.standout {
- text-align: center;
-}
-.standout .standout-inner {
- margin-top: 0.5em;
- margin-left: auto;
- margin-right: auto;
-}
-.standout .standout-inner, .standout-colors {
- background-color: #333333;
- color: #eee;
- border: 1px solid #555555;
-}
-.standout .standout-inner td {
- padding: 0.5em;
-}
-
-.standout-inner a:hover, .standout-inner a:active, .standout-inner a:hover {
-
-}
-
-/**
- * Start overriding some classes set in dw-free/htdocs/stc/
- * Other site scheme designers: use your own colors here
- * /
-
-/* editicons.css */
-#uploadBox {
- background-color: #333333;
- border: 1px solid #888888;
- margin: 0 20px 0 0;
-}
-
-/* profile.css */
-
-.section, .username, .actions li {
- background-color: #666666;
- border-bottom: 1px solid #888888;
- border-top: 1px solid #888888;
- color: #eee;
-}
-
-.section img, .username img {
- padding-left: 3px;
-}
-
-.section_body p,
-.section_body th,
-.section_body .inner_section_header { color: #eee; }
-
-/* customize.css */
-
-.theme-current {
- background-color: #444444;
- border: 1px solid #888888;
-}
-
-/* widgets/customizetheme.css, themechooser.css, themenav.css,
-currenttheme.css */
-
-.layout-item.current {
- background-color: #666666;
- border: 1px solid #888888;
-}
-
-h2.widget-header, .theme-item.current, .theme-item img.theme-preview, .theme-item .theme-icons {
- border: 1px solid #888888;
-}
-
-.theme-item .theme-button-disabled, .layout-item .layout-button-disabled {
- background: #444444;
-}
-
-.theme-item {
- overflow-x: visible;
- overflow-y: visible;
-}
-
-.customize-button, .theme-item .theme-button, .layout-item
-.layout-button {
- background: #444444;
- border: 2px solid #888888;
- border-top: 2px solid #444444;
- border-left: 2px solid #444444;
-}
-
-
-.theme-nav-content, .customize-content {
- border: 1px solid #888888;
- border-left: none;
-}
-
-.theme-selector-nav {
- background-color: #666666;
-}
-
-.theme-nav li a, .theme-nav-small li {
- border-right: 1px solid #888888;
-}
-
-.theme-nav-small a { color: #ccc; }
-
-.theme-nav li.on a {
- border: 1px solid #888888;
- border-right: none;
-}
-
-.theme-nav-separator {
- border-right: 1px solid #888888;
-}
-
-.theme-nav-separator hr {
- border-top: 1px solid #888888;
-}
-
-.customize-content .subheader {
- background-color: #666666;
- border-bottom: 1px solid #888888;
-}
-
-.customize-content .subheader.on {
- background-color: #666666;
-}
-
-.customize-nav {
- background-color: #444444;
-}
-
-.customize-nav li a, .customize-nav li li {
- border-right: 1px solid #888888;
-}
-
-.customize-nav li.on a, .customize-nav li.on ul {
- border: 1px solid #888888;
- border-right: none;
- border-top: none;
-}
-
-.customize-nav li.on {
- border-top: 1px solid #888888;
-}
-
-.moodtheme-preview, .appwidget-linkslist .tips-box {
- background-color: #666666;
- border: 1px solid #888888;
-}
-
-.theme-current-links {
- border-bottom: 1px solid #888888;
- border-right: 1px solid #888888;
-}
-
-.theme-nav li a:visited, .customize-nav li a:visited {
- color: #eee;
- font-weight: bold;
-}
-
-
-/* more, detailed by page*/
-/*customizetheme.css*/
-.customize-button {
- color: #fff;
- background: #444444;
- border: 2px solid #888888;
-}
-.customize-inner-wrapper {
- background: url("/img/gradation/gradgray-borderpixel.gif") repeat-y scroll 134px 50%;
-}
-.customize-content .subheader {
- background-image: url("/img/gradation/gradgray-arrow-right.gif");
- background-position: left center;
- background-repeat: no-repeat;
- border-bottom: 1px solid #666666;
-}
-.customize-content .subheader.on {
- background-image: url("/img/gradation/gradgray-arrow-down.gif");
- background-position: left center ;
- background-repeat: no-repeat;
-}
-.customize-nav li.on a,
-.customize-nav li.on ul {
- background: #111111;
-}
-.customize-nav li.on a {
- border-right: 1px solid #111111;
-}
-.customize-nav li.on li a {
- background: #111111;
- border-right: 1px solid #111111;
-}
-.customize-nav li.on li {
- border-right: 1px solid #111111;
-}
-.customize-nav li a:visited {
-
-}
-
-
-/*themenav.css*/
-.theme-nav-inner-wrapper {
- background: url("/img/gradation/gradgray-borderpixel.gif") repeat-y scroll 134px 50%;
-}
-.theme-selector-nav {
- background-color: #444444;
-}
-.theme-nav li.on a {
- background-color: #111111 ;
-}
-.theme-nav li a:visited {
-
-}
-.theme-nav-separator {
- border-right: 1px solid #666666;
-}
-.theme-nav-separator hr {
- border-top: 1px solid #666666;
-}
-
-/*currentheme.css*/
-.theme-current-content h3 {
- color: #eee;
-}
-.theme-current-image {
- border: 1px solid #111111;
-}
-.theme-current-links {
- background-color: #111111;
- border: 1px solid #888888;
- padding: 3px 5px;
-}
-.theme-current ul li {
- background: url("/img/customize/arrow.gif") no-repeat 0 5px;
-}
-
-/*themechooser*/
-.theme-item {
- border: 1px solid #111111;
-}
-.theme-item.current {
- border: 1px solid #444444;
- background-color: #666666;
-}
-.theme-item img.theme-preview {
- border: 1px solid #666666;
-}
-.theme-item.special h4,
-.theme-item.special .theme-desc {
- background-color: #666666;
-}
-.theme-item .theme-button {
- color: #fff;
- background: #444444;
- border: 2px solid #888888;
-}
-.theme-item .theme-button-disabled {
- background: #999;
-}
-.theme-item .theme-icons {
- border: 1px solid #666666;
- background-color: #111111;
-}
-.theme-time,
-.theme-upgrade-icon {
- color: #eee !important;
-}
-.theme-upgrade-icon:hover .theme-upgrade-level,
-.theme-time:hover span.theme-availability {
- background-color: #111111;
-}
-.theme-paging a:visited {
-
-}
-
-/*s2propgroup.css */
-
-.graybg {
- background-color: #333;
-}
-
-/* inbox */
-
-.folders a.active {
- font-weight: bold;
- background-color: #333333;
- border: 1px solid #999999;
-}
-
-/* lj_settings.css */
-
-.section_head, table.alternating-rows th, div.username {
- background-color: #666666;
- color: #CCC;
-}
-
-.field_name { background: #333333; }
-
-/* comm_promo.css */
-
-div.CommunityPromoBox {
- border: 1px solid #333333;
-}
-
-/* settings.css */
-
-#settings_save {
- background: #666666;
-}
-
-#settings_nav li a {
- background: #444444;
- border: 1px solid #888888;
- border-bottom: none;
- color: #eeeeee;
-}
-
-#settings_nav li a:hover, #settings_nav li a.active {
- background: #666666;
-}
-
-#settings_nav_title p {
- background: #666666;
- border-left: 1px solid #888888;
-}
-
-.color-light {
- color: #666;
-}
-
-/* cprod.css */
-
-.cprod.h3 {
- background: #444444;
-
-}
-
-.cprod content {
- border: 1px solid #888888;
-}
-
-
-/* allpics styling */
-
-table.allpics {
- margin-left: 50px;
-}
-
-.allpics td {
- vertical-align: bottom;
-}
-
-.allpics .userpic-img {
- margin-right: 1em;
- margin-top: 15px;
-}
-
-.allpics blank {
- width: 50px;
-}
-
-
-/* editfilters styling */
-
-table.editfilters td {
- padding: 5px;
-}
-
-
-/* FAQ */
-
-.faqlist {
- list-style: square outside;
- margin-bottom: 2em;
-}
-
-/* Inbox - Compose */
-
-.inbox-compose {
- width: 100%;
-}
-
-.inbox-compose td {
- vertical-align: top;
-}
-
-
-/* manage/invitecodes.bml */
-
-.invitecodes td {
- padding: 5px;
-}
-
-
-/* shop pages */
-
-/* this is so the main shop page does not look like toasted ass */
-.shopbox, .appwidget-shopitemgroupdisplay {
- min-width: 20em;
- min-height: 10em;
- float: none;
-}
-
-.shopbox, .appwidget-shopitemgroupdisplay,
-.shop-account-status, .shop-error, .shop-cart-status,
-.shop-cart td, .shop-cart th, .shop-item-highlight {
- border: 1px solid #888888;
-}
-
-.shop-cart th, .shop-cart td.total, .shop-cart-status {
- background-color: #222;
-}
-
-.shop-account-status {
- background-color: #815E00;
-}
-
-/* create flow */
-
-.create-form td {
- padding: 5px;
-}
-
-.appwidget-createaccount .create-button {
- color: #eee;
- background-color: #444444;
-}
-
-.appwidget-createaccountprogressmeter .step-block-active {
- color: #111111;
- background-color: #888888;
-}
-
-.appwidget-createaccountprogressmeter .step-block-inactive {
- color: #111111;
- background-color: #444444;
-}
-
-.appwidget-createaccountprogressmeter .step-selected {
- color: #888888;
-}
-
-.appwidget-createaccountprogressmeter .step-previous {
- color: #444444;
-}
-
-.appwidget-createaccountprogressmeter .step-next {
- color: #111111;
-}
-
-.appwidget-createaccountprofile .header {
- color: #888888;
-}
-
-.appwidget-createaccountprofile .field-name {
- background-color: #e0e0e0;
-}
-
-
-/* Site Map, override page-level style */
-dd ul li {list-style: circle !important;
- margin-left: 2em !important; }
-dt {font-weight: bold !important;
- margin-top: 10px !important;}
-#maplinks-left {margin-right: 2% !important;
- width: 48% !important;
- float: left !important;}
-#maplinks-right {margin-left: 2% !important;
- width: 48% !important;
- float: right !important;}
-
-/* lj_base-app.css */
-hr.hr {
- color: #888888;
- background-color: #888888;
-}
-
-input.create-account {
- color: #fff;
- background: #444444;
- border: 2px solid #888888;
-}
-input.text,
-textarea.text,
-select {
- /*background: #fff url("/img/input-bg.gif") repeat-x 0 -1px;*/
- background-color: #222;
- border: 1px solid #666666;
- border-top: 1px solid #888888;
- border-left: 1px solid #888888;
- color: #ccc;
-}
-textarea,
-input { background-color: #222 !important;
-color: #fff !important;
-border: 1px solid #888 !important; }
-.detail {
-
-}
-h2.widget-header {
-
-}
-
-table.alternating-rows th {
- border-top: 1px solid #888888;
- border-bottom: 1px solid #888888;
- background-color: #333;
-}
-table.alternating-rows tr.altrow1 {
- background-color: #222;
-}
-table.alternating-rows tr.altrow2 {
- background-color: #333;
-}
-table.alternating-rows td {
- border-bottom: 1px solid #888888;
-}
-
-.appwidget .more-link {
- color: #888888 !important;
- background: url('/img/arrow-double-black.gif') no-repeat 0 60%;
-}
-
-.arrow-link,
-.more-link {
- background: url('/img/arrow-double-black.gif') no-repeat 0 50%;
-}
-
-.message {
- border: 5px solid #eee;
-}
-.message blockquote {
- border: 1px solid #aaa;
-}
-
-.standout-border {
- border: 1px solid #888888;
-}
-.standout-background {
- background-color: #444444;
-}
-
-div.right-sidebar {
- color: #fff;
- background-color: #444444;
- border: 1px solid #888888;
-}
-.textbutton {
- color: #888888;
-}
-/*NOTE: corner.gif is white*/
-h2.solid-neutral {
- background-color: #444444;
- color: #fff;
-}
-h2.solid-blue { /*which is now solid not-blue*/
- background-color: #444444;
- color: #fff;
-}
-.solid-neutral {
- background: #444444;
-}
-input.bright {
- background-color: #444444;
- border: 1px solid #888888;
- color: #fff;
-}
-.helper {
- /*color: #666;*/
-}
-.rounded-box {
- background: no-repeat;
- zoom: 1;
-}
-.rounded-box .rounded-box-tr {
- background: 100% 0 no-repeat;
-}
-.rounded-box .rounded-box-bl {
- background: 0 100% no-repeat;
-}
-.rounded-box .rounded-box-br {
- background: 100% 100% no-repeat;
- padding: 2px; /* border width */
-}
-
-
-/* esn.css */
-.Subscribe tr.Inactive {
- color: #aaa;
-}
-
-.Subscribe tr.Disabled {
- background-color: #111;
- color: #777;
-}
-
-.Subscribe tr.altrow {
- background-color: #333;
-}
-
-.Subscribe tr.Inactive a {
- color: #aaa;
-}
-.Subscribe td p {
- color: #999;
- background: #111111;
-}
-
-.CategoryRow td {
- border-bottom: 1px solid #444444;
-}
-
-#Subscriptions tr.lighter {
- background-color: #666666;
-}
-#Subscriptions tr.darker {
- background-color: #444444;
-}
-#SubscribeSaveButtons {
- border: 1px solid #888888;
- }
-
-.NotificationTable tr.Selected {
- background-color: #444444;
-}
-
-.NotificationTable tr.Selected td {
- border-top: 1px solid #888888;
-}
-.NotificationTable #all_Body > .Selected:first-child td {
- border-top: none;
-}
-
-.NotificationTable td {
- padding: 2px;
-}
-.NotificationTable .inbox {
-
-}
-
-/*.NotificationTable .inbox .header .checkbox {
- border-top: 1px solid #888888;
- border-bottom: 1px solid #888888;
- border-left: 1px solid #888888;
-}
-
-.NotificationTable .inbox .header .actions {
- border-top: 1px solid #888888;
- border-bottom: 1px solid #888888;
- border-right: 1px solid #888888;
-}*/
-
-.inbox .header {
- background: #666666;
-}
-
-.InboxItem_Read {
- color: #888;
-}
-span.InboxItem_Read:hover {
- color: #eee;
-}
-span.InboxItem_Read a {
- color: #999 !important;
-}
-span.InboxItem_Read:hover a {
- color: inherit !important;
-}
-
-.inbox .alt {
- background: #333;
-}
-.inbox td.NoItems {
- color: #ddd;
-}
-.inbox td.time {
- color: #ccc;
-}
-
-.folders a {
- color: #fff;
- border: 1px solid #111111;
-}
-.folders a:visited, .folders a:link {
- color: #fff;
-}
-.folders a:hover {
- border: 1px solid #666666;
- background-color: #666666;
-}
-
-.ippu {
- color: #eee
-}
-.ippu .track_title {
- color: #444444;
-}
-
-/* entry.css */
-a#lj_userpicselect {
- color: #888888;
-}
-#lj_userpicselect_img {
- border: 1px solid #111111;
-}
-#lj_userpicselect_img:hover {
- border: 1px solid #888888;
-}
-#lj_userpicselect_img_txt {
- color: #888888 !important;
-}
-#userpic_preview_image.userpic_loggedout {
- border: 1px solid #888888;
-}
-.userpic_preview_border {
- border: 1px solid #ccc;
-}
-#infobox {
- border-left: 1px solid #eee;
-}
-#entry {
- border-bottom: 1px solid #bbb;
-}
-#entry ul li a {
- background-color: #222;
- border: 1px solid #bbb;
- border-bottom: none;
-}
-#entry ul li.on a {
- background-color: #222;
- border-bottom: 1px solid #222;
-}
-#draft-container {
- border: 1px solid #bbb;
- border-top: none;
-}
-#draftstatus {
- background-color: #222;
-}
-#spellcheck-results {
- border: 1px solid #444444;
- background-color: #222;
-}
-#htmltools {
- border-right: 1px solid #bbb;
- border-left: 1px solid #bbb;
- background: #222;
-}
-#htmltools ul {
- border-bottom: 1px solid #8D8D8D;
-}
-#options, #public, #submitbar {
- border: 1px solid #888888;
- background-color: #444444;
-}
-#public {
- /*color:#666;*/
-}
-
-
-/* contextualhover.css */
-div.ContextualPopup div.Inner {
- background-color: #444444 !important;
- color: #fff !important;
- border: 1px solid #888888;
- }
-div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
- color: #ccc !important;
- }
-
-/* profile.css */
-
-.section, .username, .actions li {
- background-color: #444444 !important;
- border: none;
- color: #fff;
-}
-
-.actions li { border-top: 1px solid #888888; }
-
-.section img, .username img {
- padding-left: 3px;
-}
-
-.tooltip {
- border-bottom: 1px dotted #fff;
-}
-li.profile_join_disabled, li.profile_addtrust_disabled,
-li.profile_addsub_comm_disabled, li.profile_addsub_feed_disabled,
-li.profile_addsub_person_disabled, li.profile_postentry_disabled,
-li.profile_trackuser_disabled, li.profile_sendmessage_disabled {
- color: #999;
-}
-.details_stats p {
- color: #aaa;
- }
-.details_stats .account_level {
- color: #fff;
- }
-.section span.section_link {
- color: #ccc;
- }
-.section_body .inner_section_header {
-
- }
-.section_body_title {
-
-}
-.userinfo th {
-
-}
-
-/* tags.css */
-#selected_tags {
- color: #999;
-}
-
-.taginfo {
- background-image: none;
- background-color: #222;
- border-color: #888;
- color: #CCC;
-}
-
-.tagbox {
- background-color: #222;
- color: #CCC;
-}
-
-.tagfield {
- color: #999;
- border: 1px solid #888888;
-}
-
-.tagfield:focus {
- color: #fff;
- border: 1px solid #888888;
-}
-
-.tagfield_error {
- border: 1px solid red;
- background-color: #ecd7d7;
-}
-
-.proptbl .h {
- background-image: none;
- background-color: #222;
-}
-
-.proptbl .t {
- background-color: #333;
- border-right: 1px solid #888888;
-}
-
-.proptbl .r {
- background-color: #333;
- border-right: 1px solid #888888;
-}
-
-.proptbl .rv {
- background-color: #444444;
-}
-
-.edittbl .l, .lsep {
- border-right: 1px solid;
-}
-
-.edittbl .sep {
- border-top: 1px solid;
-}
-
-.tagbox_nohist {
- background-color: #444444;
-}
-
-/* manage/settings */
-
-.display_label {
- color: #fff;
-}
-
-.display_option, .mobile_option, .privacy_option, .othersites_option {
- color: #fff;
-}
-
-.xpost_footer_preview {
- border: 1px solid #fff;
- background: #333;
-}
-
-/* Support */
-
-div.box {
- color: #fff !important;
-}
-
-div.adult_warning {
- background-color: #333;
- border: 1px solid #fff;
- padding: 0 10px;
-}
-
-/* This makes the FAQ header not overlap with itself */
-.box h1 {
- line-height: 1em;
-}
-
-div.blue {
- background-color: #3D606B !important;
- border:1px solid #6DB5C2 !important;
-}
-
-div.green {
- background-color: #2B5229 !important;
- border:1px solid #53914D !important;
-}
-
-.green, .green td {
- background-color: #2B5229 !important;
-}
-.yellow, .yellow td {
- background-color: #815E00 !important;
-}
-.red, .red td {
- background-color: #831815 !important;
-}
-.clicked, .clicked td {
- background-color: #3D606B !important;
-}
-
-/* For the manage/circle page */
-/* These are in the page CSS, so must be important. */
-
-.editfriends td, .editfriends td, .editfriends th, #addfriends td, #addfriends th {
- border-color: #888 !important;
-}
-
-.editfriends tr:hover {
- background-color: #333 !important;
-}
-
-/* /manage/circle/filters */
-
-.editfilters select {
- background-color: #222;
- color: #CCC;
-}
-
-/* For the manage/banusers page */
-
-.userslist-table tr.odd {
- background-color: #222;
-}
-
-.userslist-table tr.even {
- background-color: #111;
-}
-
-/* Import */
-
-h1.gradient, h2.gradient, h3.gradient, h4.gradient, h5.gradient {
- background-image: none;
- background-color: #222;
- border-color: #888;
-}
-
-.importer .importoption {
- background-color: #222;
- border-color: #888;
-}
-
-.importer .importoption p {
- color: #888;
-}
-
-.importer-status .table-header {
- background-color: #222;
-}
-
-.importer-status td {
- border-color: #444;
-}
-
-/* Update */
-
-/* # Makes sure the tab doesn't end up white */
-#compose-entry ul li.on a {
- background-color: #222;
-}
-
-/* manage/subscriptions/filters */
-
-#cf-select, #cf-edit, #cf-filtopts, #cf-intro {
- background-color: #222;
- border-color: #888;
-}
-
-div#cf-edit select {
- background-color: #111;
- border-color: #888;
- color: #888;
-}
diff -r b91dec6eeaab -r d60b26420695 htdocs/stc/gradation/gradation.css
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/htdocs/stc/gradation/gradation.css Tue Apr 20 09:09:25 2010 +0000
@@ -0,0 +1,1479 @@
+/** Gradation Vertical CSS
+ *
+ * Authors:
+ * Emily Ravenwood <ravenwood@alltrees.org>
+ *
+ * Copyright (c) 2009 by Dreamwidth Studios, LLC.
+ *
+ * This program is free software; you may redistribute it and/or modify it under
+ * the same terms as Perl itself. For a copy of the license, please reference
+ * 'perldoc perlartistic' or 'perldoc perlgpl'.
+ */
+
+ /* Colors:
+ vrylt=#888888 (borders)
+ dk=#333333 (standout, hover ul)
+ vrydk=#222222 (hover a)
+ med=#444444 (inactive tabs, evencomment)
+ lt=#666666 (active tabs)
+ altlt=#555555 (oddcomment, footer border)
+*/
+
+
+/**
+ * pieces from Erik Meyer's CSS Reset Reloaded
+ * @link http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
+ */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
+}
+
+/* @note remove default border of linked images */
+a img, :link img, :visited img {
+ border: none;
+}
+
+ol, ul {
+ list-style: none;
+}
+
+/**
+ * Global
+ */
+
+body {
+ font-family: Arial, Verdana, sans-serif;
+ line-height: 1.25em;
+ background-image: url('/img/gradation/blackfade.png');
+ background-position: top;
+ background-repeat: repeat-x;
+ background-color: #111111;
+ color: #e9e9e0;
+}
+
+H1, H2, H3, H4 {
+ padding: 1em 0;
+ line-height: 1em;
+ }
+H1 { font-size: 175%; }
+H2 { font-size: 150%; }
+#content H2 { font-size: 125%; }
+H3 { font-size: 125%; }
+H4 { font-size: 100%; }
+
+ul { list-style: circle;
+ margin-left: 1em; }
+
+a:link,
+.link {
+ color: #CCCC99;
+}
+a:visited {
+ color: #999966;
+}
+a:hover,
+a:active,
+.link:hover {
+ text-decoration: none;
+}
+
+#canvas {
+ padding-top: 1px; /*to ensue margin*/
+ margin-top: 120px;
+}
+#page {
+ padding-top: 1px; /*to ensue margin*/
+}
+
+
+/**
+ * Header
+ */
+#masthead {
+ position: absolute;
+ top: 30px;
+ right: 1em;
+ }
+ #sitename {
+ font-weight: bold;
+ font-size: 175%;
+ }
+ #sitename a { color: #ffffff; }
+
+#account-links {
+ position: absolute;
+ top: 0;
+ left: 0;
+ height: 100px;
+ padding-top: .5em;
+ text-align: left;
+ font-size: small;
+ color: #ffffff;
+ z-index: 200; /*keep log-in on top of search bar*/
+}
+#account-links ul { list-style: none;
+ margin-left: 0;
+ padding-left: 0;
+ margin-top: 5px;
+ white-space: nowrap; /* to make sure the links don't wrap under short usernames */
+ }
+#account-links li { display: inline; }
+#account-links a {color: #ffffff; }
+
+#account-links-text { margin-left: 100px; }
+
+#account-links #login-table { margin-left: 5px; }
+#account-links #login-table td {
+ padding: 3px;
+ text-align: left;
+}
+#account-links #login-table td.input-cell,
+#account-links #login-table td.remember-me-cell {
+ text-align: left;
+}
+#account-links #login_user,
+#account-links #login_password { }
+#account-links-userpic { text-align: center;
+ height: 100px;
+ width: 100px;
+ position: absolute;
+ top: 10px;
+ left: 0;
+ }
+ #account-links-userpic img {
+ border: none;
+ }
+
+#header-search { position: absolute;
+ top: 120px;
+ right: 0;
+ width: 100%;
+ height: 2.5em;
+ text-align: right;
+ background-color: #444444;
+ border-top: 1px solid #000000;
+ border-bottom: 1px solid #000000;
+ }
+ #header-search .appwidget-search {
+ margin-right: .5em;
+ margin-top: .25em;
+ }
+ #header-search #search { }
+
+/**
+ * Menu
+ */
+
+/* Vertical */
+
+body {
+ background-color: #222222;
+ }
+
+#canvas.vertical-nav {
+ margin-left: 8.25em;
+ min-height: 60em;
+ background-color: #111111;
+ padding-bottom: 1px; /* to ensure margin*/
+ }
+
+#canvas.vertical-nav #header-search { z-index: 100; }
+
+#canvas.vertical-nav #menu { position: absolute;
+ top: 120px;
+ left: 0;
+ width: 8.25em;
+ background-color: #222222;
+ }
+#canvas.vertical-nav #menu ul { margin-top: 3.5em; /*to clear search bar */
+ padding-left: 0;
+ margin-left: 0;
+ font-size: small;
+ list-style: none;
+ }
+#canvas.vertical-nav #menu ul ul {
+ margin-top: 0; /* undo the above*/
+ }
+#canvas.vertical-nav #menu a {color: #ffffff;
+ display: block;
+ text-decoration: none; }
+ #menu a:hover { background-color: #444444; }
+ #menu .topnav a {font-weight: bold;
+ padding: .20em 5px;}
+ #menu .subnav a {font-weight: normal;
+ padding: .20em 5px .20em 1em; }
+
+/* Horizontal */
+
+#canvas.horizontal-nav { background-color: #111111; }
+
+#canvas.horizontal-nav #menu {
+ position: absolute;
+ top: 120px;
+ left: 0;
+ background-color: #444;
+ height: 2.5em;
+ width: auto;
+ line-height: 2.5em;
+ clear: both;
+ padding-left: .5em;
+ z-index: 100;
+ border-top: 1px solid #000;
+ border-bottom: 1px solid #000;
+}
+#canvas.horizontal-nav #menu ul { margin-left: 0;
+ padding-left: 0;
+ list-style: none; }
+#canvas.horizontal-nav #menu ul li {
+ float: left;
+ position: relative;
+ display: block;
+ height: 100%;
+ width: 0;
+}
+#canvas.horizontal-nav #menu ul > li {
+ width: auto;
+}
+#canvas.horizontal-nav #menu ul li a {
+ display: block;
+ color: #fff;
+ text-decoration: none;
+ text-indent: 1.5em;
+ padding-right: 0.75em;
+}
+/* .hover is a class added by js for the currently hovered/focused menu */
+#canvas.horizontal-nav #menu ul li.hover a {
+ height: 100%;
+ background-color: #333;
+ color: #fff;
+ width: 100%;
+}
+#canvas.horizontal-nav #menu ul li.hover a:hover {
+ background-color: #222;
+ cursor: pointer;
+}
+#canvas.horizontal-nav #menu ul li ul {
+ display: none;
+}
+#canvas.horizontal-nav #menu ul li.hover ul {
+ display: block;
+ position: absolute;
+ top: 2.5em;
+ left: 0;
+ width: 14em;
+ background-color: #333;
+}
+#canvas.horizontal-nav #menu ul li ul li {
+ float: none;
+ width: 100%;
+}
+#canvas.horizontal-nav #menu ul li ul li a {
+ text-align: left;
+ display: block;
+ width: 100%;
+}
+
+/* This is to make the update page look decent in horizontal */
+
+#canvas.horizontal-nav #updateForm { margin: 0 auto; }
+
+/**
+ * Footer
+ */
+#footer {
+ margin: 1em;
+ text-align: center;
+ border-top: 1px solid #555555;
+ }
+ #footer ul { list-style: none;
+ margin: .25em 0;
+ margin-left: 0;
+ padding-left: 0;
+ }
+ #footer li { display: inline; }
+ #footer p { margin: .25em 0;
+ padding: 0;
+ font-size: small;
+ color: #999999;
+ }
+
+/**
+ * #content
+ */
+#content { margin: 0;
+ padding: 1px 1em 1em 1.5em;
+ margin-top: 2em;
+}
+
+#content p {
+ margin-bottom: 1em;
+}
+#content p.note {
+ font-style: italic;
+ font-size: 0.8em;
+}
+#content ul.bullet-list {
+ list-style: square outside;
+ margin-left: 2em;
+ margin-bottom: 1em;
+}
+
+/* TALKPAGE.CSS AND HARDCODE OVERRIDES*/
+.cmtbar-odd {
+ border-bottom: none !important;
+ border-right: none !important;
+ background-color: #444444 !important;
+ background-image: url("/img/gradation/blackfade.png");
+ background-position: top;
+ background-repeat: repeat-x;
+}
+.cmtbar-even {
+ border-bottom: none !important;
+ border-right: none !important;
+ background-color: #555555 !important;
+ background-image: url("/img/gradation/blackfade.png");
+ background-position: top;
+ background-repeat: repeat-x;
+}
+
+/*insert class of screened comments here*/ {
+ background-color: #333333; }
+
+/* PROFILE.CSS OVERRIDES */
+#profile_top {
+ min-width: 0;
+}
+
+
+/* layer tables */
+table.table_layerbrowse,
+table#table_yourlayers { border-collapse: collapse; }
+
+table.table_layerbrowse,
+table.table_layerbrowse td,
+table#table_yourlayers,
+table#table_yourlayers td { border: 1px solid #888888; }
+
+table#table_layerbrowse_classes,
+table#table_layerbrowse_classes td {border: none; }
+
+table.table_layerbrowse td,
+table#table_yourlayers td { padding: .15em .25em; }
+
+/**
+ * Content Layouts
+ *
+ * Content layouts are determined based on the class assigned to #content. Potential layouts include:
+ * -- wide sidebars
+ * -- thin sidebars
+ * -- equal width/height columns
+ * -- full page (default)
+ *
+ * Columns/rows inside of #content are named primary, secondary, tertiary, etc and
+ * content is placed inside based on order of importance.
+ */
+
+ /* ER Note: Unsure of actual use of these, taking a stab at them anyway, mostly re-measuring width */
+
+/* full page (default) */
+#primary,
+#secondary {
+ margin-bottom: 2em;
+}
+/* 2 column wide right sidebar */
+.layout-wide-right-sidebar #primary {
+ width: 65%;
+ margin-right: 1.25em;
+ float: left;
+ padding: 0;
+}
+.layout-wide-right-sidebar #secondary {
+ float: right;
+ width: 30%;
+ margin: 0;
+ padding: 0;
+ padding-top: 0.5em;
+}
+/**
+ * Panels are generic boxes for divs inside of #content
+ */
+#content #primary .panel,
+#content #secondary .panel {
+ width: 100%;
+ border-width: 1px 0 1px 0;
+ border-color: #ccc;
+ border-style: solid;
+ margin: 0 0 0.155567em 0;
+ overflow: hidden;
+}
+#content .panel .sidebar,
+#content .panel .contents,
+#content .panel .item,
+#content .panel .actions {
+ border-color: #ccc;
+}
+#content #primary .panel h2 {
+ line-height: 2em;
+ border-style: none;
+}
+#content #primary .panel p {
+ clear: both;
+}
+#content #secondary .panel h2 {
+ line-height: 30px;
+ border-style: none;
+}
+#content .panel .sidebar ul {
+ list-style: none;
+ margin-left: 0;
+}
+#content .panel ul {
+ list-style: circle;
+ margin-left: 1em;
+}
+
+/**
+ * Panels have different styles for different content layouts
+ */
+.layout-wide-right-sidebar #primary .panel .sidebar {
+ float: left;
+ width: 22%;
+}
+.layout-wide-right-sidebar #primary .panel .contents {
+ float: left;
+ padding-top: 6px;
+ padding-left: 14px;
+ border-left: 1px solid #ccc;
+ width: 75%;
+ line-height: 1.8;
+}
+.layout-wide-right-sidebar #secondary .panel .contents {
+ margin: 0.5em 0;
+ line-height: 1.8;
+}
+/* panel-first class is added through js */
+#content .panel-first {
+ border-top: 0 !important;
+}
+
+
+/**
+ * Form field styles
+ */
+.dw-field-default {
+ color: #eee;
+ font-style: italic;
+}
+.standout {
+ text-align: center;
+}
+.standout .standout-inner {
+ background-color: #333333;
+ color: #eee;
+ border: 1px solid #555555;
+ margin-top: 0.5em;
+ margin-left: auto;
+ margin-right: auto;
+}
+.standout .standout-inner td {
+ padding: 0.5em;
+}
+
+.standout-inner a:hover, .standout-inner a:active, .standout-inner a:hover {
+
+}
+
+/**
+ * Start overriding some classes set in dw-free/htdocs/stc/
+ * Other site scheme designers: use your own colors here
+ * /
+
+/* editicons.css */
+#uploadBox {
+ background-color: #333333;
+ border: 1px solid #888888;
+ margin: 0 20px 0 0;
+}
+
+/* profile.css */
+
+.section, .username, .actions li {
+ background-color: #666666;
+ border-bottom: 1px solid #888888;
+ border-top: 1px solid #888888;
+ color: #eee;
+}
+
+.section img, .username img {
+ padding-left: 3px;
+}
+
+.section_body p,
+.section_body th,
+.section_body .inner_section_header { color: #eee; }
+
+/* customize.css */
+
+.theme-current {
+ background-color: #444444;
+ border: 1px solid #888888;
+}
+
+/* widgets/customizetheme.css, themechooser.css, themenav.css,
+currenttheme.css */
+
+.layout-item.current {
+ background-color: #666666;
+ border: 1px solid #888888;
+}
+
+h2.widget-header, .theme-item.current, .theme-item img.theme-preview, .theme-item .theme-icons {
+ border: 1px solid #888888;
+}
+
+.theme-item .theme-button-disabled, .layout-item .layout-button-disabled {
+ background: #444444;
+}
+
+.theme-item {
+ overflow-x: visible;
+ overflow-y: visible;
+}
+
+.customize-button, .theme-item .theme-button, .layout-item
+.layout-button {
+ background: #444444;
+ border: 2px solid #888888;
+ border-top: 2px solid #444444;
+ border-left: 2px solid #444444;
+}
+
+
+.theme-nav-content, .customize-content {
+ border: 1px solid #888888;
+ border-left: none;
+}
+
+.theme-selector-nav {
+ background-color: #666666;
+}
+
+.theme-nav li a, .theme-nav-small li {
+ border-right: 1px solid #888888;
+}
+
+.theme-nav-small a { color: #ccc; }
+
+.theme-nav li.on a {
+ border: 1px solid #888888;
+ border-right: none;
+}
+
+.theme-nav-separator {
+ border-right: 1px solid #888888;
+}
+
+.theme-nav-separator hr {
+ border-top: 1px solid #888888;
+}
+
+.customize-content .subheader {
+ background-color: #666666;
+ border-bottom: 1px solid #888888;
+}
+
+.customize-content .subheader.on {
+ background-color: #666666;
+}
+
+.customize-nav {
+ background-color: #444444;
+}
+
+.customize-nav li a, .customize-nav li li {
+ border-right: 1px solid #888888;
+}
+
+.customize-nav li.on a, .customize-nav li.on ul {
+ border: 1px solid #888888;
+ border-right: none;
+ border-top: none;
+}
+
+.customize-nav li.on {
+ border-top: 1px solid #888888;
+}
+
+.moodtheme-preview, .appwidget-linkslist .tips-box {
+ background-color: #666666;
+ border: 1px solid #888888;
+}
+
+.theme-current-links {
+ border-bottom: 1px solid #888888;
+ border-right: 1px solid #888888;
+}
+
+.theme-nav li a:visited, .customize-nav li a:visited {
+ color: #eee;
+ font-weight: bold;
+}
+
+
+/* more, detailed by page*/
+/*customizetheme.css*/
+.customize-button {
+ color: #fff;
+ background: #444444;
+ border: 2px solid #888888;
+}
+.customize-inner-wrapper {
+ background: url("/img/gradation/gradgray-borderpixel.gif") repeat-y scroll 134px 50%;
+}
+.customize-content .subheader {
+ background-image: url("/img/gradation/gradgray-arrow-right.gif");
+ background-position: left center;
+ background-repeat: no-repeat;
+ border-bottom: 1px solid #666666;
+}
+.customize-content .subheader.on {
+ background-image: url("/img/gradation/gradgray-arrow-down.gif");
+ background-position: left center ;
+ background-repeat: no-repeat;
+}
+.customize-nav li.on a,
+.customize-nav li.on ul {
+ background: #111111;
+}
+.customize-nav li.on a {
+ border-right: 1px solid #111111;
+}
+.customize-nav li.on li a {
+ background: #111111;
+ border-right: 1px solid #111111;
+}
+.customize-nav li.on li {
+ border-right: 1px solid #111111;
+}
+.customize-nav li a:visited {
+
+}
+
+
+/*themenav.css*/
+.theme-nav-inner-wrapper {
+ background: url("/img/gradation/gradgray-borderpixel.gif") repeat-y scroll 134px 50%;
+}
+.theme-selector-nav {
+ background-color: #444444;
+}
+.theme-nav li.on a {
+ background-color: #111111 ;
+}
+.theme-nav li a:visited {
+
+}
+.theme-nav-separator {
+ border-right: 1px solid #666666;
+}
+.theme-nav-separator hr {
+ border-top: 1px solid #666666;
+}
+
+/*currentheme.css*/
+.theme-current-content h3 {
+ color: #eee;
+}
+.theme-current-image {
+ border: 1px solid #111111;
+}
+.theme-current-links {
+ background-color: #111111;
+ border: 1px solid #888888;
+ padding: 3px 5px;
+}
+.theme-current ul li {
+ background: url("/img/customize/arrow.gif") no-repeat 0 5px;
+}
+
+/*themechooser*/
+.theme-item {
+ border: 1px solid #111111;
+}
+.theme-item.current {
+ border: 1px solid #444444;
+ background-color: #666666;
+}
+.theme-item img.theme-preview {
+ border: 1px solid #666666;
+}
+.theme-item.special h4,
+.theme-item.special .theme-desc {
+ background-color: #666666;
+}
+.theme-item .theme-button {
+ color: #fff;
+ background: #444444;
+ border: 2px solid #888888;
+}
+.theme-item .theme-button-disabled {
+ background: #999;
+}
+.theme-item .theme-icons {
+ border: 1px solid #666666;
+ background-color: #111111;
+}
+.theme-time,
+.theme-upgrade-icon {
+ color: #eee !important;
+}
+.theme-upgrade-icon:hover .theme-upgrade-level,
+.theme-time:hover span.theme-availability {
+ background-color: #111111;
+}
+.theme-paging a:visited {
+
+}
+
+/*s2propgroup.css */
+
+.graybg {
+ background-color: #333;
+}
+
+/* inbox */
+
+.folders a.active {
+ font-weight: bold;
+ background-color: #333333;
+ border: 1px solid #999999;
+}
+
+/* lj_settings.css */
+
+.section_head, table.alternating-rows th, div.username {
+ background-color: #666666;
+ color: #CCC;
+}
+
+.field_name { background: #333333; }
+
+/* comm_promo.css */
+
+div.CommunityPromoBox {
+ border: 1px solid #333333;
+}
+
+/* settings.css */
+
+#settings_save {
+ background: #666666;
+}
+
+#settings_nav li a {
+ background: #444444;
+ border: 1px solid #888888;
+ border-bottom: none;
+ color: #eeeeee;
+}
+
+#settings_nav li a:hover, #settings_nav li a.active {
+ background: #666666;
+}
+
+#settings_nav_title p {
+ background: #666666;
+ border-left: 1px solid #888888;
+}
+
+.color-light {
+ color: #666;
+}
+
+/* cprod.css */
+
+.cprod.h3 {
+ background: #444444;
+
+}
+
+.cprod content {
+ border: 1px solid #888888;
+}
+
+
+/* allpics styling */
+
+table.allpics {
+ margin-left: 50px;
+}
+
+.allpics td {
+ vertical-align: bottom;
+}
+
+.allpics .userpic-img {
+ margin-right: 1em;
+ margin-top: 15px;
+}
+
+.allpics blank {
+ width: 50px;
+}
+
+
+/* editfilters styling */
+
+table.editfilters td {
+ padding: 5px;
+}
+
+
+/* FAQ */
+
+.faqlist {
+ list-style: square outside;
+ margin-bottom: 2em;
+}
+
+/* Inbox - Compose */
+
+.inbox-compose {
+ width: 100%;
+}
+
+.inbox-compose td {
+ vertical-align: top;
+}
+
+
+/* manage/invitecodes.bml */
+
+.invitecodes td {
+ padding: 5px;
+}
+
+
+/* shop pages */
+
+/* this is so the main shop page does not look like toasted ass */
+.shopbox, .appwidget-shopitemgroupdisplay {
+ min-width: 20em;
+ min-height: 10em;
+ float: none;
+}
+
+.shopbox, .appwidget-shopitemgroupdisplay,
+.shop-account-status, .shop-error, .shop-cart-status,
+.shop-cart td, .shop-cart th, .shop-item-highlight {
+ border: 1px solid #888888;
+}
+
+.shop-cart th, .shop-cart td.total, .shop-cart-status {
+ background-color: #222;
+}
+
+.shop-account-status {
+ background-color: #815E00;
+}
+
+/* create flow */
+
+.create-form td {
+ padding: 5px;
+}
+
+.appwidget-createaccount .create-button {
+ color: #eee;
+ background-color: #444444;
+}
+
+.appwidget-createaccountprogressmeter .step-block-active {
+ color: #111111;
+ background-color: #888888;
+}
+
+.appwidget-createaccountprogressmeter .step-block-inactive {
+ color: #111111;
+ background-color: #444444;
+}
+
+.appwidget-createaccountprogressmeter .step-selected {
+ color: #888888;
+}
+
+.appwidget-createaccountprogressmeter .step-previous {
+ color: #444444;
+}
+
+.appwidget-createaccountprogressmeter .step-next {
+ color: #111111;
+}
+
+.appwidget-createaccountprofile .header {
+ color: #888888;
+}
+
+.appwidget-createaccountprofile .field-name {
+ background-color: #e0e0e0;
+}
+
+
+/* Site Map, override page-level style */
+dd ul li {list-style: circle !important;
+ margin-left: 2em !important; }
+dt {font-weight: bold !important;
+ margin-top: 10px !important;}
+#maplinks-left {margin-right: 2% !important;
+ width: 48% !important;
+ float: left !important;}
+#maplinks-right {margin-left: 2% !important;
+ width: 48% !important;
+ float: right !important;}
+
+/* lj_base-app.css */
+hr.hr {
+ color: #888888;
+ background-color: #888888;
+}
+
+input.create-account {
+ color: #fff;
+ background: #444444;
+ border: 2px solid #888888;
+}
+input.text,
+textarea.text,
+select {
+ /*background: #fff url("/img/input-bg.gif") repeat-x 0 -1px;*/
+ background-color: #222;
+ border: 1px solid #666666;
+ border-top: 1px solid #888888;
+ border-left: 1px solid #888888;
+ color: #ccc;
+}
+textarea,
+input { background-color: #222 !important;
+color: #fff !important;
+border: 1px solid #888 !important; }
+.detail {
+
+}
+h2.widget-header {
+
+}
+
+table.alternating-rows th {
+ border-top: 1px solid #888888;
+ border-bottom: 1px solid #888888;
+ background-color: #333;
+}
+table.alternating-rows tr.altrow1 {
+ background-color: #222;
+}
+table.alternating-rows tr.altrow2 {
+ background-color: #333;
+}
+table.alternating-rows td {
+ border-bottom: 1px solid #888888;
+}
+
+.appwidget .more-link {
+ color: #888888 !important;
+ background: url('/img/arrow-double-black.gif') no-repeat 0 60%;
+}
+
+.arrow-link,
+.more-link {
+ background: url('/img/arrow-double-black.gif') no-repeat 0 50%;
+}
+
+.message {
+ border: 5px solid #eee;
+}
+.message blockquote {
+ border: 1px solid #aaa;
+}
+
+.standout-border {
+ border: 1px solid #888888;
+}
+.standout-background {
+ background-color: #444444;
+}
+
+div.right-sidebar {
+ color: #fff;
+ background-color: #444444;
+ border: 1px solid #888888;
+}
+.textbutton {
+ color: #888888;
+}
+/*NOTE: corner.gif is white*/
+h2.solid-neutral {
+ background-color: #444444;
+ color: #fff;
+}
+h2.solid-blue { /*which is now solid not-blue*/
+ background-color: #444444;
+ color: #fff;
+}
+.solid-neutral {
+ background: #444444;
+}
+input.bright {
+ background-color: #444444;
+ border: 1px solid #888888;
+ color: #fff;
+}
+.helper {
+ /*color: #666;*/
+}
+.rounded-box {
+ background: no-repeat;
+ zoom: 1;
+}
+.rounded-box .rounded-box-tr {
+ background: 100% 0 no-repeat;
+}
+.rounded-box .rounded-box-bl {
+ background: 0 100% no-repeat;
+}
+.rounded-box .rounded-box-br {
+ background: 100% 100% no-repeat;
+ padding: 2px; /* border width */
+}
+
+
+/* esn.css */
+.Subscribe tr.Inactive {
+ color: #aaa;
+}
+
+.Subscribe tr.Disabled {
+ background-color: #111;
+ color: #777;
+}
+
+.Subscribe tr.altrow {
+ background-color: #333;
+}
+
+.Subscribe tr.Inactive a {
+ color: #aaa;
+}
+.Subscribe td p {
+ color: #999;
+ background: #111111;
+}
+
+.CategoryRow td {
+ border-bottom: 1px solid #444444;
+}
+
+#Subscriptions tr.lighter {
+ background-color: #666666;
+}
+#Subscriptions tr.darker {
+ background-color: #444444;
+}
+#SubscribeSaveButtons {
+ border: 1px solid #888888;
+ }
+
+.NotificationTable tr.Selected {
+ background-color: #444444;
+}
+
+.NotificationTable tr.Selected td {
+ border-top: 1px solid #888888;
+}
+.NotificationTable #all_Body > .Selected:first-child td {
+ border-top: none;
+}
+
+.NotificationTable td {
+ padding: 2px;
+}
+.NotificationTable .inbox {
+
+}
+
+/*.NotificationTable .inbox .header .checkbox {
+ border-top: 1px solid #888888;
+ border-bottom: 1px solid #888888;
+ border-left: 1px solid #888888;
+}
+
+.NotificationTable .inbox .header .actions {
+ border-top: 1px solid #888888;
+ border-bottom: 1px solid #888888;
+ border-right: 1px solid #888888;
+}*/
+
+.inbox .header {
+ background: #666666;
+}
+
+.InboxItem_Read {
+ color: #888;
+}
+span.InboxItem_Read:hover {
+ color: #eee;
+}
+span.InboxItem_Read a {
+ color: #999 !important;
+}
+span.InboxItem_Read:hover a {
+ color: inherit !important;
+}
+
+.inbox .alt {
+ background: #333;
+}
+.inbox td.NoItems {
+ color: #ddd;
+}
+.inbox td.time {
+ color: #ccc;
+}
+
+.folders a {
+ color: #fff;
+ border: 1px solid #111111;
+}
+.folders a:visited, .folders a:link {
+ color: #fff;
+}
+.folders a:hover {
+ border: 1px solid #666666;
+ background-color: #666666;
+}
+
+.ippu {
+ color: #eee
+}
+.ippu .track_title {
+ color: #444444;
+}
+
+/* entry.css */
+a#lj_userpicselect {
+ color: #888888;
+}
+#lj_userpicselect_img {
+ border: 1px solid #111111;
+}
+#lj_userpicselect_img:hover {
+ border: 1px solid #888888;
+}
+#lj_userpicselect_img_txt {
+ color: #888888 !important;
+}
+#userpic_preview_image.userpic_loggedout {
+ border: 1px solid #888888;
+}
+.userpic_preview_border {
+ border: 1px solid #ccc;
+}
+#infobox {
+ border-left: 1px solid #eee;
+}
+#entry {
+ border-bottom: 1px solid #bbb;
+}
+#entry ul li a {
+ background-color: #222;
+ border: 1px solid #bbb;
+ border-bottom: none;
+}
+#entry ul li.on a {
+ background-color: #222;
+ border-bottom: 1px solid #222;
+}
+#draft-container {
+ border: 1px solid #bbb;
+ border-top: none;
+}
+#draftstatus {
+ background-color: #222;
+}
+#spellcheck-results {
+ border: 1px solid #444444;
+ background-color: #222;
+}
+#htmltools {
+ border-right: 1px solid #bbb;
+ border-left: 1px solid #bbb;
+ background: #222;
+}
+#htmltools ul {
+ border-bottom: 1px solid #8D8D8D;
+}
+#options, #public, #submitbar {
+ border: 1px solid #888888;
+ background-color: #444444;
+}
+#public {
+ /*color:#666;*/
+}
+
+
+/* contextualhover.css */
+div.ContextualPopup div.Inner {
+ background-color: #444444 !important;
+ color: #fff !important;
+ border: 1px solid #888888;
+ }
+div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
+ color: #ccc !important;
+ }
+
+/* profile.css */
+
+.section, .username, .actions li {
+ background-color: #444444 !important;
+ border: none;
+ color: #fff;
+}
+
+.actions li { border-top: 1px solid #888888; }
+
+.section img, .username img {
+ padding-left: 3px;
+}
+
+.tooltip {
+ border-bottom: 1px dotted #fff;
+}
+li.profile_join_disabled, li.profile_addtrust_disabled,
+li.profile_addsub_comm_disabled, li.profile_addsub_feed_disabled,
+li.profile_addsub_person_disabled, li.profile_postentry_disabled,
+li.profile_trackuser_disabled, li.profile_sendmessage_disabled {
+ color: #999;
+}
+.details_stats p {
+ color: #aaa;
+ }
+.details_stats .account_level {
+ color: #fff;
+ }
+.section span.section_link {
+ color: #ccc;
+ }
+.section_body .inner_section_header {
+
+ }
+.section_body_title {
+
+}
+.userinfo th {
+
+}
+
+/* tags.css */
+#selected_tags {
+ color: #999;
+}
+
+.taginfo {
+ background-image: none;
+ background-color: #222;
+ border-color: #888;
+ color: #CCC;
+}
+
+.tagbox {
+ background-color: #222;
+ color: #CCC;
+}
+
+.tagfield {
+ color: #999;
+ border: 1px solid #888888;
+}
+
+.tagfield:focus {
+ color: #fff;
+ border: 1px solid #888888;
+}
+
+.tagfield_error {
+ border: 1px solid red;
+ background-color: #ecd7d7;
+}
+
+.proptbl .h {
+ background-image: none;
+ background-color: #222;
+}
+
+.proptbl .t {
+ background-color: #333;
+ border-right: 1px solid #888888;
+}
+
+.proptbl .r {
+ background-color: #333;
+ border-right: 1px solid #888888;
+}
+
+.proptbl .rv {
+ background-color: #444444;
+}
+
+.edittbl .l, .lsep {
+ border-right: 1px solid;
+}
+
+.edittbl .sep {
+ border-top: 1px solid;
+}
+
+.tagbox_nohist {
+ background-color: #444444;
+}
+
+/* manage/settings */
+
+.display_label {
+ color: #fff;
+}
+
+.display_option, .mobile_option, .privacy_option, .othersites_option {
+ color: #fff;
+}
+
+.xpost_footer_preview {
+ border: 1px solid #fff;
+ background: #333;
+}
+
+/* Support */
+
+div.box {
+ color: #fff !important;
+}
+
+div.adult_warning {
+ background-color: #333;
+ border: 1px solid #fff;
+ padding: 0 10px;
+}
+
+/* This makes the FAQ header not overlap with itself */
+.box h1 {
+ line-height: 1em;
+}
+
+div.blue {
+ background-color: #3D606B !important;
+ border:1px solid #6DB5C2 !important;
+}
+
+div.green {
+ background-color: #2B5229 !important;
+ border:1px solid #53914D !important;
+}
+
+.green, .green td {
+ background-color: #2B5229 !important;
+}
+.yellow, .yellow td {
+ background-color: #815E00 !important;
+}
+.red, .red td {
+ background-color: #831815 !important;
+}
+.clicked, .clicked td {
+ background-color: #3D606B !important;
+}
+
+/* For the manage/circle page */
+/* These are in the page CSS, so must be important. */
+
+.editfriends td, .editfriends td, .editfriends th, #addfriends td, #addfriends th {
+ border-color: #888 !important;
+}
+
+.editfriends tr:hover {
+ background-color: #333 !important;
+}
+
+/* /manage/circle/filters */
+
+.editfilters select {
+ background-color: #222;
+ color: #CCC;
+}
+
+/* For the manage/banusers page */
+
+.userslist-table tr.odd {
+ background-color: #222;
+}
+
+.userslist-table tr.even {
+ background-color: #111;
+}
+
+/* Import */
+
+h1.gradient, h2.gradient, h3.gradient, h4.gradient, h5.gradient {
+ background-image: none;
+ background-color: #222;
+ border-color: #888;
+}
+
+.importer .importoption {
+ background-color: #222;
+ border-color: #888;
+}
+
+.importer .importoption p {
+ color: #888;
+}
+
+.importer-status .table-header {
+ background-color: #222;
+}
+
+.importer-status td {
+ border-color: #444;
+}
+
+/* Update */
+
+/* # Makes sure the tab doesn't end up white */
+#compose-entry ul li.on a {
+ background-color: #222;
+}
+
+/* manage/subscriptions/filters */
+
+#cf-select, #cf-edit, #cf-filtopts, #cf-intro {
+ background-color: #222;
+ border-color: #888;
+}
+
+div#cf-edit select {
+ background-color: #111;
+ border-color: #888;
+ color: #888;
+}
--------------------------------------------------------------------------------