![[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 three new site schemes
[commit: http://hg.dwscoalition.org/dw-free/rev/ab4f6e106dfb]
http://bugs.dwscoalition.org/show_bug.cgi?id=553
Add three new site schemes: Gradation, Celerity, and Blueshift.
Themes by![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
branchandroot.
Files modified:
http://bugs.dwscoalition.org/show_bug.cgi?id=553
Add three new site schemes: Gradation, Celerity, and Blueshift.
Themes by
branchandroot.Files modified:
- bin/upgrading/en.dat
- cgi-bin/bml/scheme/blueshift.look
- cgi-bin/bml/scheme/celerity.look
- cgi-bin/bml/scheme/gradation-vertical.look
- htdocs/img/blueshift/headerblue.jpg
- htdocs/img/celerity/dk-stripe.jpg
- htdocs/img/celerity/lt-stripe.jpg
- htdocs/img/celerity/square.jpg
- htdocs/img/celerity/stripes.jpg
- htdocs/img/gradation/blackfade.png
- htdocs/stc/blueshift/blueshift.css
- htdocs/stc/celerity/celerity.css
- htdocs/stc/gradation/gradation-vertical.css
--------------------------------------------------------------------------------
diff -r 2ab6f96c844b -r ab4f6e106dfb bin/upgrading/en.dat
--- a/bin/upgrading/en.dat Sun Mar 29 04:46:22 2009 +0000
+++ b/bin/upgrading/en.dat Sun Mar 29 04:55:54 2009 +0000
@@ -2912,6 +2912,49 @@ settings.yearofbirth=Year of Birth
settings.zipcode=ZIP Code
+sitescheme.accountlinks.account=Account
+
+sitescheme.accountlinks.btn.login=Log in
+
+sitescheme.accountlinks.btn.logout=Log out
+
+sitescheme.accountlinks.help=Help
+
+sitescheme.accountlinks.inbox=Inbox
+
+sitescheme.accountlinks.invitefriend=Invite a Friend
+
+sitescheme.accountlinks.login.forgotpassword=Forgot password?
+
+sitescheme.accountlinks.login.openid=Log in with OpenID?
+
+sitescheme.accountlinks.login.password=Password:
+
+sitescheme.accountlinks.login.rememberme=Remember me
+
+sitescheme.accountlinks.login.username=Username:
+
+sitescheme.accountlinks.post=Post
+
+sitescheme.accountlinks.readinglist=Reading Page
+
+sitescheme.accountlinks.userpic.alt=Upload Userpics
+
+sitescheme.footer.info=Copyright © 2009 Dreamwidth Studios, LLC. All rights reserved.
+
+sitescheme.footer.legal.abusepolicy=Abuse Policy
+
+sitescheme.footer.legal.diversitystatement=Diversity Statement
+
+sitescheme.footer.legal.guidingprinciples=Guiding Principles
+
+sitescheme.footer.legal.privacypolicy=Privacy Policy
+
+sitescheme.footer.legal.tos=Terms of Service
+
+sitescheme.footer.sitemap=Site Map
+
+
sorry=Sorry
states.head.defined=(states/regions/territories)
diff -r 2ab6f96c844b -r ab4f6e106dfb cgi-bin/bml/scheme/blueshift.look
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/cgi-bin/bml/scheme/blueshift.look Sun Mar 29 04:55:54 2009 +0000
@@ -0,0 +1,198 @@
+# Blueshift Site Scheme
+#
+# Authors:
+# Emily Ravenwood <ravenwood@alltrees.org>
+# Denise Paolucci <denise@dreamwidth.org>
+# Based on Tropospherical Red authored by:
+# Janine Costanzo <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=><p style='font-size: smaller;'>%%data%%</p>
+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/blueshift/blueshift.css" );
+
+ _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;
+ my $wh = "";
+ if ( $userpic ) {
+ if ( $userpic->width > $userpic->height ) {
+ $wh = 'width="' . ( $userpic->width > 80 ? 80 : $userpic->width ) . '"';
+ } else {
+ $wh = 'height="' . ( $userpic->height > 80 ? 80 : $userpic->height ) . '"';
+ }
+ }
+
+ $ret .= "<div id='account-links-userpic'><a href='$LJ::SITEROOT/editpics.bml'>";
+ if ( $userpic ) {
+ $ret .= "<img src='" . $userpic->url . "' $wh alt=\"$ML{'sitescheme.accountlinks.userpic.alt'}\" />";
+ } else {
+ $ret .= "<img src='$LJ::IMGPREFIX/nouserpic.png' width='80' alt=\"$ML{'sitescheme.accountlinks.userpic.alt'}\" />";
+ }
+ $ret .= "</a></div>";
+ $ret .= "<div id='account-links-text'>";
+ $ret .= "<form action='$LJ::SITEROOT/logout.bml?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.bml'>$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 .= " ($unread)" 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.bml'>$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.bml?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,
+ }) . " <a href='$LJ::SITEROOT/openid/'>$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,
+ }) . " <a href='$LJ::SITEROOT/lostinfo.bml'>$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.bml"><?_ml sitescheme.footer.legal.privacypolicy _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/tos.bml"><?_ml sitescheme.footer.legal.tos _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/diversity.bml"><?_ml sitescheme.footer.legal.diversitystatement _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/principles.bml"><?_ml sitescheme.footer.legal.guidingprinciples _ml?></a> • </li>
+ <li><a href="<?siteroot?>/site/"><?_ml sitescheme.footer.sitemap _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">
+ <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?>
+
+<?_code
+{
+ my $pagestats_obj = LJ::pagestats_obj();
+ return $pagestats_obj->render;
+}
+_code?>
+ </body>
+</html>
+<=page
diff -r 2ab6f96c844b -r ab4f6e106dfb cgi-bin/bml/scheme/celerity.look
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/cgi-bin/bml/scheme/celerity.look Sun Mar 29 04:55:54 2009 +0000
@@ -0,0 +1,212 @@
+# Celerity Site Scheme
+#
+# Authors:
+# Emily Ravenwood <ravenwood@alltrees.org>
+# Denise Paolucci <denise@dreamwidth.org>
+# Based on Tropospherical Red authored by:
+# Janine Costanzo <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=><p style='font-size: smaller;'>%%data%%</p>
+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/celerity/celerity.css" );
+
+ _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 $inbox = $remote->notification_inbox;
+ my $unread = $inbox->unread_count;
+ my $identity = $remote->is_identity;
+ my $wh = "";
+
+ $ret .= "<div id='account-links-text'>";
+ $ret .= "<form action='$LJ::SITEROOT/logout.bml?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.bml'>$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 .= " ($unread)" 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.bml'>$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.bml?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,
+ }) . " <a href='$LJ::SITEROOT/openid/'>$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,
+ }) . " <a href='$LJ::SITEROOT/lostinfo.bml'>$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.bml"><?_ml sitescheme.footer.legal.privacypolicy _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/tos.bml"><?_ml sitescheme.footer.legal.tos _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/diversity.bml"><?_ml sitescheme.footer.legal.diversitystatement _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/principles.bml"><?_ml sitescheme.footer.legal.guidingprinciples _ml?></a> • </li>
+ <li><a href="<?siteroot?>/site/"><?_ml sitescheme.footer.sitemap _ml?></a></li>
+</ul>
+<p><?_ml sitescheme.footer.info _ml?></p>
+<=footer
+
+userpic<=
+<?_code
+{
+ my $remote = LJ::get_remote();
+ my $ret;
+
+ $ret .= "<div id='header-userpic'><a href='$LJ::SITEROOT/editpics.bml'>";
+
+ if ( $remote ) {
+ my $userpic = $remote->userpic;
+ if ( $userpic ) {
+ if ( $userpic->width > $userpic->height ) {
+ $wh = 'width="' . ( $userpic->width > 80 ? 80 : $userpic->width ) . '"';
+ } else {
+ $wh = 'height="' . ( $userpic->height > 80 ? 80 : $userpic->height ) . '"';
+ }
+ $ret .= "<img src='" . $userpic->url . "' $wh alt=\"$ML{'sitescheme.accountlinks.userpic.alt'}\" />";
+ } else {
+ $ret .= "<img src='$LJ::IMGPREFIX/nouserpic.png' width='80' alt=\"$ML{'sitescheme.accountlinks.userpic.alt'}\" />";
+ }
+ }
+
+ $ret .= "</a></div>";
+ return $ret;
+}
+_code?>
+<=userpic
+
+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">
+ <div id="page">
+ <div id="masthead">
+ <?logo?>
+ </div><!-- end masthead-->
+
+ <div id="content" class="layout-wide-right-sidebar">
+ <h1>%%title%%</h1>
+ %%body%%
+ </div><!--end content-->
+ <div id="page-decoration"></div>
+ </div><!-- end page-->
+ <div id="account-links">
+ <?accountlinks?>
+ </div><!-- end account links-->
+ <div id="sidebar">
+ <?userpic?>
+ <?menunav?>
+ </div>
+ <div id="header-divider"> <div id="header-divider-insert"></div></div>
+ <div id="header-search">
+ <?_code return LJ::Widget::Search->render; _code?>
+ </div><!-- end header-search-->
+ <div id="footer">
+ <?footer?>
+ </div>
+ </div> <!-- end canvas-->
+ <?_code LJ::final_body_html(); _code?>
+
+<?_code
+{
+ my $pagestats_obj = LJ::pagestats_obj();
+ return $pagestats_obj->render;
+}
+_code?>
+ </body>
+</html>
+<=page
diff -r 2ab6f96c844b -r ab4f6e106dfb cgi-bin/bml/scheme/gradation-vertical.look
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/cgi-bin/bml/scheme/gradation-vertical.look Sun Mar 29 04:55:54 2009 +0000
@@ -0,0 +1,198 @@
+# Gradation Vertical Site Scheme
+#
+# Authors:
+# Emily Ravenwood <ravenwood@alltrees.org>
+# Denise Paolucci <denise@dreamwidth.org>
+# Based on Tropospherical Red authored by:
+# Janine Costanzo <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=><p style='font-size: smaller;'>%%data%%</p>
+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-vertical.css" );
+
+ _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;
+ my $wh = "";
+ if ( $userpic ) {
+ if ( $userpic->width > $userpic->height ) {
+ $wh = 'width="' . ( $userpic->width > 80 ? 80 : $userpic->width ) . '"';
+ } else {
+ $wh = 'height="' . ( $userpic->height > 80 ? 80 : $userpic->height ) . '"';
+ }
+ }
+
+ $ret .= "<div id='account-links-userpic'><a href='$LJ::SITEROOT/editpics.bml'>";
+ if ( $userpic ) {
+ $ret .= "<img src='" . $userpic->url . "' $wh alt=\"$ML{'sitescheme.accountlinks.userpic.alt'}\" />";
+ } else {
+ $ret .= "<img src='$LJ::IMGPREFIX/nouserpic.png' width='80' alt=\"$ML{'sitescheme.accountlinks.userpic.alt'}\" />";
+ }
+ $ret .= "</a></div>";
+ $ret .= "<div id='account-links-text'>";
+ $ret .= "<form action='$LJ::SITEROOT/logout.bml?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.bml'>$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 .= " ($unread)" 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.bml'>$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.bml?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,
+ }) . " <a href='$LJ::SITEROOT/openid/'>$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,
+ }) . " <a href='$LJ::SITEROOT/lostinfo.bml'>$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.bml"><?_ml sitescheme.footer.legal.privacypolicy _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/tos.bml"><?_ml sitescheme.footer.legal.tos _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/diversity.bml"><?_ml sitescheme.footer.legal.diversitystatement _ml?></a> • </li>
+ <li><a href="<?siteroot?>/legal/principles.bml"><?_ml sitescheme.footer.legal.guidingprinciples _ml?></a> • </li>
+ <li><a href="<?siteroot?>/site/"><?_ml sitescheme.footer.sitemap _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">
+ <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?>
+
+<?_code
+{
+ my $pagestats_obj = LJ::pagestats_obj();
+ return $pagestats_obj->render;
+}
+_code?>
+ </body>
+</html>
+<=page
diff -r 2ab6f96c844b -r ab4f6e106dfb htdocs/img/blueshift/headerblue.jpg
Binary file htdocs/img/blueshift/headerblue.jpg has changed
diff -r 2ab6f96c844b -r ab4f6e106dfb htdocs/img/celerity/dk-stripe.jpg
Binary file htdocs/img/celerity/dk-stripe.jpg has changed
diff -r 2ab6f96c844b -r ab4f6e106dfb htdocs/img/celerity/lt-stripe.jpg
Binary file htdocs/img/celerity/lt-stripe.jpg has changed
diff -r 2ab6f96c844b -r ab4f6e106dfb htdocs/img/celerity/square.jpg
Binary file htdocs/img/celerity/square.jpg has changed
diff -r 2ab6f96c844b -r ab4f6e106dfb htdocs/img/celerity/stripes.jpg
Binary file htdocs/img/celerity/stripes.jpg has changed
diff -r 2ab6f96c844b -r ab4f6e106dfb htdocs/img/gradation/blackfade.png
Binary file htdocs/img/gradation/blackfade.png has changed
diff -r 2ab6f96c844b -r ab4f6e106dfb htdocs/stc/blueshift/blueshift.css
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/htdocs/stc/blueshift/blueshift.css Sun Mar 29 04:55:54 2009 +0000
@@ -0,0 +1,605 @@
+/** Blueshift 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:
+ dkblue=#002A82 (standout border, vlink)
+ medblue=#3960A0 (borders, standout, link)
+ ltblue=#BBCCDD (inactive tabs, evencomment, profile border)
+ vryltblue=#E6ECF9 (active tabs, oddcomment, headerlinks)
+ alt vryltblue=#ECF3FF (menulinks)
+*/
+
+/**
+ * Global
+ */
+
+body {
+ font-family: Arial, Verdana, sans-serif;
+ line-height: 1.25em;
+ background-image: url(/img/blueshift/headerblue.jpg);
+ background-position: top;
+ background-repeat: repeat-x;
+ background-color: #3960A0;
+ color: #111122;
+}
+
+H1, H2, H3, H4 { font-style: italic;
+ font-weight: normal;
+ padding: 1em 0;
+ }
+H1 { font-size: 175%; }
+H2 { font-size: 150%; }
+H3 { font-size: 125%; }
+H4 { font-size: 100%; }
+
+ul { list-style: circle;
+ margin-left: 1em; }
+
+a:link,
+.link {
+ color: #3960A0;
+}
+a:visited {
+ color: #002A82;
+}
+a:hover,
+a:active,
+.link:hover {
+ text-decoration: none;
+}
+
+#canvas {
+ padding-top: 1px; /*to ensue margin*/
+ background-color: #f6f9FF;
+ margin-left: 8.25em;
+ margin-top: 100px;
+ border-left: 1px solid #002A82;
+ border-bottom: 1px solid #002A82;
+ min-height: 32em;
+}
+#page {
+ padding-top: 1px; /*to ensue margin*/
+}
+
+
+/**
+ * Header
+ */
+#masthead {
+ position: absolute;
+ top: 30px;
+ right: 1em;
+ }
+ #sitename { font-style: italic;
+ font-weight: normal;
+ font-size: 175%;
+ }
+ #sitename a { color: #E6ECF9; }
+
+#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: #E6ECF9; }
+
+#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 { background-color: #E6ECF9;
+ border: 1px solid #001155; }
+#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: 100px;
+ right: 0;
+ width: 100%;
+ height: 2.5em;
+ text-align: right;
+ background-color: #3960A0;
+ border-bottom: 1px solid #002A82;
+ }
+ #header-search .appwidget-search {
+ margin-right: .5em;
+ }
+ #header-search #search { background-color: #E6ECF9;
+ border: 1px solid #002A82; }
+
+/**
+ * Menu
+ */
+#menu { position: absolute;
+ top: 100px;
+ left: 0;
+ width: 8.25em;
+ background-color: #3960A0;
+ z-index: 100; /*to cover the search-border in the sidebar*/
+ }
+ #menu ul { margin-left: 5px;
+ margin-right: 3px;
+ margin-top: 3em;
+ padding-left: 0;
+ font-size: small;
+ list-style: none;
+ }
+ #menu ul ul { margin-left: 1em;
+ margin-right: 0;
+ margin-top: 0;
+ }
+ #menu li { padding: .15em 0; }
+ #menu a {color: #ECF3FF; }
+ #menu .topnav a {font-weight: bold;}
+ #menu .subnav a {font-weight: normal; }
+
+
+/**
+ * Footer
+ */
+#footer {
+ margin: 1em;
+ text-align: center;
+ border-top: 1px solid #002A82;
+ }
+ #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: #666666;
+ }
+
+/**
+ * #content
+ */
+#content { margin: 0;
+ padding: 1px 1em 1em 1.5em;
+ margin-top: 2.5em;
+}
+
+#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: #E6ECF9 !important;
+}
+.cmtbar-even {
+ border-bottom: none !important;
+ border-right: none !important;
+ background-color: #BBCCDD !important;
+}
+
+/*insert class of screened comments here*/ {
+ background-color: #EEEEEE; }
+
+/* PROFILE.CSS OVERRIDES */
+#profile_top {
+ min-width: 0;
+}
+
+.username {
+ border-bottom: 1px solid #BBCCDD !important;
+ border-top: 1px solid #BBCCDD !important;
+ background-color: #E6ECF9 !important;
+}
+
+
+/**
+ * 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.166667em 0;
+ overflow: hidden;
+}
+#content #primary .panel h2 {
+ height: 2em;
+ line-height: 2em;
+}
+#content #primary .panel p {
+ clear: both;
+}
+#content #secondary .panel h3 {
+ height: 30px;
+ line-height: 30px;
+}
+/**
+ * Panels have different styles for different content layouts
+ */
+.layout-wide-right-sidebar #primary .panel .sidebar {
+ float: left;
+ width: 30%;
+}
+.layout-wide-right-sidebar #primary .panel .contents {
+ float: left;
+ padding-top: 6px;
+ padding-left: 14px;
+ border-left: 1px solid #ccc;
+ width: 70%;
+ line-height: 1.8;
+}
+.layout-wide-right-sidebar #secondary .panel .contents {
+ margin: 0.5em 0;
+ line-height: 1.8;
+}
+/**
+ * Panels have unique IDs for CSS hooks
+ */
+#panel-quick-update .sidebar p {
+ height: 3em;
+ line-height: 3em;
+}
+#panel-quick-update .contents label {
+ display: block;
+ width: 100%;
+ color: #002A82;
+ font-weight: bold;
+}
+#panel-quick-update .contents input,
+#panel-quick-update .contents textarea {
+ width: 95%;
+}
+#panel-quick-update .contents textarea {
+ height: 120px;
+}
+/* panel-first class is added through js */
+#content .panel-first {
+ border-top: 0 !important;
+}
+
+
+/**
+ * Form field styles
+ */
+.dw-field-default {
+ color: #333;
+ font-style: italic;
+}
+.standout {
+ text-align: center;
+}
+.standout .standout-inner {
+ background-color: #3960A0;
+ color: #000;
+ border: 1px solid #002A82;
+ 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
+ * /
+
+/* editpics.css */
+#uploadBox {
+ background-color: #E6ECF9;
+ border: 1px solid #3960A0;
+ margin: 0 20px 0 0;
+}
+
+/* profile.css */
+
+.section, .username, .actions li {
+ background-color: #E6ECF9;
+ border-bottom: 1px solid #BBCCDD;
+ border-top: 1px solid #BBCCDD;
+ color: #002A82;
+}
+
+.section img, .username img {
+ padding-left: 3px;
+}
+
+/* customize.css */
+
+.theme-current {
+ background-color: #E6ECF9;
+ border: 1px solid #3960A0;
+}
+
+/* widgets/customizetheme.css, themechooser.css, themenav.css,
+currenttheme.css */
+
+.theme-current h2.widget-header, .layout-item.current {
+ background-color: #E6ECF9;
+ border: 1px solid #3960A0;
+}
+
+h2.widget-header, .theme-item.current, .theme-item img.theme-preview, .theme-item .theme-icons {
+ border: 1px solid #3960A0;
+}
+
+.theme-item .theme-button-disabled, .layout-item .layout-button-disabled {
+ background: #BBCCDD;
+}
+
+.theme-item {
+ overflow-x: visible;
+ overflow-y: visible;
+}
+
+.customize-button, .theme-item .theme-button, .layout-item
+.layout-button {
+ background: #BBCCDD;
+ border: 2px solid #000;
+ border-top: 2px solid #BBCCDD;
+ border-left: 2px solid #BBCCDD;
+}
+
+
+.theme-nav-content, .customize-content {
+ border: 1px solid #3960A0;
+ border-left: none;
+}
+
+.theme-selector-nav {
+ background-color: #E6ECF9;
+}
+
+.theme-nav li a, .theme-nav-small li {
+ border-right: 1px solid #3960A0;
+}
+
+.theme-nav li.on a {
+ border: 1px solid #3960A0;
+ border-right: none;
+}
+
+.theme-nav-separator {
+ border-right: 1px solid #3960A0;
+}
+
+.theme-nav-separator hr {
+ border-top: 1px solid #3960A0;
+}
+
+.customize-content .subheader {
+ background-color: #E6ECF9;
+ border-bottom: 1px solid #3960A0;
+}
+
+.customize-content .subheader.on {
+ background-color: #E6ECF9;
+}
+
+.customize-nav {
+ background-color: #E6ECF9;
+}
+
+.customize-nav li a, .customize-nav li li {
+ border-right: 1px solid #3960A0;
+}
+
+.customize-nav li.on a, .customize-nav li.on ul {
+ border: 1px solid #3960A0;
+ border-right: none;
+ border-top: none;
+}
+
+.customize-nav li.on {
+ border-top: 1px solid #3960A0;
+}
+
+.moodtheme-preview, .appwidget-linkslist .tips-box {
+ background-color: #E6ECF9;
+ border: 1px solid #3960A0;
+}
+
+.theme-current-links {
+ border-bottom: 1px solid #3960A0;
+ border-right: 1px solid #3960A0;
+}
+
+.theme-nav li a:visited, .customize-nav li a:visited {
+ color: #002A82;
+ font-weight: bold;
+}
+
+/* inbox */
+
+#esn_folder_all {
+ background-color: #E6ECF9 !important;
+}
+
+/* lj_settings.css */
+
+.section_head, table.alternating-rows th, div.username {
+ background-color: #D9D9D3;
+ color: #333;
+ border: none;
+ border-bottom: 1px solid #3960A0;
+}
+
+/* comm_promo.css */
+
+div.CommunityPromoBox {
+ border: 1px solid #3960A0;
+}
+
+/* settings.css */
+
+#settings_save {
+ background: #E6ECF9;
+}
+
+#settings_nav li a {
+ background: #BBCCDD;
+ border: 1px solid #3960A0;
+ border-bottom: none;
+}
+
+#settings_nav li a:hover, #settings_nav li a.active {
+ background: #E6ECF9;
+}
+
+#settings_nav_title p {
+ background: #E6ECF9;
+ border-left: 1px solid #3960A0;
+}
+
+/* cprod.css */
+
+.cprod.h3 {
+ background: #BBCCDD;
+
+}
+
+.cprod content {
+ border: 1px solid #3960A0;
+}
+
+
+/* allpics styling */
+
+table.allpics {
+ margin-left: 50px;
+}
+
+.allpics td {
+ vertical-align: bottom;
+}
+
+.allpics 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;
+}
diff -r 2ab6f96c844b -r ab4f6e106dfb htdocs/stc/celerity/celerity.css
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/htdocs/stc/celerity/celerity.css Sun Mar 29 04:55:54 2009 +0000
@@ -0,0 +1,633 @@
+/** Celerity 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:
+ dkgrn=#999966
+ text dkgrn=#777711
+ ltgrn=#DDDDAA
+ vryltgrn=#EEEECC
+ link ltgrn=#888833
+ link dkgrn=#666611
+ * Colors for template:
+ oddcomment=#EEEECC
+ evencomment=#DDDDBB
+*/
+
+/**
+ * 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;
+}
+
+/**
+ * Global
+ */
+
+body {
+ font-family: Arial, Verdana, sans-serif;
+ line-height: 1.25em;
+ background-color: f9f9f0;
+ color: #222211;
+}
+
+H1, H2, H3, H4 { font-family: "Century Gothic", Verdana, sans-serif;
+ font-weight: normal;
+ padding: 1em 0;
+ }
+H1 { font-size: 175%; }
+H2 { font-size: 150%; }
+H3 { font-size: 125%; }
+H4 { font-size: 100%; }
+
+ul { list-style: square;
+ margin-left: 1em; }
+
+a:link,
+.link {
+ color: #888833;
+}
+a:visited {
+ color: #666611;
+}
+a:hover,
+a:active,
+.link:hover {
+ text-decoration: none;
+}
+
+#canvas {
+ padding-top: 1px; /*to ensure margin*/
+}
+#page {
+ margin-bottom: 2em;
+ padding-top: 1px; /*to ensure margin*/
+}
+/*Scheme specific div to contain sidebar stripes*/
+#page-decoration { background-image: url("/img/celerity/lt-stripe.jpg");
+ background-repeat: repeat-x;
+ background-position: top;
+ width: 9em;
+ height: 50px;
+ margin-left: 1em;
+ margin-top: -50px;
+ float: left;
+ display: inline; /* to defeat the IE double-margin bug */ }
+
+/**
+ * Header
+ */
+#masthead { position: absolute;
+ top: 50px;
+ right: 25px;
+ }
+ #sitename { font-family: "Century Gothic", Verdana, sans-serif;
+ font-weight: normal;
+ font-size: 175%;
+ }
+ #sitename a { color: #888844; }
+
+#account-links {
+ position: absolute;
+ top: 3px;
+ left: 13em;
+ text-align: left;
+ font-size: small;
+}
+#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 #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;
+}
+
+/*Scheme specific divs to contain header stripes*/
+#header-divider { position: absolute;
+ top: 110px;
+ left: 0;
+ background-color: #999966;
+ background-image: url("/img/celerity/dk-stripe.jpg");
+ background-position: right;
+ background-repeat: repeat-y;
+ width: 100%;
+ }
+ #header-divider-insert { margin-left: 1em;
+ height: 20px;
+ width: 9em;
+ background: url("/img/celerity/stripes.jpg");
+ background-position: center;
+ }
+
+#header-search { position: absolute;
+ top: 140px;
+ right: 22px;
+ text-align: right;
+ }
+
+/**
+ * Sidebar and Menu
+ */
+#sidebar { position: absolute;
+ top: 0;
+ left: 1em;
+ width: 9em;
+ background-color: #DDDDAA;
+ }
+ #sidebar ul { margin-left: 5px;
+ margin-right: 3px;
+ margin-top: 40px;
+ padding-left: 0;
+ font-size: small;
+ list-style: none;
+ }
+ #sidebar ul ul { margin-left: 1em;
+ margin-right: 0;
+ margin-top: 0;
+ }
+ #sidebar li { padding: .15em 0; }
+ #sidebar a {color: #222200; }
+
+#header-userpic { text-align: center;
+ height: 100px;
+ background-image: url("/img/celerity/square.jpg");
+ background-repeat: no-repeat;
+ background-position: center;
+ }
+ #header-userpic img { margin-top: 10px;
+ border: none;
+ background-color: #DDDDAA; /*so the square doesn't show behind transparent icons */
+ }
+
+/**
+ * Footer
+ */
+#footer { border-top: 4px double #999966;
+ border-bottom: 4px double #999966;
+ margin: 1em;
+ text-align: center;
+ }
+ #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: #666666;
+ }
+
+/**
+ * #content
+ */
+#content {
+ margin-left: 1em;
+ border-left: 9em solid #DDDDAA;
+ margin-top: 170px;
+ padding: 1px 1em 1em 1.5em;
+ min-height: 29em;
+ height: auto !important; /*these two lines are a min-height hack that fixes it in IE6*/
+ height: 29em;
+}
+
+#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: #EEEECC !important;
+}
+.cmtbar-even {
+ border-bottom: none !important;
+ border-right: none !important;
+ background-color: #DDDDBB !important;
+}
+
+/*insert class of screened comments here*/ {
+ background-color: #EEEEEE; }
+
+/* PROFILE.CSS OVERRIDES */
+#profile_top {
+ min-width: 0;
+}
+
+.username {
+ border-bottom: 1px solid #999966 !important;
+ background-color: #EEEECC !important;
+}
+
+
+/**
+ * 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.166667em 0;
+ overflow: hidden;
+}
+#content #primary .panel h2 {
+ height: 2em;
+ line-height: 2em;
+}
+#content #primary .panel p {
+ clear: both;
+}
+#content #secondary .panel h3 {
+ height: 30px;
+ line-height: 30px;
+}
+/**
+ * Panels have different styles for different content layouts
+ */
+.layout-wide-right-sidebar #primary .panel .sidebar {
+ float: left;
+ width: 30%;
+}
+.layout-wide-right-sidebar #primary .panel .contents {
+ float: left;
+ padding-top: 6px;
+ padding-left: 14px;
+ border-left: 1px solid #ccc;
+ width: 70%;
+ line-height: 1.8;
+}
+.layout-wide-right-sidebar #secondary .panel .contents {
+ margin: 0.5em 0;
+ line-height: 1.8;
+}
+/**
+ * Panels have unique IDs for CSS hooks
+ */
+#panel-quick-update .sidebar p {
+ height: 3em;
+ line-height: 3em;
+}
+#panel-quick-update .contents label {
+ display: block;
+ width: 100%;
+ color: #777711;
+ font-weight: bold;
+}
+#panel-quick-update .contents input,
+#panel-quick-update .contents textarea {
+ width: 95%;
+}
+#panel-quick-update .contents textarea {
+ height: 120px;
+}
+/* panel-first class is added through js */
+#content .panel-first {
+ border-top: 0 !important;
+}
+
+
+/**
+ * Form field styles
+ */
+.dw-field-default {
+ color: #333;
+ font-style: italic;
+}
+.standout {
+ text-align: center;
+}
+.standout .standout-inner {
+ background-color: #DDDDAA;
+ color: #000;
+ border: 1px solid #999966;
+ 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
+ * /
+
+/* editpics.css */
+#uploadBox {
+ background-color: #EEEECC;
+ border: 1px solid #999966;
+ margin: 0 20px 0 0;
+}
+
+/* profile.css */
+
+.section, .username, .actions li {
+ background-color: #EEEECC;
+ border-bottom: 1px solid #999966;
+ color: #777711;
+}
+
+.section img, .username img {
+ padding-left: 3px;
+}
+
+/* customize.css */
+
+.theme-current {
+ background-color: #EEEECC;
+ border: 1px solid #999966;
+}
+
+/* widgets/customizetheme.css, themechooser.css, themenav.css,
+currenttheme.css */
+
+.theme-current h2.widget-header, .layout-item.current {
+ background-color: #EEEECC;
+ border: 1px solid #999966;
+}
+
+h2.widget-header, .theme-item.current, .theme-item img.theme-preview, .theme-item .theme-icons {
+ border: 1px solid #999966;
+}
+
+.theme-item .theme-button-disabled, .layout-item .layout-button-disabled {
+ background: #DDDDAA;
+}
+
+.theme-item {
+ overflow-x: visible;
+ overflow-y: visible;
+}
+
+.customize-button, .theme-item .theme-button, .layout-item
+.layout-button {
+ background: #DDDDAA;
+ border: 2px solid #000;
+ border-top: 2px solid #DDDDAA;
+ border-left: 2px solid #DDDDAA;
+}
+
+
+.theme-nav-content, .customize-content {
+ border: 1px solid #999966;
+ border-left: none;
+}
+
+.theme-selector-nav {
+ background-color: #EEEECC;
+}
+
+.theme-nav li a, .theme-nav-small li {
+ border-right: 1px solid #999966;
+}
+
+.theme-nav li.on a {
+ border: 1px solid #999966;
+ border-right: none;
+}
+
+.theme-nav-separator {
+ border-right: 1px solid #999966;
+}
+
+.theme-nav-separator hr {
+ border-top: 1px solid #DDDDAA;
+}
+
+.customize-content .subheader {
+ background-color: #EEEECC;
+ border-bottom: 1px solid #999966;
+}
+
+.customize-content .subheader.on {
+ background-color: #EEEECC;
+}
+
+.customize-nav {
+ background-color: #EEEECC;
+}
+
+.customize-nav li a, .customize-nav li li {
+ border-right: 1px solid #999966;
+}
+
+.customize-nav li.on a, .customize-nav li.on ul {
+ border: 1px solid #999966;
+ border-right: none;
+ border-top: none;
+}
+
+.customize-nav li.on {
+ border-top: 1px solid #999966;
+}
+
+.moodtheme-preview, .appwidget-linkslist .tips-box {
+ background-color: #EEEECC;
+ border: 1px solid #999966;
+}
+
+.theme-current-links {
+ border-bottom: 1px solid #999966;
+ border-right: 1px solid #999966;
+}
+
+.theme-nav li a:visited, .customize-nav li a:visited {
+ color: #777711;
+ font-weight: bold;
+}
+
+/* inbox */
+
+#esn_folder_all {
+ background-color: #EEEECC !important;
+}
+
+/* lj_settings.css */
+
+.section_head, table.alternating-rows th, div.username {
+ background-color: #D9D9D3;
+ color: #333;
+ border: none;
+ border-bottom: 1px solid #999966;
+}
+
+/* comm_promo.css */
+
+div.CommunityPromoBox {
+ border: 1px solid #DDDDAA;
+}
+
+/* settings.css */
+
+#settings_save {
+ background: #EEEECC;
+}
+
+#settings_nav li a {
+ background: #DDDDAA;
+ border: 1px solid #999966;
+ border-bottom: none;
+}
+
+#settings_nav li a:hover, #settings_nav li a.active {
+ background: #EEEECC;
+}
+
+#settings_nav_title p {
+ background: #EEEECC;
+ border-left: 1px solid #999966;
+}
+
+/* cprod.css */
+
+.cprod.h3 {
+ background: #DDDDAA;
+
+}
+
+.cprod content {
+ border: 1px solid #999966;
+}
+
+
+/* allpics styling */
+
+table.allpics {
+ margin-left: 50px;
+}
+
+.allpics td {
+ vertical-align: bottom;
+}
+
+.allpics 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;
+}
diff -r 2ab6f96c844b -r ab4f6e106dfb htdocs/stc/gradation/gradation-vertical.css
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/htdocs/stc/gradation/gradation-vertical.css Sun Mar 29 04:55:54 2009 +0000
@@ -0,0 +1,659 @@
+/** 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;
+ }
+H1 { font-size: 175%; }
+H2 { font-size: 150%; }
+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: 32em;
+ 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;
+}
+
+.username {
+ border-bottom: 1px solid #888888 !important;
+ border-top: 1px solid #888888 !important;
+ background-color: #666666 !important;
+}
+
+
+/**
+ * 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 #primary .panel h2 {
+ height: 2em;
+ line-height: 2em;
+}
+#content #primary .panel p {
+ clear: both;
+}
+#content #secondary .panel h3 {
+ height: 30px;
+ line-height: 30px;
+}
+/**
+ * Panels have different styles for different content layouts
+ */
+.layout-wide-right-sidebar #primary .panel .sidebar {
+ float: left;
+ width: 30%;
+}
+.layout-wide-right-sidebar #primary .panel .contents {
+ float: left;
+ padding-top: 6px;
+ padding-left: 14px;
+ border-left: 1px solid #ccc;
+ width: 70%;
+ line-height: 1.8;
+}
+.layout-wide-right-sidebar #secondary .panel .contents {
+ margin: 0.5em 0;
+ line-height: 1.8;
+}
+/**
+ * Panels have unique IDs for CSS hooks
+ */
+#panel-quick-update .sidebar p {
+ height: 3em;
+ line-height: 3em;
+}
+#panel-quick-update .contents label {
+ display: block;
+ width: 100%;
+ color: #555;
+ font-weight: bold;
+}
+#panel-quick-update .contents input,
+#panel-quick-update .contents textarea {
+ width: 95%;
+}
+#panel-quick-update .contents textarea {
+ height: 120px;
+}
+/* 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
+ * /
+
+/* editpics.css */
+#uploadBox {
+ background-color: #666666;
+ border: 1px solid #333333;
+ 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: #666666;
+ border: 1px solid #888888;
+}
+
+/* widgets/customizetheme.css, themechooser.css, themenav.css,
+currenttheme.css */
+
+.theme-current h2.widget-header, .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 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: #666666;
+}
+
+.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;
+}
+
+/* inbox */
+
+#esn_folder_all {
+ background-color: #666666 !important;
+}
+
+/* lj_settings.css */
+
+.section_head, table.alternating-rows th, div.username {
+ background-color: #666666;
+ color: #eee;
+ border: none;
+ border-bottom: 1px solid #888888;
+}
+
+/* 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;
+}
+
+/* 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 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;
+}
--------------------------------------------------------------------------------