mark: A photo of Mark kneeling on top of the Taal Volcano in the Philippines. It was a long hike. (Default)
Mark Smith ([staff profile] mark) wrote in [site community profile] changelog2009-04-15 04:04 pm

[dw-nonfree] Enable alternate site schemes for choosing

[commit: http://hg.dwscoalition.org/dw-nonfree/rev/73aaa2e6906f]

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

Initial version of Tropospherical Purple site scheme.

Patch by [staff profile] denise.

Files modified:
  • cgi-bin/DW/Hooks/SiteScheme.pm
  • cgi-bin/bml/scheme/tropo-purple.look
  • htdocs/img/tropo-red/dw_logo_beta_purple.png
  • htdocs/img/tropo-red/dw_logo_purple.png
  • htdocs/stc/tropo/purple.css
--------------------------------------------------------------------------------
diff -r 6f14cfc07b49 -r 73aaa2e6906f cgi-bin/DW/Hooks/SiteScheme.pm
--- a/cgi-bin/DW/Hooks/SiteScheme.pm	Wed Apr 15 04:29:32 2009 +0000
+++ b/cgi-bin/DW/Hooks/SiteScheme.pm	Wed Apr 15 16:04:04 2009 +0000
@@ -20,6 +20,8 @@ LJ::register_hook('modify_scheme_list', 
 
     @$schemesref = (
         { scheme => "tropo-red", title => "Tropospherical Red" },
+        { scheme => "tropo-purple", title => "Tropospherical Purple" },
+        { scheme => "lynx", title => "Lynx (light mode)" },
     );
 });
 
diff -r 6f14cfc07b49 -r 73aaa2e6906f cgi-bin/bml/scheme/tropo-purple.look
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/cgi-bin/bml/scheme/tropo-purple.look	Wed Apr 15 16:04:04 2009 +0000
@@ -0,0 +1,214 @@
+# Tropospherical Site Scheme
+#
+# Authors:
+#     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 NOT free software or open-source; you can use it as an
+# example of how to implement your own site-specific extensions to the
+# Dreamwidth Studios open-source code, but you cannot use it on your site
+# or redistribute it, with or without modifications.
+#
+
+_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/tropo/reset.css" );
+        LJ::need_res( "stc/tropo/purple.css" );
+
+        # we support both old style and new style pages; only one of these will get
+        # loaded ...
+        LJ::need_res( {group=>'jquery'}, "js/tropo/nav-jquery.js" );
+        LJ::need_res( {group=>'default'}, "js/tropo/nav.js" );
+    _code?>
+    <?_code LJ::res_includes(); _code?>
+
+    %%head%%
+</head>
+<=head
+
+logo<=
+<a href="<?siteroot?>"><img src="<?imgprefix?>/tropo-red/dw_logo_beta_purple.png" alt="<?_code $LJ::SITENAMESHORT _code?>" /></a>
+<=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{'tropo.accountlinks.userpic.alt'}\" />";
+        } else {
+            $ret .= "<img src='$LJ::IMGPREFIX/nouserpic.png' width='80' alt=\"$ML{'tropo.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{'tropo.accountlinks.btn.logout'}\" />";
+        $ret .= "</form>";
+        $ret .= "<ul>";
+        $ret .= "<li><a href='$LJ::SITEROOT/update.bml'>$ML{'tropo.accountlinks.post'}</a>  &bull; </li>" unless $identity;
+        $ret .= "<li><a href='" . $remote->journal_base . "/read'>$ML{'tropo.accountlinks.readinglist'}</a> &bull; </li>";
+        $ret .= "<li><a href='$LJ::SITEROOT/inbox/'>$ML{'tropo.accountlinks.inbox'}";
+        $ret .= " ($unread)" if $unread;
+        $ret .= "</a> &bull; </li>";
+        $ret .= "<li><a href='$LJ::SITEROOT/manage/settings/'>$ML{'tropo.accountlinks.account'}</a></li> <br />";
+        $ret .= "<li><a href='$LJ::SITEROOT/manage/circle/invite.bml'>$ML{'tropo.accountlinks.invitefriend'}</a> &bull; </li>" unless $identity;
+        $ret .= "<li><a href='$LJ::SITEROOT/support/'>$ML{'tropo.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{'tropo.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{'tropo.accountlinks.login.openid'}</a></td></tr>";
+        $ret .= "<tr><td><label for='login_password'>$ML{'tropo.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{'tropo.accountlinks.login.forgotpassword'}</a></td></tr>";
+        $ret .= "<tr><td>&nbsp;</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{'tropo.accountlinks.login.rememberme'}</label></td>";
+        $ret .= "<td>" . LJ::html_submit( login => $ML{'tropo.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 tropo.footer.legal.privacypolicy _ml?></a> &bull; </li>
+    <li><a href="<?siteroot?>/legal/tos.bml"><?_ml tropo.footer.legal.tos _ml?></a> &bull; </li>
+    <li><a href="<?siteroot?>/legal/diversity.bml"><?_ml tropo.footer.legal.diversitystatement _ml?></a> &bull; </li>
+    <li><a href="<?siteroot?>/legal/principles.bml"><?_ml tropo.footer.legal.guidingprinciples _ml?></a> &bull; </li>
+    <li><a href="<?siteroot?>/site/"><?_ml tropo.footer.sitemap _ml?></a></li>
+</ul>
+<p><?_ml tropo.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?>
+                    <?_code return LJ::Widget::Search->render; _code?>
+                </div>
+                <div id="footer">
+                    <?footer?>
+                </div>
+            </div>
+        </div>
+        <?_code LJ::final_body_html(); _code?>
+
+<?_code
+    # this is hardcoded to the production site because we don't want development/staging
+    # environments using our Google Analytics ID.  (it probably wouldn't hurt anything,
+    # but no sense in tempting fate...)
+    if ( BML::get_hostname() eq "www.dreamwidth.org" ) {
+        return qq{
+<script type="text/javascript">
+var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
+document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
+</script>
+<script type="text/javascript">
+var pageTracker = _gat._getTracker("UA-4595135-1");
+pageTracker._initData();
+pageTracker._trackPageview();
+</script>
+        };
+    }
+    return "";
+_code?>
+        <div id="shim-alpha"> </div>
+    </body>
+</html>
+<=page
diff -r 6f14cfc07b49 -r 73aaa2e6906f htdocs/img/tropo-red/dw_logo_beta_purple.png
Binary file htdocs/img/tropo-red/dw_logo_beta_purple.png has changed
diff -r 6f14cfc07b49 -r 73aaa2e6906f htdocs/img/tropo-red/dw_logo_purple.png
Binary file htdocs/img/tropo-red/dw_logo_purple.png has changed
diff -r 6f14cfc07b49 -r 73aaa2e6906f htdocs/stc/tropo/purple.css
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/htdocs/stc/tropo/purple.css	Wed Apr 15 16:04:04 2009 +0000
@@ -0,0 +1,682 @@
+/** Tropospherical Purple CSS
+ *
+ * Original Authors:
+ *     Janine Costanzo <janine@netrophic.com>
+ *     Jesse Proulx <jproulx@jproulx.net>
+ *     Elizabeth Lubowitz <grrliz@gmail.com>
+ *     Denise Paolucci <denise@dreamwidth.org>
+ * 
+ * Purple Scheme by Rue Silver <pseudelight@gmail.com>
+ *
+ * Copyright (c) 2009 by Dreamwidth Studios, LLC.
+ *
+ * This program is NOT free software or open-source; you can use it as an
+ * example of how to implement your own site-specific extensions to the
+ * Dreamwidth Studios open-source code, but you cannot use it on your site
+ * or redistribute it, with or without modifications.
+ *
+ */
+
+/**
+ * Dreamwidth Site Scheme
+ *
+ * Standard layout for Dreamwidth
+ *
+ * Mockups designed by grrliz, hence grrliz.css
+ *
+ * @project         Dreamwidth Site Design
+ * @author          Jesse Proulx
+ * @date            2009-01-07
+ * @version         Alpha
+ * @revision        $Revision$
+ * @copyright       Copyright (c) 2009 by Dreamwidth Studios, LLC
+ *
+ * @colordef        #26bbb6 Turquoise (body background)
+ * @colordef        #444444 Dark Gray (copy)
+ */
+body {
+    background-color: #3A155A;
+    font: 100%/1 Verdana, Helvetica, Arial, sans-serif;
+    color: #444;
+}
+/**
+ * Links and a pseudo link class
+ */
+a:link,
+a:visited,
+.link {
+    color: #3A155A;
+    text-decoration: underline;
+}
+a:hover,
+a:active,
+.link:hover {
+    color: #5E3DA6;
+}
+/**
+ * Default browser font size is 16px, we want 12px. All width/height measurements
+ * are now calculated using the element's font-size in pixels.
+ *
+ * For example, a 30px wide box with a font-size of 12px = 30/12 = 2.5em
+ */
+#canvas {
+    font-size: 0.75em;
+    line-height: 1.5;
+    margin: 2em 0 2em 0;
+    background-color: #f7f7f7;
+    width: 100%;
+}
+#page {
+    width: 80em;
+    margin: 0 auto;
+    position: relative;
+    z-index: 1;
+}
+/**
+ * Masthead is the space for our logo and account links
+ */
+ 
+#masthead {
+    height: 8.833333em;
+    width: 100%;
+    position: relative;
+}
+#masthead #logo {
+    display: block;
+    position: absolute;
+    top: 2.25em;
+    left: 0;
+}
+
+#account-links {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding-right: 1em;
+    text-align: right;
+}
+#account-links ul li {
+    float: left;
+    margin: 0 0.5em;
+}
+#account-links #login-table {
+    margin-top: 1em;
+}
+#account-links #login-table td {
+    padding: 3px;
+    text-align: right;
+}
+#account-links #login-table td.input-cell,
+#account-links #login-table td.remember-me-cell {
+    text-align: left;
+}
+#account-links #login-table td.input-cell a {
+    font-size: 0.8em;
+}
+#account-links-text {
+    float: right;
+    padding-right: 1em;
+    padding-top: 2em;
+}
+#account-links-text .ljuser {
+    font-size: 1.5em;
+}
+#account-links-text .ljuser img {
+    vertical-align: middle !important;
+}
+#account-links-userpic {
+    float: right;
+}
+#account-links-userpic img {
+    margin-top: 10px;
+}
+/**
+ * Menu navigation
+ *
+ * The menu follows the content in the markup source, so we absolutely position it underneath the masthead
+ */
+ 
+#menu {
+    position: absolute;
+    top: 8.833333em;
+    left: 0;
+    background: #F3D2FC; 
+    height: 2.5em;
+    width: 100%;
+    line-height: 2.5em;
+    clear: both;
+}
+#menu ul li {
+    float: left;
+    position: relative;
+    display: block;
+    height: 100%;
+    width: 0;
+}
+#menu ul > li {
+    width: auto;
+}
+#menu ul li a {
+    background: transparent url(http://s.dreamwidth.org/img/tropo-red/icon_menu_swirl.png) 0.833333em 0.916667em no-repeat;
+    display: block;
+    color: #444;
+    text-decoration: none;
+    text-indent: 2em;
+    padding-right: 0.75em;
+}
+/* .hover is a class added by js for the currently hovered/focused menu */
+#menu ul li.hover a {
+    height: 100%;
+    background-color: #5E3DA6;
+    color: #fff;
+    width: 100%;
+}
+#menu ul li.hover a:hover {
+    background-color: #3A155A;
+    cursor: pointer;
+}
+#menu ul li ul {
+    display: none;
+}
+#menu ul li.hover ul {
+    display: block;
+    position: absolute;
+    top: 2.5em;
+    left: 0;
+    width: 16em;
+    background-color: #5E3DA6;
+}
+#menu ul li ul li {
+    float: none;
+    width: 100%;
+}
+#menu ul li ul li a {
+    text-align: left;
+    display: block;
+    width: 100%;
+}
+#menu .appwidget-search {
+    text-align: right;
+    line-height: 2.1em;
+    padding-right: 0.833333em;
+    position: static;
+}
+#menu .appwidget-search input#search {
+    width: 15.5em;
+}
+/**
+ * Footer
+ */
+#footer {
+    width: 100%;
+    height: 4.166667em;
+    background: #F3D2FC;
+    clear: both;
+}
+#footer ul {
+    overflow: hidden;
+}
+#footer ul li {
+    float: left;
+    margin-right: 0.8em;
+}
+/**
+ * #content houses the page-specific innards, and creates margins for the absolutely
+ * positioned masthead and footer
+ */
+#content {
+    margin-top: 4.6em;
+    margin-bottom: 2.75em;
+    overflow: hidden;
+}
+#content h1 {
+    font: bold 2em/1.5 Arial, sans-serif;
+    color: #3A155A;
+    margin: 0;
+    padding: 0;
+}
+#content h2 {
+    font: 1.5em/1.5 Arial, sans-serif;
+    color: #3A155A;
+    margin: 0;
+    padding: 0;
+}
+#content p {
+    margin-bottom: 1em;
+}
+#content p.note {
+    font-style: italic;
+    font-size: 0.8em;
+}
+#content ul.bullet-list {
+    list-style: disc outside;
+    margin-left: 2em;
+    margin-bottom: 1em;
+}
+/**
+ * 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.
+ */
+
+/* full page (default) */
+#primary,
+#secondary {
+    width: 100%;
+    margin-bottom: 2em;
+}
+/* 2 column wide right sidebar */
+.layout-wide-right-sidebar #primary {
+    width: 53.333333em;
+    margin-right: 1.25em;
+    float: left;
+    padding: 0;
+}
+.layout-wide-right-sidebar #secondary {
+    float: right;
+    width: 25.416667em;
+    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 {
+    color: #3A155A;
+    height: 2em;
+    line-height: 2em;
+    border-bottom: 1px solid #ccc;
+    font: bold 1.5em/2 Arial, sans-serif;
+}
+#content #primary .panel p {
+    clear: both;
+}
+#content #secondary .panel h3 {
+    color: #3A155A;
+    height: 30px;
+    line-height: 30px;
+    border-bottom: 1px solid #ccc;
+    font: bold 1.166667em/2.142857 Arial, sans-serif;
+}
+/**
+ * Panels have different styles for different content layouts
+ */
+.layout-wide-right-sidebar #primary .panel .sidebar {
+    float: left;
+    width: 12.5em;
+}
+.layout-wide-right-sidebar #primary .panel .contents {
+    float: left;
+    padding-top: 6px;
+    padding-left: 14px;
+    border-left: 1px solid #F3D2FC;
+    width: 39.583333em;
+    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: #3A155A;
+    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;
+}
+
+/**
+ * Scheme-specific blocks
+ */
+#shim-alpha {
+    font-size: 0.75em;
+    position: absolute;
+    top: 2em;
+    left: 0;
+    height: 7.833333em;
+    width: 100%;
+    background: #fff;
+    border-top: 0.5em solid #F3D2FC;
+    border-bottom: 0.5em solid #5E3DA6;
+}
+
+#updateinsobject {
+    z-index: 5;
+}
+
+/**
+ * Form field styles
+ */
+.dw-field-default {
+    color: #333;
+    font-style: italic;
+}
+.standout {
+    text-align: center;
+}
+.standout .standout-inner {
+    background-color: #5E3DA6;
+    color: #444;
+    border: 1px solid #3A155A;
+    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 {
+    color: #000;
+}
+
+/** 
+ * Start overriding some classes set in dw-free/htdocs/stc/
+ * Other site scheme designers: use your own colors here
+ * /
+
+/* editpics.css */
+#uploadBox {
+    background-color: #d3afec;
+    border: 1px solid #7e27c1;
+    margin: 0 20px 0 0;
+}
+
+/* profile.css */
+
+.section, .username, .actions li {
+    background-color: #F3D2FC;
+    border-bottom: 1px dotted #666;
+    border-left: 1px dotted #666;
+    color: #3A155A;
+} 
+
+.section img, .username img {
+    padding-left: 3px;
+}
+
+/* customize.css */
+
+.theme-current {
+    background-color: #d3afec;
+    border: 1px solid #7e27c1;
+}
+
+/* widgets/customizetheme.css, themechooser.css, themenav.css, 
+currenttheme.css */
+
+.theme-current h2.widget-header, .layout-item.current {
+    background-color: #d3afec;
+    border: 1px solid #7e27c1;
+}
+
+h2.widget-header, .theme-item.current, .theme-item img.theme-preview, .theme-item .theme-icons {
+    border: 1px solid #7e27c1;
+}
+
+.theme-item .theme-button-disabled, .layout-item .layout-button-disabled {
+    background: #5E3DA6;
+}
+
+.theme-item {
+    overflow-x: visible;
+    overflow-y: visible;
+}
+
+.customize-button, .theme-item .theme-button, .layout-item 
+.layout-button {
+    background: #5E3DA6;
+    border: 2px solid #541e1a;
+    border-top: 2px solid #5E3DA6;
+    border-left: 2px solid #5E3DA6;
+}
+
+
+.theme-nav-content, .customize-content {
+    border: 1px solid #7e27c1;
+    border-left: none;
+}
+
+.theme-selector-nav {
+    background-color: #d3afec;
+}
+
+.theme-nav li a, .theme-nav-small li {
+    border-right: 1px solid #7e27c1;
+}
+
+.theme-nav li.on a {
+    border: 1px solid #7e27c1;
+    border-right: none;
+}
+
+.theme-nav-separator {
+    border-right: 1px solid #7e27c1;
+}
+
+.theme-nav-separator hr {
+    border-top: 1px solid #5E3DA6;
+}
+
+.customize-content .subheader {
+    background-color: #d3afec;
+    border-bottom: 1px solid #7e27c1;
+}
+
+.customize-content .subheader.on {
+    background-color: #d3afec;
+}
+
+.customize-nav {
+    background-color: #d3afec;
+}
+
+.customize-nav li a, .customize-nav li li  {
+    border-right: 1px solid #7e27c1;
+}
+
+.customize-nav li.on a, .customize-nav li.on ul {
+    border: 1px solid #7e27c1;
+    border-right: none;
+    border-top: none;
+}
+
+.customize-nav li.on {
+    border-top: 1px solid #7e27c1;
+}
+
+.moodtheme-preview, .appwidget-linkslist .tips-box {
+    background-color: #d3afec;
+    border: 1px solid #7e27c1;
+}
+
+.theme-current-links {
+    border-bottom: 1px solid #7e27c1;
+    border-right: 1px solid #7e27c1;
+}
+
+.theme-nav li a:visited, .customize-nav li a:visited {
+    color: #7e27c1;
+    font-weight: bold;
+}
+
+/* inbox */
+
+#esn_folder_all {
+    background-color: #d3afec !important;
+}
+
+/* lj_settings.css */
+
+.section_head, table.alternating-rows th, div.username {
+    background-color: #F3D2FC;
+    color: #333;
+    border: none;
+    border-bottom: 1px solid #7e27c1;
+}
+
+/* comm_promo.css */
+
+div.CommunityPromoBox {
+    border: 1px solid #5E3DA6;
+}
+
+/* settings.css */
+
+#settings_save {
+    background: #d3afec;
+}
+
+#settings_nav li a {
+    background: #5E3DA6;
+    border: 1px solid #7e27c1;
+    border-bottom: none;
+}
+
+#settings_nav li a:hover, #settings_nav li a.active {
+    background: #d3afec;
+}
+
+#settings_nav_title p {
+    background: #d3afec;
+    border-left: 1px solid #7e27c1;
+}
+
+/* cprod.css */
+
+.cprod.h3 {
+    background: #5E3DA6;
+    
+}
+
+.cprod content {
+    border: 1px solid #c1271c;
+}
+
+
+/* allpics styling */
+
+table.allpics {
+    margin-left: 50px;
+}
+
+.allpics td {
+    vertical-align: bottom;
+}
+
+.allpics .pic img {
+    margin-right: 1em;
+    margin-top: 15px;
+}
+
+.allpics blank {
+    width: 50px;
+}
+
+
+/* editfilters styling */
+
+table.editfilters td {
+    padding: 5px;
+}
+
+
+/* FAQ */
+
+.faqlist {
+    list-style: disc outside;
+    margin-bottom: 2em;
+}
+
+/* Inbox - Compose */
+
+.inbox-compose {
+    width: 100%;
+}
+
+.inbox-compose td {
+    vertical-align: top;
+}
+
+
+/* manage/invitecodes.bml */
+
+.invitecodes td {
+    padding: 5px;
+}
+
+
+/* create flow */
+
+.create-form td {
+    padding: 5px;
+}
+
+.appwidget-createaccount .create-button {
+    color: #444;
+    background-color: #5E3DA6;
+}
+
+.appwidget-createaccountprogressmeter .step-block-active {
+    color: #fff;
+    background-color: #3A155A;
+}
+
+.appwidget-createaccountprogressmeter .step-block-inactive {
+    color: #fff;
+    background-color: #5E3DA6;
+}
+
+.appwidget-createaccountprogressmeter .step-selected {
+    color: #3A155A;
+}
+
+.appwidget-createaccountprogressmeter .step-previous {
+    color: #5E3DA6;
+}
+
+.appwidget-createaccountprogressmeter .step-next {
+    color: #666;
+}
+
+.appwidget-createaccountprofile .header {
+    color: #3A155A;
+}
+
+.appwidget-createaccountprofile .field-name {
+    background-color: #F3D2FC;
+}
--------------------------------------------------------------------------------

Post a comment in response:

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

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