![[site community profile]](https://www.dreamwidth.org/img/comm_staff.png){kind=small}
[dw-nonfree] split out tropo css better
[commit: http://hg.dwscoalition.org/dw-nonfree/rev/5979e9cb416d]
http://bugs.dwscoalition.org/show_bug.cgi?id=2549
Split up the tropospherical stylesheets into positioning/spacing, etc (used
by both tropo-red and -purple) and individual colors.
Patch by![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
ninetydegrees.
Files modified:
http://bugs.dwscoalition.org/show_bug.cgi?id=2549
Split up the tropospherical stylesheets into positioning/spacing, etc (used
by both tropo-red and -purple) and individual colors.
Patch by
ninetydegrees.Files modified:
- cgi-bin/bml/scheme/tropo-purple.look
- cgi-bin/bml/scheme/tropo-red.look
- htdocs/stc/tropo/purple.css
- htdocs/stc/tropo/red.css
- htdocs/stc/tropo/tropo-base.css
- htdocs/stc/tropo/tropo-purple.css
- htdocs/stc/tropo/tropo-red.css
--------------------------------------------------------------------------------
diff -r 1060f11d6b7e -r 5979e9cb416d cgi-bin/bml/scheme/tropo-purple.look
--- a/cgi-bin/bml/scheme/tropo-purple.look Thu Apr 29 00:53:14 2010 -0700
+++ b/cgi-bin/bml/scheme/tropo-purple.look Thu Apr 29 01:01:58 2010 -0700
@@ -41,7 +41,8 @@ head<=
<?_code
LJ::need_res( "stc/lj_base-app.css" );
LJ::need_res( "stc/tropo/reset.css" );
- LJ::need_res( "stc/tropo/purple.css" );
+ LJ::need_res( "stc/tropo/tropo-base.css" );
+ LJ::need_res( "stc/tropo/tropo-purple.css" );
# we support both old style and new style pages; only one of these will get
# loaded ...
diff -r 1060f11d6b7e -r 5979e9cb416d cgi-bin/bml/scheme/tropo-red.look
--- a/cgi-bin/bml/scheme/tropo-red.look Thu Apr 29 00:53:14 2010 -0700
+++ b/cgi-bin/bml/scheme/tropo-red.look Thu Apr 29 01:01:58 2010 -0700
@@ -41,7 +41,8 @@ head<=
<?_code
LJ::need_res( "stc/lj_base-app.css" );
LJ::need_res( "stc/tropo/reset.css" );
- LJ::need_res( "stc/tropo/red.css" );
+ LJ::need_res( "stc/tropo/tropo-base.css" );
+ LJ::need_res( "stc/tropo/tropo-red.css" );
# we support both old style and new style pages; only one of these will get
# loaded ...
diff -r 1060f11d6b7e -r 5979e9cb416d htdocs/stc/tropo/purple.css
--- a/htdocs/stc/tropo/purple.css Thu Apr 29 00:53:14 2010 -0700
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,1273 +0,0 @@
-/** Tropospherical Purple CSS
- *
- * Original Authors:
- * Janine Smith <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 #f7f7f7 Almost White (body background)
- * @colordef #111111 Almost Black (copy)
- */
-body {
- background-color: #3a155a;
- font: 100%/1 Verdana, Helvetica, Arial, sans-serif;
- color: #111;
-}
-/**
- * Links and a pseudo link class
- */
-a:link,
-a:visited,
-.link {
- color: #3a155a;
-}
-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: 92%;
- padding: 0 4%;
-}
-#page {
- max-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(/img/tropo-red/icon_menu_swirl_dropdown.png) 0.833333em 0.916667em no-repeat;
- display: block;
- color: #111;
- 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: auto;
-}
-#menu ul li.hover a:hover {
- background-color: #3a155a;
- color: #fff;
- cursor: pointer;
-}
-#menu ul li ul {
- display: none;
-}
-#menu ul li.hover ul {
- display: block;
- position: absolute;
- top: 2.5em;
- left: 0;
- width: 18em;
- 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: 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 .panel .sidebar,
-#content .panel .contents,
-#content .panel .item,
-#content .panel .actions {
- border-color: #ccc;
-}
-#content #primary .panel h2 {
- color: #3a155a;
- line-height: 2em;
- border-style: none;
- border-bottom: 1px solid #ccc;
- font: bold 1.5em/2 Arial, sans-serif;
-}
-#content #primary .panel p {
- clear: both;
-}
-#content #secondary .panel h2 {
- color: #3a155a;
- line-height: 30px;
- border-style: none;
- border-bottom: 1px solid #ccc;
- font: bold 1.166667em/2.142857 Arial, sans-serif;
-}
-#content .panel .sidebar ul {
- list-style: none;
- margin-left: 0;
-}
-#content .panel ul {
- list-style: circle;
- margin-left: 2em;
-}
-/**
- * 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;
-}
-
-/**
- * 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 {
- margin-top: 0.5em;
- margin-left: auto;
- margin-right: auto;
-}
-.standout .standout-inner, .standout-colors {
- background-color: #8356E6;
- color: #fff;
- border: 1px solid #3a155a;
-}
-.standout .standout-inner td {
- padding: 0.5em;
-}
-
-.standout-inner a:hover, .standout-inner a:active, .standout-inner a:hover {
- color: #fff;
-}
-
-.standout a:visited, .standout a:link {
- color: #1D1333;
-}
-
-/* update.bml */
-#draft {
- font-size: medium;
-}
-
-/**
- * Start overriding some classes set in dw-free/htdocs/stc/
- * Other site scheme designers: use your own colors here
- * /
-
-/* editicons.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;
-}
-
-/* more, detailed by page*/
-/*customizetheme.css*/
-.customize-button {
- color: #fff;
- background: #d3afec;
- border: 2px solid #f3d2fc;
- border-bottom: 2px solid #7e27c1;
- border-right: 2px solid #7e27c1;
-}
-.customize-inner-wrapper {
- background: url("/img/tropo-purple/troppurp-borderpixel.gif") repeat-y scroll 134px 50%;
-}
-.customize-content .subheader {
- background-image: url("/img/tropo-purple/troppurp-arrow-right.gif");
- background-position: left center;
- background-repeat: no-repeat;
- border-bottom: 1px solid #F3D2FC;
-}
-.customize-content .subheader.on {
- background-image: url("/img/tropo-purple/troppurp-arrow-down.gif");
- background-position: left center ;
- background-repeat: no-repeat;
-}
-.customize-content fieldset legend {
- color: #777;
-}
-.customize-content h3 {
- color: #777;
-}
-.customize-nav li.on a,
-.customize-nav li.on ul {
- background: #fff;
-}
-.customize-nav li.on a {
- /*background: #fff url("/img/tropo-purple/troppurp-arrow-right.gif") no-repeat right 50%;*/
- border-right: 1px solid #FFFFFF;
-}
-.customize-nav li.on li a {
- background: #fff;
- border-right: 1px solid #FFFFFF;
-}
-.customize-nav li.on li {
- border-right: 1px solid #fff;
-}
-.customize-nav li a:visited {
- color: #7e27c1;
-}
-
-/*themenav.css*/
-.theme-nav-inner-wrapper {
- background: url("/img/tropo-purple/troppurp-borderpixel.gif") repeat-y scroll 134px 50%;
-}
-.theme-selector-nav {
- background-color: #d3afec;
-}
-.theme-nav li.on a {
- /*background: url("/img/tropo-purple/troppurp-arrow-right.gif") no-repeat right 50%;*/
- background-color: #fff ;
-}
-.theme-nav li a:visited,
-.theme-nav-small a:visited {
- color: #7e27c1;
-}
-.theme-nav-separator {
- border-right: 1px solid #F3D2FC;
-}
-.theme-nav-separator hr {
- border-top: 1px solid #F3D2FC;
-}
-
-/*currentheme.css*/
-.theme-current h2.widget-header {
- background-image: none;
-}
-.theme-current-content h3 {
- color: #000;
-}
-.theme-current-image {
- border: 1px solid #fff;
-}
-.theme-current-links {
- background-color: #fff;
- border-right: 1px solid #d3afec;
- border-bottom: 1px solid #d3afec;
- padding: 3px 5px; color: #777;
-}
-.theme-current ul li {
- background: url("/img/customize/arrow.gif") no-repeat 0 5px;
-}
-
-/*themechooser*/
-.theme-selector-content h3 {
- color: #777;
-}
-.theme-item.current {
- border: 1px solid #d3afec;
- background-color: #F3D2FC;
-}
-.theme-item img.theme-preview {
- border: 1px solid #F3D2FC;
-}
-.theme-item.special h4,
-.theme-item.special .theme-desc {
- background-color: #ffc;
-}
-.theme-item .theme-button {
- color: #fff;
- background: #d3afec;
- border: 2px solid #F3D2FC;
- border-bottom: 2px solid #7e27c1;
- border-right: 2px solid #7e27c1;
-}
-.theme-item .theme-button-disabled {
- background: #88CD73;
-}
-.theme-item .theme-icons {
- border: 1px solid #F3D2FC;
- background-color: #fff;
-}
-.theme-item.upgrade h4,
-.theme-item.upgrade .theme-desc {
- color: #777;
-}
-.theme-time,
-.theme-upgrade-icon {
- color: #333 !important;
-}
-.theme-upgrade-icon:hover .theme-upgrade-level,
-.theme-time:hover span.theme-availability {
- background-color: #fff;
-}
-.theme-paging a:visited {
- color: #7e27c1;
-}
-
-/* inbox */
-
-.folders a.active {
- font-weight: bold;
- background-color: #d3afec;
- border: 1px solid #bbb;
-}
-
-/* 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 {
- color: #fff;
- 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;
-}
-
-.allpics td.desc {
-padding-right: 10px;
-}
-
-
-/* editfilters styling */
-
-table.editfilters td {
- padding: 5px;
-}
-
-
-/* FAQ */
-
-.faqlist {
- list-style: disc outside;
- margin-bottom: 2em;
-}
-
-
-/* Support Highscores */
-
-table#support-highscores {
- line-height: 2.2;
-}
-
-
-/* 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: #111;
- background-color: #f3d2fc;
-}
-
-.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;
-}
-
-
-/* shop pages */
-
-.shopbox, .appwidget-shopitemgroupdisplay,
-.shop-account-status, .shop-error, .shop-cart-status,
-.shop-cart td, .shop-cart th, .shop-item-highlight {
- border: 1px solid #3a155a;
-}
-
-/* Comments */
-.cmtbar-odd {
- border-bottom: 1px solid #7e27c1;
- border-right: 1px solid #7e27c1;
- background-color: #c0c0c0;
- min-width: 50em;
-}
-
-.cmtbar-even {
- border-bottom: 1px solid #d3afec;
- border-right: 1px solid #d3afec;
- background-color: #e2e2e2;
- min-width: 50em;
-}
-
-#Comments {
- overflow: auto;
- max-width: 80em;
-}
-
-/* Profile */
-.username {
- border-bottom: 1px solid #c7e0f6;
- background-color: #ecf6ff;
-}
-
-/* lj_base-app.css */
-hr.hr {
- color: #7e27c1;
- background-color: #7e27c1;
-}
-
-input.create-account {
- color: #fff;
- background: #d3afec;
- border: 2px solid #F3D2FC;
- border-bottom: 2px solid #7e27c1;
- border-right: 2px solid #7e27c1;
-}
-input.text,
-textarea.text,
-select.select {
- background: #fff url("/img/input-bg.gif") repeat-x 0 -1px;
- border: 1px solid #bbb;
- border-top: 1px solid #999;
- border-left: 1px solid #999;
-}
-.detail {
- color: #111;
-}
-h2.widget-header {
- border-bottom: 1px solid #ccc;
-}
-
-table.alternating-rows th {
- border-top: 1px solid #7e27c1;
- border-bottom: 1px solid #7e27c1;
- background-color: #F3D2FC;
-}
-table.alternating-rows tr.altrow1 {
- background-color: #fff;
-}
-table.alternating-rows tr.altrow2 {
- background-color: #eee;
-}
-table.alternating-rows td {
- border-bottom: 1px solid #ccc;
-}
-
-.appwidget .more-link {
- color: #7e27c1 !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 #7e27c1;
-}
-.standout-background {
- background-color: #d3afec;
-}
-
-div.right-sidebar {
- color: #000000;
- background-color: #d3afec;
- border: 1px solid #7e27c1;
-}
-.textbutton {
- color: #7e27c1;
-}
-/*NOTE: corner.gif is white*/
-h2.solid-neutral {
- background: #ededed url("/img/corner.gif") no-repeat 0 0;
- color: #222;
-}
-h2.solid-blue { /*which is now solid pink*/
- background: #d3afec url("/img/corner.gif") no-repeat 0 0;
- color: #222;
-}
-.solid-neutral {
- background: #ededed;
-}
-input.bright {
- background-color: #d3afec;
- border: 1px solid #7e27c1;
- 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: #eee;
-}
-
-.Subscribe tr.altrow {
- background-color: #f1f1f1;
-}
-
-.Subscribe tr.Inactive a {
- color: #aaa;
-}
-.Subscribe td p {
- color: #666;
- background: #fff;
-}
-
-.CategoryRow td {
- border-bottom: 1px solid #ddd;
-}
-
-#Subscriptions tr.lighter {
- background-color: #F3D2FC;
-}
-#Subscriptions tr.darker {
- background-color: #d3afec;
-}
-#SubscribeSaveButtons {
- border: 1px solid #333;
- }
-
-.NotificationTable tr.Selected {
- background-color: #d3afec;
-}
-
-.NotificationTable tr.Selected td {
- border-top: 1px solid #ccc;
-}
-
-.NotificationTable td {
- border-top: 1px solid #ddd;
-}
-.NotificationTable .inbox {
- border-top: 1px solid #ddd;
-}
-
-.inbox .header {
- background: #ddd;
-}
-
-.InboxItem_Read {
- color: #888;
-}
-span.InboxItem_Read:hover {
- color: #000;
-}
-span.InboxItem_Read a {
- color: #999 !important;
-}
-span.InboxItem_Read:hover a {
- color: inherit !important;
-}
-
-.inbox .alt {
- background: #f6f6f6;
-}
-.inbox td.NoItems {
- color: #ddd;
-}
-.inbox td.time {
- color: #555;
-}
-
-.folders a {
- color: #000;
- border: 1px solid #fff;
-}
-.folders a:visited, .folders a:link {
- color: #000;
-}
-.folders a:hover {
- border: 1px solid #bbb;
- background-color: #eee;
-}
-
-.ippu {
- color: #000000
-}
-.ippu .track_title {
- color: #d3afec;
-}
-
-/* entry.css */
-a#lj_userpicselect {
- color: #7e27c1;
-}
-#lj_userpicselect_img {
- border: 1px solid #fff;
-}
-#lj_userpicselect_img:hover {
- border: 1px solid #7e27c1;
-}
-#lj_userpicselect_img_txt {
- color: #7e27c1 !important;
-}
-#userpic_preview_image.userpic_loggedout {
- border: 1px solid #7e27c1;
-}
-.userpic_preview_border {
- border: 1px solid #ccc;
-}
-#infobox {
- border-left: 1px solid #000;
-}
-#compose-entry {
- /*background: url("/img/tropo-purple/troppurp-borderpixel.gif") repeat-x 0 bottom;*/
- border-bottom: 1px solid #bbb;
-}
-#compose-entry ul li a {
- background-color: #fff;
- border: 1px solid #d3afec;
- border-bottom: none;
-}
-#compose-entry ul li.on a {
- border-bottom: 1px solid #fff;
-}
-#draft-container {
- border: 1px solid #bbb;
- border-top: none;
-}
-#draftstatus {
- background-color: #fff;
-}
-#spellcheck-results {
- border: 1px solid #d3afec;
- background-color: #fff; /*was ffffdd; seemed odd and clashy, changed to fff*/
-}
-#htmltools {
- border-right: 1px solid #bbb;
- border-left: 1px solid #bbb;
- background: #fff;
-}
-#htmltools ul {
- border-bottom: 1px solid #8D8D8D;
-}
-#options, #public {
- border: 1px solid #bbb;
- background-color: #eee;
-}
-#public {
- color:#666;
-}
-#submitbar {
- background-color: #ddd;
- border: 1px solid #aaa;
-}
-
-/* contextualhover.css */
-div.ContextualPopup div.Inner {
- background-color: #fff !important;
- color: #000 !important;
- border: 1px solid #7e27c1;
- }
-div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
- color: #7e27c1 !important;
- }
-
-/* profile.css */
-.tooltip {
- border-bottom: 1px dotted #000;
-}
-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: #666;
- }
-.details_stats .account_level {
- color: #000;
- }
-.section span.section_link {
- color: #000;
- }
-.section_body .inner_section_header {
- color: #111;
- }
-.section_body_title {
- color: #111;
-}
-.userinfo th {
- color: #111;
-}
-
-/* tags.css */
-#selected_tags
-{
- color: #777;
-}
-.tagsort
-{
- /*border-top: 1px solid #cdcdcd;*/
-}
-.tagfield {
- color: #777;
- border: 1px solid #CCC;
-}
-.tagfield:focus
-{
- color: #000;
- border: 1px solid #999;
-}
-.tagfield_error
-{
- border: 1px solid red;
- background-color: #ecd7d7;
-}
-.proptbl .t
-{
- color: #777;
- background-color: #fbfbfb;
- border-right: 1px solid #cdcdcd;
-}
-.proptbl .r
-{
- color: #777;
- background-color: #fbfbfb;
- border-right: 1px solid #cdcdcd;
-}
-.proptbl .rv
-{
- background-color: #eee;
-}
-.edittbl .l, .lsep
-{
- border-right: 1px solid #777;
-}
-.edittbl .sep
-{
- border-top: 1px solid #777;
-}
-.curtags
-{
- color: #777;
-}
-.tagbox_nohist
-{
- background-color: #eee;
-}
-
-/* Adult warning interstitals */
-
-div.adult_warning {
- background-color: #f3d2fc;
- border: 1px solid #5e3da6;
- padding: 0 10px;
-}
-
-/* CSS-style some things that users like to use */
-
-q {
- margin-left: 1em;
- font-style: italic;
-}
-
-small {
- font-size: smaller;
-}
-
-big {
- font-size: larger;
-}
-
-/* For the manage/banusers page */
-
-.userslist-table tr.odd {
- background-color: #f3d2fc;
-}
-
-.userslist-table tr.even {
- background-color: #f7f7f7;
-}
diff -r 1060f11d6b7e -r 5979e9cb416d htdocs/stc/tropo/red.css
--- a/htdocs/stc/tropo/red.css Thu Apr 29 00:53:14 2010 -0700
+++ /dev/null Thu Jan 01 00:00:00 1970 +0000
@@ -1,1270 +0,0 @@
-/** Tropospherical CSS
- *
- * Authors:
- * Janine Smith <janine@netrophic.com>
- * Jesse Proulx <jproulx@jproulx.net>
- * Elizabeth Lubowitz <grrliz@gmail.com>
- * Denise Paolucci <denise@dreamwidth.org>
- *
- * 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 #f7f7f7 Almost White (body background)
- * @colordef #111111 Almost Black (copy)
- */
-body {
- background-color: #c1272d;
- font: 100%/1 Verdana, Helvetica, Arial, sans-serif;
- color: #111;
-}
-/**
- * Links and a pseudo link class
- */
-a:link,
-a:visited,
-.link {
- color: #c1272d;
-}
-a:hover,
-a:active,
-.link:hover {
- color: #f4717a;
-}
-/**
- * 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: 92%;
- padding: 0 4%;
-}
-#page {
- max-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: #ddd url(/img/tropo-red/bg_menu_gradient.png) repeat-x;
- 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(/img/tropo-red/icon_menu_swirl.png) 0.833333em 0.916667em no-repeat;
- display: block;
- color: #111;
- 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: #f4717a url(/img/tropo-red/icon_menu_swirl_dropdown.png) 0.833333em 0.916667em no-repeat;
- color: #fff;
- width: auto;
-}
-#menu ul li.hover a:hover {
- background-color: #c1272d;
- cursor: pointer;
-}
-#menu ul li ul {
- display: none;
-}
-#menu ul li.hover ul {
- display: block;
- position: absolute;
- top: 2.5em;
- left: 0;
- width: 18em;
- background-color: #f4717a;
-}
-#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: #ddd url(/img/tropo-red/bg_footer_gradient.png) repeat-x;
- clear: both;
- padding: 0.45em 0 0 0.63em;
-}
-#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: #c1272d;
- margin: 0;
- padding: 0;
-}
-#content h2 {
- font: 1.5em/1.5 Arial, sans-serif;
- color: #c1272d;
- 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: 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 .panel .sidebar,
-#content .panel .contents,
-#content .panel .item,
-#content .panel .actions {
- border-color: #ccc;
-}
-#content #primary .panel h2 {
- color: #c1272d;
- line-height: 2em;
- border-style: none;
- border-bottom: 1px solid #ccc;
- font: bold 1.5em/2 Arial, sans-serif;
-}
-#content #primary .panel p {
- clear: both;
-}
-#content #secondary .panel h2 {
- color: #c1272d;
- line-height: 30px;
- border-style: none;
- border-bottom: 1px solid #ccc;
- font: bold 1.166667em/2.142857 Arial, sans-serif;
-}
-#content .panel .sidebar ul {
- list-style: none;
- margin-left: 0;
-}
-#content .panel ul {
- list-style: circle;
- margin-left: 2em;
-}
-/**
- * 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;
-}
-
-/**
- * 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 #e3e3e3;
- border-bottom: 0.5em solid #f4717a;
-}
-
-#updateinsobject {
- z-index: 5;
-}
-
-/**
- * Form field styles
- */
-.dw-field-default {
- color: #333;
- 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: #ffafb6;
- color: #111;
- border: 1px solid #c1272d;
-}
-.standout .standout-inner td {
- padding: 0.5em;
-}
-
-.standout-inner a:hover, .standout-inner a:active, .standout-inner a:hover {
- color: #000;
-}
-
-/* update.bml */
-#draft {
- font-size: medium;
-}
-
-/**
- * Start overriding some classes set in dw-free/htdocs/stc/
- * Other site scheme designers: use your own colors here
- * /
-
-/* editicons.css */
-#uploadBox {
- background-color: #ffd8d8;
- border: 1px solid #c1272c;
- margin: 0 20px 0 0;
-}
-
-/* profile.css */
-
-.section, .username, .actions li {
- background-color: #f7f7f7;
- border-bottom: 1px dotted #666;
- border-left: 1px dotted #666;
- color: #c1272d;
-}
-
-.section img, .username img {
- padding-left: 3px;
-}
-
-/* customize.css */
-h2.widget-header {
- background: #ededed url(/img/tropo-red/corner.gif) no-repeat 0 0;
- color: #222;
-}
-.theme-current {
- background-color: #ffd8d8;
- border: 1px solid #c1272c;
-}
-
-/* widgets/customizetheme.css, themechooser.css, themenav.css,
-currenttheme.css */
-
-.theme-current h2.widget-header, .layout-item.current {
- background-color: #ffd8d8;
- border: 1px solid #c1272c;
-}
-
-h2.widget-header, .theme-item.current, .theme-item img.theme-preview, .theme-item .theme-icons {
- border: 1px solid #c1272c;
-}
-
-.theme-item .theme-button-disabled, .layout-item .layout-button-disabled {
- background: #f4717a;
-}
-
-.theme-item {
- overflow-x: visible;
- overflow-y: visible;
-}
-
-.customize-button, .theme-item .theme-button, .layout-item
-.layout-button {
- background: #f4717a;
- border: 2px solid #541e1a;
- border-top: 2px solid #f4717a;
- border-left: 2px solid #f4717a;
-}
-
-
-.theme-nav-content, .customize-content {
- border: 1px solid #c1272c;
- border-left: none;
-}
-
-.theme-selector-nav {
- background-color: #ffd8d8;
-}
-
-.theme-nav li a, .theme-nav-small li {
- border-right: 1px solid #c1272c;
-}
-
-.theme-nav li.on a {
- border: 1px solid #c1272c;
- border-right: none;
-}
-
-.theme-nav-separator {
- border-right: 1px solid #c1272c;
-}
-
-.theme-nav-separator hr {
- border-top: 1px solid #f4717a;
-}
-
-.customize-content .subheader {
- background-color: #ffd8d8;
- border-bottom: 1px solid #c1272c;
-}
-
-.customize-content .subheader.on {
- background-color: #ffd8d8;
-}
-
-.customize-nav {
- background-color: #ffd8d8;
-}
-
-.customize-nav li a, .customize-nav li li {
- border-right: 1px solid #c1272c;
-}
-
-.customize-nav li.on a, .customize-nav li.on ul {
- border: 1px solid #c1272c;
- border-right: none;
- border-top: none;
-}
-
-.customize-nav li.on {
- border-top: 1px solid #c1272c;
-}
-
-.moodtheme-preview, .appwidget-linkslist .tips-box {
- background-color: #ffd8d8;
- border: 1px solid #c1272c;
-}
-
-.theme-current-links {
- border-bottom: 1px solid #c1272c;
- border-right: 1px solid #c1272c;
-}
-
-.theme-nav li a:visited, .customize-nav li a:visited {
- color: #c1272c;
- font-weight: bold;
-}
-
-/* more, detailed by page*/
-/*customizetheme.css*/
-.customize-button {
- color: #fff;
- background: #f4717a;
- border: 2px solid #f6828b;
- border-bottom: 2px solid #c1272d;
- border-right: 2px solid #c1272d;
-}
-.customize-inner-wrapper {
- background: url("/img/tropo-red/tropred-borderpixel.gif") repeat-y scroll 134px 50%;
-}
-.customize-content .subheader {
- background-image: url("/img/tropo-red/tropred-arrow-right.gif");
- background-position: left center;
- background-repeat: no-repeat;
- border-bottom: 1px solid #ffd8d8;
-}
-.customize-content .subheader.on {
- background-image: url("/img/tropo-red/tropred-arrow-down.gif");
- background-position: left center ;
- background-repeat: no-repeat;
-}
-.customize-content fieldset legend {
- color: #777;
-}
-.customize-content h3 {
- color: #777;
-}
-.customize-nav li.on a,
-.customize-nav li.on ul {
- background: #fff;
-}
-.customize-nav li.on a {
- /*background: #fff url("/img/tropo-red/tropred-arrow-right.gif") no-repeat right 50%;*/
- border-right: 1px solid #FFFFFF;
-}
-.customize-nav li.on li a {
- background: #fff;
- border-right: 1px solid #FFFFFF;
-}
-.customize-nav li.on li {
- border-right: 1px solid #fff;
-}
-.customize-nav li a:visited {
- color: #c1272c;
-}
-
-/*themenav.css*/
-.theme-nav-inner-wrapper {
- background: url("/img/tropo-red/tropred-borderpixel.gif") repeat-y scroll 134px 50%;
-}
-.theme-selector-nav {
- background-color: #ffd8d8;
-}
-.theme-nav li.on a {
- /*background: url("/img/tropo-red/tropred-arrow-right.gif") no-repeat right 50%;*/
- background-color: #fff ;
-}
-.theme-nav li a:visited,
-.theme-nav-small a:visited {
- color: #c1272c;
-}
-.theme-nav-separator {
- border-right: 1px solid #ffd8d8;
-}
-.theme-nav-separator hr {
- border-top: 1px solid #ffd8d8;
-}
-
-/*currentheme.css*/
-.theme-current h2.widget-header {
- background-color: #ffd8d8;
- background-image: none;
-}
-.theme-current-content h3 {
- color: #000;
-}
-.theme-current-image {
- border: 1px solid #fff;
-}
-.theme-current-links {
- background-color: #fff;
- border-right: 1px solid #f4717a;
- border-bottom: 1px solid #f4717a;
- padding: 3px 5px; color: #777;
-}
-.theme-current ul li {
- background: url("/img/customize/arrow.gif") no-repeat 0 5px;
-}
-
-/*themechooser*/
-.theme-selector-content h3 {
- color: #777;
-}
-.theme-item.current {
- border: 1px solid #f4717a;
- background-color: #ffd8d8;
-}
-.theme-item img.theme-preview {
- border: 1px solid #ffd8d8;
-}
-.theme-item.special h4,
-.theme-item.special .theme-desc {
- background-color: #ffc;
-}
-.theme-item .theme-button {
- color: #fff;
- background: #f4717a;
- border: 2px solid #f6828b;
- border-bottom: 2px solid #c1272d;
- border-right: 2px solid #c1272d;
-}
-.theme-item .theme-button-disabled {
- background: #88CD73;
-}
-.theme-item .theme-icons {
- border: 1px solid #ffd8d8;
- background-color: #fff;
-}
-.theme-item.upgrade h4,
-.theme-item.upgrade .theme-desc {
- color: #777;
-}
-.theme-time,
-.theme-upgrade-icon {
- color: #333 !important;
-}
-.theme-upgrade-icon:hover .theme-upgrade-level,
-.theme-time:hover span.theme-availability {
- background-color: #fff;
-}
-.theme-paging a:visited {
- color: #c1272c;
-}
-
-/* inbox */
-
-.folders a.active {
- font-weight: bold;
- background-color: #ffd8d8;
- border: 1px solid #bbb;
-}
-
-/* lj_settings.css */
-
-.section_head, table.alternating-rows th, div.username {
- background-color: #d1ced2;
- color: #333;
- border: none;
- border-bottom: 1px solid #c1272c;
-}
-.cat_head {
- background-color: #ddd;
-}
-.field_name {
- color: #333;
- background-color: #eee;
-}
-.field_desc {
- color: #505050;
-}
-.view_options {
- color: #333;
-}
-
-/* comm_promo.css */
-
-div.CommunityPromoBox {
- border: 1px solid #f4717a;
-}
-
-/* settings.css */
-
-#settings_save {
- background: #ffd8d8;
-}
-
-#settings_nav li a {
- background: #f4717a;
- border: 1px solid #c1272c;
- border-bottom: none;
-}
-
-#settings_nav li a:hover, #settings_nav li a.active {
- background: #ffd8d8;
-}
-
-#settings_nav_title p {
- background: #ffd8d8;
- border-left: 1px solid #c1272c;
-}
-
-/* cprod.css */
-
-.cprod.h3 {
- background: #f4717a;
-
-}
-
-.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;
-}
-
-.allpics td.desc {
-padding-right: 10px;
-}
-
-/* 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;
-}
-
-
-/* Support Highscores */
-
-table#support-highscores {
- line-height: 2.2;
-}
-
-
-/* manage/invitecodes.bml */
-
-.invitecodes td {
- padding: 5px;
-}
-
-
-/* create flow */
-
-.create-form td {
- padding: 5px;
-}
-
-.appwidget-createaccount .create-button {
- color: #111;
- background-color: #f4717a;
-}
-
-.appwidget-createaccountprogressmeter .step-block-active {
- color: #fff;
- background-color: #c1272d;
-}
-
-.appwidget-createaccountprogressmeter .step-block-inactive {
- color: #fff;
- background-color: #f4717a;
-}
-
-.appwidget-createaccountprogressmeter .step-selected {
- color: #c1272d;
-}
-
-.appwidget-createaccountprogressmeter .step-previous {
- color: #f4717a;
-}
-
-.appwidget-createaccountprogressmeter .step-next {
- color: #666;
-}
-
-.appwidget-createaccountprofile .header {
- color: #c1272d;
-}
-
-.appwidget-createaccountprofile .field-name {
- background-color: #e0e0e0;
-}
-
-/* Comments */
-.cmtbar-odd {
- border-bottom: 1px solid #c1272c;
- border-right: 1px solid #c1272c;
- background-color: #c0c0c0;
- min-width: 50em;
-}
-
-.cmtbar-even {
- border-bottom: 1px solid #f4717a;
- border-right: 1px solid #f4717a;
- background-color: #e2e2e2;
- min-width: 50em;
-}
-
-#Comments {
- overflow: auto;
- max-width: 80em;
-}
-
-/* Profile */
-.username {
- border-bottom: 1px solid #c7e0f6;
- background-color: #ecf6ff;
-}
-
-/* lj_base-app.css */
-hr.hr {
- color: #c1272d;
- background-color: #c1272d;
-}
-
-input.create-account {
- color: #fff;
- background: #f4717a;
- border: 2px solid #f6828b;
- border-bottom: 2px solid #c1272d;
- border-right: 2px solid #c1272d;
-}
-input.text,
-textarea.text,
-select.select {
- background: #fff url("/img/input-bg.gif") repeat-x 0 -1px;
- border: 1px solid #bbb;
- border-top: 1px solid #999;
- border-left: 1px solid #999;
-}
-.detail {
- color: #111;
-}
-h2.widget-header {
- border-bottom: 1px solid #ccc;
-}
-
-table.alternating-rows th {
- border-top: 1px solid #c1272d;
- border-bottom: 1px solid #c1272d;
- background-color: #ffd8d8;
-}
-table.alternating-rows tr.altrow1 {
- background-color: #fff;
-}
-table.alternating-rows tr.altrow2 {
- background-color: #eee;
-}
-table.alternating-rows td {
- border-bottom: 1px solid #ccc;
-}
-
-.appwidget .more-link {
- color: #c1272d !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 #c1272d;
-}
-.standout-background {
- background-color: #f4717a;
-}
-
-div.right-sidebar {
- color: #000000;
- background-color: #f4717a;
- border: 1px solid #c1272d;
-}
-.textbutton {
- color: #c1272c;
-}
-/*NOTE: tropo-red/corner.gif is #f7f7f7*/
-h2.solid-neutral {
- background: #ededed url("/img/tropo-red/corner.gif") no-repeat 0 0;
- color: #222;
-}
-h2.solid-blue { /*which is now solid pink*/
- background: #f4717a url("/img/tropo-red/corner.gif") no-repeat 0 0;
- color: #222;
-}
-.solid-neutral {
- background: #ededed;
-}
-input.bright {
- background-color: #f4717a;
- border: 1px solid #c1272c;
- 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: #eee;
-}
-
-.Subscribe tr.altrow {
- background-color: #f1f1f1;
-}
-
-.Subscribe tr.Inactive a {
- color: #aaa;
-}
-.Subscribe td p {
- color: #666;
- background: #fff;
-}
-
-.CategoryRow td {
- border-bottom: 1px solid #ddd;
-}
-
-#Subscriptions tr.lighter {
- background-color: #ffd8d8;
-}
-#Subscriptions tr.darker {
- background-color: #f4717a;
-}
-#SubscribeSaveButtons {
- border: 1px solid #333;
- }
-
-.NotificationTable tr.Selected {
- background-color: #f4717a;
-}
-
-.NotificationTable tr.Selected td {
- border-top: 1px solid #ccc;
-}
-
-.NotificationTable td {
- border-top: 1px solid #ddd;
-}
-.NotificationTable .inbox {
- border-top: 1px solid #ddd;
-}
-
-.inbox .header {
- background: #ddd;
-}
-
-.InboxItem_Read {
- color: #888;
-}
-span.InboxItem_Read:hover {
- color: #000;
-}
-span.InboxItem_Read a {
- color: #999 !important;
-}
-span.InboxItem_Read:hover a {
- color: inherit !important;
-}
-
-.inbox .alt {
- background: #f6f6f6;
-}
-.inbox td.NoItems {
- color: #ddd;
-}
-.inbox td.time {
- color: #555;
-}
-
-.folders a {
- color: #000;
- border: 1px solid #fff;
-}
-.folders a:visited, .folders a:link {
- color: #000;
-}
-.folders a:hover {
- border: 1px solid #bbb;
- background-color: #eee;
-}
-
-.ippu {
- color: #000000
-}
-.ippu .track_title {
- color: #f4717a;
-}
-
-/* entry.css */
-a#lj_userpicselect {
- color: #c1272c;
-}
-#lj_userpicselect_img {
- border: 1px solid #fff;
-}
-#lj_userpicselect_img:hover {
- border: 1px solid #c1272c;
-}
-#lj_userpicselect_img_txt {
- color: #c1272c !important;
-}
-#userpic_preview_image.userpic_loggedout {
- border: 1px solid #c1272c;
-}
-.userpic_preview_border {
- border: 1px solid #ccc;
-}
-#infobox {
- border-left: 1px solid #000;
-}
-#compose-entry {
- /*background: url("/img/tropo-red/tropred-borderpixel.gif") repeat-x 0 bottom;*/
- border-bottom: 1px solid #bbb;
-}
-#compose-entry ul li a {
- background-color: #fff;
- border: 1px solid #f4717a;
- border-bottom: none;
-}
-#compose-entry ul li.on a {
- border-bottom: 1px solid #fff;
-}
-#draft-container {
- border: 1px solid #bbb;
- border-top: none;
-}
-#draftstatus {
- background-color: #fff;
-}
-#spellcheck-results {
- border: 1px solid #f4717a;
- background-color: #fff; /*was ffffdd; seemed odd and clashy, changed to fff*/
-}
-#htmltools {
- border-right: 1px solid #bbb;
- border-left: 1px solid #bbb;
- background: #fff;
-}
-#htmltools ul {
- border-bottom: 1px solid #8D8D8D;
-}
-#options, #public {
- border: 1px solid #bbb;
- background-color: #eee;
-}
-#public {
- color:#666;
-}
-#submitbar {
- background-color: #ddd;
- border: 1px solid #aaa;
-}
-
-/* contextualhover.css */
-div.ContextualPopup div.Inner {
- background-color: #fff !important;
- color: #000 !important;
- border: 1px solid #c1272c;
- }
-div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
- color: #c1272c !important;
- }
-
-/* profile.css */
-.tooltip {
- border-bottom: 1px dotted #000;
-}
-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: #666;
- }
-.details_stats .account_level {
- color: #000;
- }
-.section span.section_link {
- color: #000;
- }
-.section_body .inner_section_header {
- color: #111;
- }
-.section_body_title {
- color: #111;
-}
-.userinfo th {
- color: #111;
-}
-
-/* tags.css */
-#selected_tags
-{
- color: #777;
-}
-.tagsort
-{
- /*border-top: 1px solid #cdcdcd;*/
-}
-.tagfield {
- color: #777;
- border: 1px solid #CCC;
-}
-.tagfield:focus
-{
- color: #000;
- border: 1px solid #999;
-}
-.tagfield_error
-{
- border: 1px solid red;
- background-color: #ecd7d7;
-}
-.proptbl .t
-{
- color: #777;
- background-color: #fbfbfb;
- border-right: 1px solid #cdcdcd;
-}
-.proptbl .r
-{
- color: #777;
- background-color: #fbfbfb;
- border-right: 1px solid #cdcdcd;
-}
-.proptbl .rv
-{
- background-color: #eee;
-}
-.edittbl .l, .lsep
-{
- border-right: 1px solid #777;
-}
-.edittbl .sep
-{
- border-top: 1px solid #777;
-}
-.curtags
-{
- color: #777;
-}
-.tagbox_nohist
-{
- background-color: #eee;
-}
-
-/* Adult warning interstitals */
-
-div.adult_warning {
- background-color: #ffd8d8;
- border: 1px solid #c1272d;
- padding: 0 10px;
-}
-
-/* CSS-style some things that users like to use */
-
-q {
- margin-left: 1em;
- font-style: italic;
-}
-
-small {
- font-size: smaller;
-}
-
-big {
- font-size: larger;
-}
-
-/* For the manage/banusers page */
-
-.userslist-table tr.odd {
- background-color: #efefef;
-}
-
-.userslist-table tr.even {
- background-color: #ffffff;
-}
diff -r 1060f11d6b7e -r 5979e9cb416d htdocs/stc/tropo/tropo-base.css
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/htdocs/stc/tropo/tropo-base.css Thu Apr 29 01:01:58 2010 -0700
@@ -0,0 +1,521 @@
+/** Tropospherical CSS
+ *
+ * Authors:
+ * Janine Smith <janine@netrophic.com>
+ * Jesse Proulx <jproulx@jproulx.net>
+ * Elizabeth Lubowitz <grrliz@gmail.com>
+ * Denise Paolucci <denise@dreamwidth.org>
+ *
+ * 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
+ */
+
+body {
+ font: 100%/1 Verdana, Helvetica, Arial, sans-serif;
+}
+
+/**
+ * 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: .75em;
+ line-height: 1.5;
+ margin: 2em 0 2em 0;
+ width: 92%;
+ padding: 0 4%;
+}
+#page {
+ max-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 .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: .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;
+ 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 {
+ display: block;
+ text-decoration: none;
+ text-indent: 2em;
+ padding-right: .75em;
+}
+
+/* .hover is a class added by js for the currently hovered/focused menu */
+#menu ul li.hover a {
+ height: 100%;
+ width: auto;
+}
+#menu ul li.hover a:hover {
+ cursor: pointer;
+}
+#menu ul li ul {
+ display: none;
+}
+#menu ul li.hover ul {
+ display: block;
+ position: absolute;
+ top: 2.5em;
+ left: 0;
+ width: 18em;
+}
+#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: .833333em;
+ position: static;
+}
+#menu .appwidget-search input#search {
+ width: 15.5em;
+}
+
+/**
+ * Footer
+ */
+
+#footer {
+ width: 100%;
+ height: 4.166667em;
+ clear: both;
+ padding: .45em 0 0 .63em;
+}
+#footer ul {
+ overflow: hidden;
+}
+#footer ul li {
+ float: left;
+ margin-right: .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;
+ margin: 0;
+ padding: 0;
+}
+#content h2 {
+ font: 1.5em/1.5 Arial, sans-serif;
+ margin: 0;
+ padding: 0;
+}
+#content p {
+ margin-bottom: 1em;
+}
+#content p.note {
+ font-style: italic;
+ font-size: .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: 65%;
+ margin-right: 1.25em;
+ float: left;
+ padding: 0;
+}
+.layout-wide-right-sidebar #secondary {
+ float: right;
+ width: 30%;
+ margin: 0;
+ padding: 0;
+ padding-top: .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-style: solid;
+ margin: 0 0 .166667em 0;
+ overflow: hidden;
+}
+#content #primary .panel h2 {
+ line-height: 2em;
+ border-style: none;
+ font: bold 1.5em/2 Arial, sans-serif;
+}
+#content #primary .panel p {
+ clear: both;
+}
+#content #secondary .panel h2 {
+ line-height: 30px;
+ border-style: none;
+ font: bold 1.166667em/2.142857 Arial, sans-serif;
+}
+#content .panel .sidebar ul {
+ list-style: none;
+ margin-left: 0;
+}
+#content .panel ul {
+ list-style: circle;
+ margin-left: 2em;
+}
+
+/**
+ * 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;
+ 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;
+}
+
+/**
+ * Scheme-specific blocks
+ */
+
+#shim-alpha {
+ font-size: .75em;
+ position: absolute;
+ top: 2em;
+ left: 0;
+ height: 7.833333em;
+ width: 100%;
+}
+#updateinsobject {
+ z-index: 5;
+}
+
+/**
+ * Form field styles
+ */
+
+.dw-field-default {
+ font-style: italic;
+}
+.standout {
+ text-align: center;
+}
+.standout .standout-inner {
+ margin-top: .5em;
+ margin-left: auto;
+ margin-right: auto;
+}
+.standout .standout-inner td {
+ padding: 0.5em;
+}
+
+/* update.bml */
+#draft {
+ font-size: medium;
+}
+
+/**
+ * Start overriding some classes set in dw-free/htdocs/stc/
+ * Other site scheme designers: use your own colors here
+ * /
+
+/* editicons.css */
+#uploadBox {
+ margin: 0 20px 0 0;
+}
+
+/* profile.css */
+.section img, .username img {
+ padding-left: 3px;
+}
+
+/* widgets/customizetheme.css, themechooser.css, themenav.css,
+currenttheme.css */
+.theme-item {
+ overflow-x: visible;
+ overflow-y: visible;
+}
+.theme-nav li a:visited, .customize-nav li a:visited {
+ font-weight: bold;
+}
+
+/* more, detailed by page*/
+/*customizetheme.css*/
+.customize-content .subheader {
+ background-position: left center;
+ background-repeat: no-repeat;
+}
+.customize-content .subheader.on {
+ background-position: left center;
+ background-repeat: no-repeat;
+}
+
+/*currentheme.css*/
+.theme-current h2.widget-header {
+ background-image: none;
+}
+.theme-current-links {
+ padding: 3px 5px;
+}
+
+/* inbox */
+.folders a.active {
+ font-weight: bold;
+}
+
+/* lj_settings.css */
+.section_head, table.alternating-rows th, div.username {
+ border: none;
+}
+
+/* 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;
+}
+.allpics td.desc {
+padding-right: 10px;
+}
+
+/* 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;
+}
+
+/* Support Highscores */
+table#support-highscores {
+ line-height: 2.2;
+}
+
+/* manage/invitecodes.bml */
+.invitecodes td {
+ padding: 5px;
+}
+
+/* create flow */
+.create-form td {
+ padding: 5px;
+}
+
+/* Comments */
+.cmtbar-odd {
+ min-width: 50em;
+}
+.cmtbar-even {
+ min-width: 50em;
+}
+
+#Comments {
+ overflow: auto;
+ max-width: 80em;
+}
+
+/* lj_base-app.css */
+.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 */
+}
+
+/* Adult warning interstitals */
+div.adult_warning {
+ padding: 0 10px;
+}
+/* CSS-style some things that users like to use */
+q {
+ margin-left: 1em;
+ font-style: italic;
+}
+small {
+ font-size: smaller;
+}
+big {
+ font-size: larger;
+}
diff -r 1060f11d6b7e -r 5979e9cb416d htdocs/stc/tropo/tropo-purple.css
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/htdocs/stc/tropo/tropo-purple.css Thu Apr 29 01:01:58 2010 -0700
@@ -0,0 +1,837 @@
+/** Tropospherical Purple CSS
+ *
+ * Original Authors:
+ * Janine Smith <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 #f7f7f7 Almost White (body background)
+ * @colordef #111111 Almost Black (copy)
+ */
+
+body {
+ background-color: #3a155a;
+ color: #111;
+}
+
+/**
+ * Links and a pseudo link class
+ */
+
+a:link,
+a:visited,
+.link {
+ color: #3a155a;
+}
+a:hover,
+a:active,
+.link:hover {
+ color: #5e3da6;
+}
+#canvas {
+ background-color: #f7f7f7;
+}
+
+/**
+ * Menu navigation
+ */
+
+#menu {
+ background: #f3d2fc;
+}
+#menu ul li a {
+ background: transparent url(/img/tropo-red/icon_menu_swirl_dropdown.png) 0.833333em 0.916667em no-repeat;
+ color: #111;
+}
+/* .hover is a class added by js for the currently hovered/focused menu */
+#menu ul li.hover a {
+ background-color: #5e3da6;
+ color: #fff;
+}
+#menu ul li.hover a:hover {
+ background-color: #3a155a;
+ color: #fff;
+}
+#menu ul li.hover ul {
+ background-color: #5e3da6;
+}
+
+/**
+ * Footer
+ */
+
+#footer {
+ background: #f3d2fc;
+}
+
+/**
+ * #content houses the page-specific innards, and creates margins for the absolutely
+ * positioned masthead and footer
+ */
+
+#content h1 {
+ color: #3a155a;
+}
+#content h2 {
+ color: #3a155a;
+}
+
+/**
+ * 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.
+ */
+
+/**
+ * Panels are generic boxes for divs inside of #content
+ */
+
+#content #primary .panel,
+#content #secondary .panel {
+ border-color: #ccc;
+}
+#content .panel .sidebar,
+#content .panel .contents,
+#content .panel .item,
+#content .panel .actions {
+ border-color: #ccc;
+}
+#content #primary .panel h2 {
+ color: #3a155a;
+ border-bottom: 1px solid #ccc;
+}
+#content #secondary .panel h2 {
+ color: #3a155a;
+ border-bottom: 1px solid #ccc;
+}
+
+/**
+ * Panels have different styles for different content layouts
+ */
+
+.layout-wide-right-sidebar #primary .panel .contents {
+ border-left: 1px solid #ccc;
+}
+
+/**
+ * Scheme-specific blocks
+ */
+
+#shim-alpha {
+ background: #fff;
+ border-top: 0.5em solid #f3d2fc;
+ border-bottom: 0.5em solid #5e3da6;
+}
+
+/**
+ * Form field styles
+ */
+
+.dw-field-default {
+ color: #333;
+}
+.standout .standout-inner, .standout-colors {
+ background-color: #8356e6;
+ color: #fff;
+ border: 1px solid #3a155a;
+}
+.standout-inner a:hover, .standout-inner a:active, .standout-inner a:hover {
+ color: #fff;
+}
+.standout a:visited, .standout a:link {
+ color: #1d1333;
+}
+
+/**
+ * Start overriding some classes set in dw-free/htdocs/stc/
+ * Other site scheme designers: use your own colors here
+ * /
+
+/* editicons.css */
+#uploadBox {
+ background-color: #d3afec;
+ border: 1px solid #7e27c1;
+}
+
+/* profile.css */
+.section, .username, .actions li {
+ background-color: #f3d2fc;
+ border-bottom: 1px dotted #666;
+ border-left: 1px dotted #666;
+ color: #3a155a;
+}
+
+/* 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;
+}
+.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;
+}
+
+/* more, detailed by page*/
+/*customizetheme.css*/
+.customize-button {
+ color: #fff;
+ background: #d3afec;
+ border: 2px solid #f3d2fc;
+ border-bottom: 2px solid #7e27c1;
+ border-right: 2px solid #7e27c1;
+}
+.customize-inner-wrapper {
+ background: url("/img/tropo-purple/troppurp-borderpixel.gif") repeat-y scroll 134px 50%;
+}
+.customize-content .subheader {
+ background-image: url("/img/tropo-purple/troppurp-arrow-right.gif");
+ border-bottom: 1px solid #f3d2fc;
+}
+.customize-content .subheader.on {
+ background-image: url("/img/tropo-purple/troppurp-arrow-down.gif");
+}
+.customize-content fieldset legend {
+ color: #777;
+}
+.customize-content h3 {
+ color: #777;
+}
+.customize-nav li.on a,
+.customize-nav li.on ul {
+ background: #fff;
+}
+.customize-nav li.on a {
+ /*background: #fff url("/img/tropo-purple/troppurp-arrow-right.gif") no-repeat right 50%;*/
+ border-right: 1px solid #fff;
+}
+.customize-nav li.on li a {
+ background: #fff;
+ border-right: 1px solid #fff;
+}
+.customize-nav li.on li {
+ border-right: 1px solid #fff;
+}
+.customize-nav li a:visited {
+ color: #7e27c1;
+}
+
+/*themenav.css*/
+.theme-nav-inner-wrapper {
+ background: url("/img/tropo-purple/troppurp-borderpixel.gif") repeat-y scroll 134px 50%;
+}
+.theme-selector-nav {
+ background-color: #d3afec;
+}
+.theme-nav li.on a {
+ /*background: url("/img/tropo-purple/troppurp-arrow-right.gif") no-repeat right 50%;*/
+ background-color: #fff ;
+}
+.theme-nav li a:visited,
+.theme-nav-small a:visited {
+ color: #7e27c1;
+}
+.theme-nav-separator {
+ border-right: 1px solid #f3d2fc;
+}
+.theme-nav-separator hr {
+ border-top: 1px solid #f3d2fc;
+}
+
+/*currentheme.css*/
+.theme-current h2.widget-header {
+ background-image: none;
+}
+.theme-current-content h3 {
+ color: #000;
+}
+.theme-current-image {
+ border: 1px solid #fff;
+}
+.theme-current-links {
+ background-color: #fff;
+ border-right: 1px solid #d3afec;
+ border-bottom: 1px solid #d3afec;
+ color: #777;
+}
+.theme-current ul li {
+ background: url("/img/customize/arrow.gif") no-repeat 0 5px;
+}
+
+/*themechooser*/
+.theme-selector-content h3 {
+ color: #777;
+}
+.theme-item.current {
+ border: 1px solid #d3afec;
+ background-color: #f3d2fc;
+}
+.theme-item img.theme-preview {
+ border: 1px solid #f3d2fc;
+}
+.theme-item.special h4,
+.theme-item.special .theme-desc {
+ background-color: #ffc;
+}
+.theme-item .theme-button {
+ color: #fff;
+ background: #d3afec;
+ border: 2px solid #f3d2fc;
+ border-bottom: 2px solid #7e27c1;
+ border-right: 2px solid #7e27c1;
+}
+.theme-item .theme-button-disabled {
+ background: #88CD73;
+}
+.theme-item .theme-icons {
+ border: 1px solid #f3d2fc;
+ background-color: #fff;
+}
+.theme-item.upgrade h4,
+.theme-item.upgrade .theme-desc {
+ color: #777;
+}
+.theme-time,
+.theme-upgrade-icon {
+ color: #333 !important;
+}
+.theme-upgrade-icon:hover .theme-upgrade-level,
+.theme-time:hover span.theme-availability {
+ background-color: #fff;
+}
+.theme-paging a:visited {
+ color: #7e27c1;
+}
+
+/* Inbox */
+.folders a.active {
+ background-color: #d3afec;
+ border: 1px solid #bbb;
+}
+
+/* lj_settings.css */
+.section_head, table.alternating-rows th, div.username {
+ background-color: #f3d2fc;
+ color: #333;
+ border-bottom: 1px solid #7e27c1;
+}
+
+/* comm_promo.css */
+div.CommunityPromoBox {
+ border: 1px solid #5e3da6;
+}
+
+/* settings.css */
+#settings_save {
+ background: #d3afec;
+}
+#settings_nav li a {
+ color: #fff;
+ 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;
+}
+
+/* create flow */
+.appwidget-createaccount .create-button {
+ color: #111;
+ background-color: #f3d2fc;
+}
+.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;
+}
+
+/* Shop pages */
+
+.shopbox, .appwidget-shopitemgroupdisplay,
+.shop-account-status, .shop-error, .shop-cart-status,
+.shop-cart td, .shop-cart th, .shop-item-highlight {
+ border: 1px solid #3a155a;
+}
+
+/* Comments */
+.cmtbar-odd {
+ border-bottom: 1px solid #7e27c1;
+ border-right: 1px solid #7e27c1;
+ background-color: #c0c0c0;
+}
+.cmtbar-even {
+ border-bottom: 1px solid #d3afec;
+ border-right: 1px solid #d3afec;
+ background-color: #e2e2e2;
+}
+
+/* Profile */
+.username {
+ border-bottom: 1px solid #c7e0f6;
+ background-color: #ecf6ff;
+}
+
+/* lj_base-app.css */
+hr.hr {
+ color: #7e27c1;
+ background-color: #7e27c1;
+}
+input.create-account {
+ color: #fff;
+ background: #d3afec;
+ border: 2px solid #f3d2fc;
+ border-bottom: 2px solid #7e27c1;
+ border-right: 2px solid #7e27c1;
+}
+input.text,
+textarea.text,
+select.select {
+ background: #fff url("/img/input-bg.gif") repeat-x 0 -1px;
+ border: 1px solid #bbb;
+ border-top: 1px solid #999;
+ border-left: 1px solid #999;
+}
+.detail {
+ color: #111;
+}
+h2.widget-header {
+ border-bottom: 1px solid #ccc;
+}
+table.alternating-rows th {
+ border-top: 1px solid #7e27c1;
+ border-bottom: 1px solid #7e27c1;
+ background-color: #f3d2fc;
+}
+table.alternating-rows tr.altrow1 {
+ background-color: #fff;
+}
+table.alternating-rows tr.altrow2 {
+ background-color: #eee;
+}
+table.alternating-rows td {
+ border-bottom: 1px solid #ccc;
+}
+.appwidget .more-link {
+ color: #7e27c1 !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 #7e27c1;
+}
+.standout-background {
+ background-color: #d3afec;
+}
+div.right-sidebar {
+ color: #000000;
+ background-color: #d3afec;
+ border: 1px solid #7e27c1;
+}
+.textbutton {
+ color: #7e27c1;
+}
+/*NOTE: corner.gif is white*/
+h2.solid-neutral {
+ background: #ededed url("/img/corner.gif") no-repeat 0 0;
+ color: #222;
+}
+h2.solid-blue { /*which is now solid pink*/
+ background: #d3afec url("/img/corner.gif") no-repeat 0 0;
+ color: #222;
+}
+.solid-neutral {
+ background: #ededed;
+}
+input.bright {
+ background-color: #d3afec;
+ border: 1px solid #7e27c1;
+ color: #fff;
+}
+.helper {
+ color: #666;
+}
+
+/* esn.css */
+.Subscribe tr.Inactive {
+ color: #aaa;
+}
+.Subscribe tr.Disabled {
+ background-color: #eee;
+}
+.Subscribe tr.altrow {
+ background-color: #f1f1f1;
+}
+.Subscribe tr.Inactive a {
+ color: #aaa;
+}
+.Subscribe td p {
+ color: #666;
+ background: #fff;
+}
+.CategoryRow td {
+ border-bottom: 1px solid #ddd;
+}
+#Subscriptions tr.lighter {
+ background-color: #F3D2FC;
+}
+#Subscriptions tr.darker {
+ background-color: #d3afec;
+}
+#SubscribeSaveButtons {
+ border: 1px solid #333;
+}
+.NotificationTable tr.Selected {
+ background-color: #d3afec;
+}
+.NotificationTable tr.Selected td {
+ border-top: 1px solid #ccc;
+}
+.NotificationTable td {
+ border-top: 1px solid #ddd;
+}
+.NotificationTable .inbox {
+ border-top: 1px solid #ddd;
+}
+.inbox .header {
+ background: #ddd;
+}
+.InboxItem_Read {
+ color: #888;
+}
+span.InboxItem_Read:hover {
+ color: #000;
+}
+span.InboxItem_Read a {
+ color: #999 !important;
+}
+span.InboxItem_Read:hover a {
+ color: inherit !important;
+}
+.inbox .alt {
+ background: #f6f6f6;
+}
+.inbox td.NoItems {
+ color: #ddd;
+}
+.inbox td.time {
+ color: #555;
+}
+.folders a {
+ color: #000;
+ border: 1px solid #fff;
+}
+.folders a:visited, .folders a:link {
+ color: #000;
+}
+.folders a:hover {
+ border: 1px solid #bbb;
+ background-color: #eee;
+}
+.ippu {
+ color: #000;
+}
+.ippu .track_title {
+ color: #d3afec;
+}
+
+/* entry.css */
+a#lj_userpicselect {
+ color: #7e27c1;
+}
+#lj_userpicselect_img {
+ border: 1px solid #fff;
+}
+#lj_userpicselect_img:hover {
+ border: 1px solid #7e27c1;
+}
+#lj_userpicselect_img_txt {
+ color: #7e27c1 !important;
+}
+#userpic_preview_image.userpic_loggedout {
+ border: 1px solid #7e27c1;
+}
+.userpic_preview_border {
+ border: 1px solid #ccc;
+}
+#infobox {
+ border-left: 1px solid #000;
+}
+#compose-entry {
+ /*background: url("/img/tropo-purple/troppurp-borderpixel.gif") repeat-x 0 bottom;*/
+ border-bottom: 1px solid #bbb;
+}
+#compose-entry ul li a {
+ background-color: #fff;
+ border: 1px solid #d3afec;
+ border-bottom: none;
+}
+#compose-entry ul li.on a {
+ border-bottom: 1px solid #fff;
+}
+#draft-container {
+ border: 1px solid #bbb;
+ border-top: none;
+}
+#draftstatus {
+ background-color: #fff;
+}
+#spellcheck-results {
+ border: 1px solid #d3afec;
+ background-color: #fff; /*was ffffdd; seemed odd and clashy, changed to fff*/
+}
+#htmltools {
+ border-right: 1px solid #bbb;
+ border-left: 1px solid #bbb;
+ background: #fff;
+}
+#htmltools ul {
+ border-bottom: 1px solid #8d8d8d;
+}
+#options, #public {
+ border: 1px solid #bbb;
+ background-color: #eee;
+}
+#public {
+ color:#666;
+}
+#submitbar {
+ background-color: #ddd;
+ border: 1px solid #aaa;
+}
+
+/* contextualhover.css */
+div.ContextualPopup div.Inner {
+ background-color: #fff !important;
+ color: #000 !important;
+ border: 1px solid #7e27c1;
+}
+div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
+ color: #7e27c1 !important;
+}
+
+/* profile.css */
+.tooltip {
+ border-bottom: 1px dotted #000;
+}
+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: #666;
+}
+.details_stats .account_level {
+ color: #000;
+}
+.section span.section_link {
+ color: #000;
+}
+.section_body .inner_section_header {
+ color: #111;
+}
+.section_body_title {
+ color: #111;
+}
+.userinfo th {
+ color: #111;
+}
+
+/* tags.css */
+#selected_tags {
+ color: #777;
+}
+.tagsort {
+ /*border-top: 1px solid #cdcdcd;*/
+}
+.tagfield {
+ color: #777;
+ border: 1px solid #ccc;
+}
+.tagfield:focus {
+ color: #000;
+ border: 1px solid #999;
+}
+.tagfield_error {
+ border: 1px solid red;
+ background-color: #ecd7d7;
+}
+.proptbl .t {
+ color: #777;
+ background-color: #fbfbfb;
+ border-right: 1px solid #cdcdcd;
+}
+.proptbl .r {
+ color: #777;
+ background-color: #fbfbfb;
+ border-right: 1px solid #cdcdcd;
+}
+.proptbl .rv {
+ background-color: #eee;
+}
+.edittbl .l, .lsep {
+ border-right: 1px solid #777;
+}
+.edittbl .sep {
+ border-top: 1px solid #777;
+}
+.curtags {
+ color: #777;
+}
+.tagbox_nohist {
+ background-color: #eee;
+}
+
+/* Adult warning interstitals */
+div.adult_warning {
+ background-color: #f3d2fc;
+ border: 1px solid #5e3da6;
+}
+
+/* For the manage/banusers page */
+.userslist-table tr.odd {
+ background-color: #f3d2fc;
+}
+.userslist-table tr.even {
+ background-color: #f7f7f7;
+}
diff -r 1060f11d6b7e -r 5979e9cb416d htdocs/stc/tropo/tropo-red.css
--- /dev/null Thu Jan 01 00:00:00 1970 +0000
+++ b/htdocs/stc/tropo/tropo-red.css Thu Apr 29 01:01:58 2010 -0700
@@ -0,0 +1,839 @@
+/** Tropospherical Red CSS
+ *
+ * Authors:
+ * Janine Smith <janine@netrophic.com>
+ * Jesse Proulx <jproulx@jproulx.net>
+ * Elizabeth Lubowitz <grrliz@gmail.com>
+ * Denise Paolucci <denise@dreamwidth.org>
+ *
+ * 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 #f7f7f7 Almost White (body background)
+ * @colordef #111111 Almost Black (copy)
+ */
+
+body {
+ background-color: #c1272d;
+ color: #111;
+}
+
+/**
+ * Links and a pseudo link class
+ */
+
+a:link,
+a:visited,
+.link {
+ color: #c1272d;
+}
+a:hover,
+a:active,
+.link:hover {
+ color: #f4717a;
+}
+#canvas {
+ background-color: #f7f7f7;
+}
+
+/**
+ * Menu navigation
+ */
+
+#menu {
+ background: #ddd url(/img/tropo-red/bg_menu_gradient.png) repeat-x;
+}
+#menu ul li a {
+ background: transparent url(/img/tropo-red/icon_menu_swirl.png) 0.833333em 0.916667em no-repeat;
+ color: #111;
+}
+/* .hover is a class added by js for the currently hovered/focused menu */
+#menu ul li.hover a {
+ background: #f4717a url(/img/tropo-red/icon_menu_swirl_dropdown.png) 0.833333em 0.916667em no-repeat;
+ color: #fff;
+}
+#menu ul li.hover a:hover {
+ background-color: #c1272d;
+}
+#menu ul li.hover ul {
+ background-color: #f4717a;
+}
+
+/**
+ * Footer
+ */
+
+#footer {
+ background: #ddd url(/img/tropo-red/bg_footer_gradient.png) repeat-x;
+}
+
+/**
+ * #content houses the page-specific innards, and creates margins for the absolutely
+ * positioned masthead and footer
+ */
+
+#content h1 {
+ color: #c1272d;
+}
+#content h2 {
+ color: #c1272d;
+}
+
+/**
+ * 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.
+ */
+
+/**
+ * Panels are generic boxes for divs inside of #content
+ */
+
+#content #primary .panel,
+#content #secondary .panel {
+ border-color: #ccc;
+}
+#content .panel .sidebar,
+#content .panel .contents,
+#content .panel .item,
+#content .panel .actions {
+ border-color: #ccc;
+}
+#content #primary .panel h2 {
+ color: #c1272d;
+ border-bottom: 1px solid #ccc;
+}
+#content #secondary .panel h2 {
+ color: #c1272d;
+ border-bottom: 1px solid #ccc;
+}
+
+/**
+ * Panels have different styles for different content layouts
+ */
+
+.layout-wide-right-sidebar #primary .panel .contents {
+ border-left: 1px solid #ccc;
+}
+
+/**
+ * Scheme-specific blocks
+ */
+
+#shim-alpha {
+ background: #fff;
+ border-top: 0.5em solid #e3e3e3;
+ border-bottom: 0.5em solid #f4717a;
+}
+
+/**
+ * Form field styles
+ */
+
+.dw-field-default {
+ color: #333;
+}
+.standout .standout-inner, .standout-colors {
+ background-color: #ffafb6;
+ color: #111;
+ border: 1px solid #c1272d;
+}
+.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
+ * /
+
+/* editicons.css */
+#uploadBox {
+ background-color: #ffd8d8;
+ border: 1px solid #c1272c;
+}
+
+/* profile.css */
+.section, .username, .actions li {
+ background-color: #f7f7f7;
+ border-bottom: 1px dotted #666;
+ border-left: 1px dotted #666;
+ color: #c1272d;
+}
+
+/* customize.css */
+h2.widget-header {
+ background: #ededed url(/img/tropo-red/corner.gif) no-repeat 0 0;
+ color: #222;
+}
+.theme-current {
+ background-color: #ffd8d8;
+ border: 1px solid #c1272c;
+}
+
+/* widgets/customizetheme.css, themechooser.css, themenav.css,
+currenttheme.css */
+.theme-current h2.widget-header, .layout-item.current {
+ background-color: #ffd8d8;
+ border: 1px solid #c1272c;
+}
+h2.widget-header, .theme-item.current, .theme-item img.theme-preview, .theme-item .theme-icons {
+ border: 1px solid #c1272c;
+}
+.theme-item .theme-button-disabled, .layout-item .layout-button-disabled {
+ background: #f4717a;
+}
+.customize-button, .theme-item .theme-button, .layout-item .layout-button {
+ background: #f4717a;
+ border: 2px solid #541e1a;
+ border-top: 2px solid #f4717a;
+ border-left: 2px solid #f4717a;
+}
+.theme-nav-content, .customize-content {
+ border: 1px solid #c1272c;
+ border-left: none;
+}
+.theme-selector-nav {
+ background-color: #ffd8d8;
+}
+.theme-nav li a, .theme-nav-small li {
+ border-right: 1px solid #c1272c;
+}
+.theme-nav li.on a {
+ border: 1px solid #c1272c;
+ border-right: none;
+}
+.theme-nav-separator {
+ border-right: 1px solid #c1272c;
+}
+.theme-nav-separator hr {
+ border-top: 1px solid #f4717a;
+}
+.customize-content .subheader {
+ background-color: #ffd8d8;
+ border-bottom: 1px solid #c1272c;
+}
+.customize-content .subheader.on {
+ background-color: #ffd8d8;
+}
+.customize-nav {
+ background-color: #ffd8d8;
+}
+.customize-nav li a, .customize-nav li li {
+ border-right: 1px solid #c1272c;
+}
+.customize-nav li.on a, .customize-nav li.on ul {
+ border: 1px solid #c1272c;
+ border-right: none;
+ border-top: none;
+}
+.customize-nav li.on {
+ border-top: 1px solid #c1272c;
+}
+.moodtheme-preview, .appwidget-linkslist .tips-box {
+ background-color: #ffd8d8;
+ border: 1px solid #c1272c;
+}
+.theme-current-links {
+ border-bottom: 1px solid #c1272c;
+ border-right: 1px solid #c1272c;
+}
+.theme-nav li a:visited, .customize-nav li a:visited {
+ color: #c1272c;
+}
+
+/* more, detailed by page*/
+/*customizetheme.css*/
+.customize-button {
+ color: #fff;
+ background: #f4717a;
+ border: 2px solid #f6828b;
+ border-bottom: 2px solid #c1272d;
+ border-right: 2px solid #c1272d;
+}
+.customize-inner-wrapper {
+ background: url("/img/tropo-red/tropred-borderpixel.gif") repeat-y scroll 134px 50%;
+}
+.customize-content .subheader {
+ background-image: url("/img/tropo-red/tropred-arrow-right.gif");
+ border-bottom: 1px solid #ffd8d8;
+}
+.customize-content .subheader.on {
+ background-image: url("/img/tropo-red/tropred-arrow-down.gif");
+}
+.customize-content fieldset legend {
+ color: #777;
+}
+.customize-content h3 {
+ color: #777;
+}
+.customize-nav li.on a,
+.customize-nav li.on ul {
+ background: #fff;
+}
+.customize-nav li.on a {
+ /*background: #fff url("/img/tropo-red/tropred-arrow-right.gif") no-repeat right 50%;*/
+ border-right: 1px solid #fff;
+}
+.customize-nav li.on li a {
+ background: #fff;
+ border-right: 1px solid #fff;
+}
+.customize-nav li.on li {
+ border-right: 1px solid #fff;
+}
+.customize-nav li a:visited {
+ color: #c1272c;
+}
+
+/*themenav.css*/
+.theme-nav-inner-wrapper {
+ background: url("/img/tropo-red/tropred-borderpixel.gif") repeat-y scroll 134px 50%;
+}
+.theme-selector-nav {
+ background-color: #ffd8d8;
+}
+.theme-nav li.on a {
+ /*background: url("/img/tropo-red/tropred-arrow-right.gif") no-repeat right 50%;*/
+ background-color: #fff ;
+}
+.theme-nav li a:visited,
+.theme-nav-small a:visited {
+ color: #c1272c;
+}
+.theme-nav-separator {
+ border-right: 1px solid #ffd8d8;
+}
+.theme-nav-separator hr {
+ border-top: 1px solid #ffd8d8;
+}
+
+/*currentheme.css*/
+.theme-current h2.widget-header {
+ background-color: #ffd8d8;
+}
+.theme-current-content h3 {
+ color: #000;
+}
+.theme-current-image {
+ border: 1px solid #fff;
+}
+.theme-current-links {
+ background-color: #fff;
+ border-right: 1px solid #f4717a;
+ border-bottom: 1px solid #f4717a;
+ color: #777;
+}
+.theme-current ul li {
+ background: url("/img/customize/arrow.gif") no-repeat 0 5px;
+}
+
+/*themechooser*/
+.theme-selector-content h3 {
+ color: #777;
+}
+.theme-item.current {
+ border: 1px solid #f4717a;
+ background-color: #ffd8d8;
+}
+.theme-item img.theme-preview {
+ border: 1px solid #ffd8d8;
+}
+.theme-item.special h4,
+.theme-item.special .theme-desc {
+ background-color: #ffc;
+}
+.theme-item .theme-button {
+ color: #fff;
+ background: #f4717a;
+ border: 2px solid #f6828b;
+ border-bottom: 2px solid #c1272d;
+ border-right: 2px solid #c1272d;
+}
+.theme-item .theme-button-disabled {
+ background: #88CD73;
+}
+.theme-item .theme-icons {
+ border: 1px solid #ffd8d8;
+ background-color: #fff;
+}
+.theme-item.upgrade h4,
+.theme-item.upgrade .theme-desc {
+ color: #777;
+}
+.theme-time,
+.theme-upgrade-icon {
+ color: #333 !important;
+}
+.theme-upgrade-icon:hover .theme-upgrade-level,
+.theme-time:hover span.theme-availability {
+ background-color: #fff;
+}
+.theme-paging a:visited {
+ color: #c1272c;
+}
+
+/* inbox */
+.folders a.active {
+ background-color: #ffd8d8;
+ border: 1px solid #bbb;
+}
+
+/* lj_settings.css */
+.section_head, table.alternating-rows th, div.username {
+ background-color: #d1ced2;
+ color: #333;
+ border-bottom: 1px solid #c1272c;
+}
+.cat_head {
+ background-color: #ddd;
+}
+.field_name {
+ color: #333;
+ background-color: #eee;
+}
+.field_desc {
+ color: #505050;
+}
+.view_options {
+ color: #333;
+}
+
+/* comm_promo.css */
+div.CommunityPromoBox {
+ border: 1px solid #f4717a;
+}
+
+/* settings.css */
+#settings_save {
+ background: #ffd8d8;
+}
+#settings_nav li a {
+ background: #f4717a;
+ border: 1px solid #c1272c;
+ border-bottom: none;
+}
+#settings_nav li a:hover, #settings_nav li a.active {
+ background: #ffd8d8;
+}
+#settings_nav_title p {
+ background: #ffd8d8;
+ border-left: 1px solid #c1272c;
+}
+
+/* cprod.css */
+.cprod.h3 {
+ background: #f4717a;
+}
+.cprod content {
+ border: 1px solid #c1271c;
+}
+
+/* create flow */
+.appwidget-createaccount .create-button {
+ color: #111;
+ background-color: #f4717a;
+}
+.appwidget-createaccountprogressmeter .step-block-active {
+ color: #fff;
+ background-color: #c1272d;
+}
+.appwidget-createaccountprogressmeter .step-block-inactive {
+ color: #fff;
+ background-color: #f4717a;
+}
+.appwidget-createaccountprogressmeter .step-selected {
+ color: #c1272d;
+}
+.appwidget-createaccountprogressmeter .step-previous {
+ color: #f4717a;
+}
+.appwidget-createaccountprogressmeter .step-next {
+ color: #666;
+}
+.appwidget-createaccountprofile .header {
+ color: #c1272d;
+}
+.appwidget-createaccountprofile .field-name {
+ background-color: #e0e0e0;
+}
+
+/* Comments */
+.cmtbar-odd {
+ border-bottom: 1px solid #c1272c;
+ border-right: 1px solid #c1272c;
+ background-color: #c0c0c0;
+}
+.cmtbar-even {
+ border-bottom: 1px solid #f4717a;
+ border-right: 1px solid #f4717a;
+ background-color: #e2e2e2;
+}
+
+/* Profile */
+.username {
+ border-bottom: 1px solid #c7e0f6;
+ background-color: #ecf6ff;
+}
+
+/* lj_base-app.css */
+hr.hr {
+ color: #c1272d;
+ background-color: #c1272d;
+}
+input.create-account {
+ color: #fff;
+ background: #f4717a;
+ border: 2px solid #f6828b;
+ border-bottom: 2px solid #c1272d;
+ border-right: 2px solid #c1272d;
+}
+input.text,
+textarea.text,
+select.select {
+ background: #fff url("/img/input-bg.gif") repeat-x 0 -1px;
+ border: 1px solid #bbb;
+ border-top: 1px solid #999;
+ border-left: 1px solid #999;
+}
+.detail {
+ color: #111;
+}
+h2.widget-header {
+ border-bottom: 1px solid #ccc;
+}
+table.alternating-rows th {
+ border-top: 1px solid #c1272d;
+ border-bottom: 1px solid #c1272d;
+ background-color: #ffd8d8;
+}
+table.alternating-rows tr.altrow1 {
+ background-color: #fff;
+}
+table.alternating-rows tr.altrow2 {
+ background-color: #eee;
+}
+table.alternating-rows td {
+ border-bottom: 1px solid #ccc;
+}
+.appwidget .more-link {
+ color: #c1272d !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 #c1272d;
+}
+.standout-background {
+ background-color: #f4717a;
+}
+div.right-sidebar {
+ color: #000000;
+ background-color: #f4717a;
+ border: 1px solid #c1272d;
+}
+.textbutton {
+ color: #c1272c;
+}
+/*NOTE: tropo-red/corner.gif is #f7f7f7*/
+h2.solid-neutral {
+ background: #ededed url("/img/tropo-red/corner.gif") no-repeat 0 0;
+ color: #222;
+}
+h2.solid-blue { /*which is now solid pink*/
+ background: #f4717a url("/img/tropo-red/corner.gif") no-repeat 0 0;
+ color: #222;
+}
+.solid-neutral {
+ background: #ededed;
+}
+input.bright {
+ background-color: #f4717a;
+ border: 1px solid #c1272c;
+ color: #fff;
+}
+.helper {
+ color: #666;
+}
+
+/* esn.css */
+.Subscribe tr.Inactive {
+ color: #aaa;
+}
+.Subscribe tr.Disabled {
+ background-color: #eee;
+}
+.Subscribe tr.altrow {
+ background-color: #f1f1f1;
+}
+.Subscribe tr.Inactive a {
+ color: #aaa;
+}
+.Subscribe td p {
+ color: #666;
+ background: #fff;
+}
+.CategoryRow td {
+ border-bottom: 1px solid #ddd;
+}
+#Subscriptions tr.lighter {
+ background-color: #ffd8d8;
+}
+#Subscriptions tr.darker {
+ background-color: #f4717a;
+}
+#SubscribeSaveButtons {
+ border: 1px solid #333;
+}
+.NotificationTable tr.Selected {
+ background-color: #f4717a;
+}
+.NotificationTable tr.Selected td {
+ border-top: 1px solid #ccc;
+}
+.NotificationTable td {
+ border-top: 1px solid #ddd;
+}
+.NotificationTable .inbox {
+ border-top: 1px solid #ddd;
+}
+.inbox .header {
+ background: #ddd;
+}
+.InboxItem_Read {
+ color: #888;
+}
+span.InboxItem_Read:hover {
+ color: #000;
+}
+span.InboxItem_Read a {
+ color: #999 !important;
+}
+span.InboxItem_Read:hover a {
+ color: inherit !important;
+}
+.inbox .alt {
+ background: #f6f6f6;
+}
+.inbox td.NoItems {
+ color: #ddd;
+}
+.inbox td.time {
+ color: #555;
+}
+.folders a {
+ color: #000;
+ border: 1px solid #fff;
+}
+.folders a:visited, .folders a:link {
+ color: #000;
+}
+.folders a:hover {
+ border: 1px solid #bbb;
+ background-color: #eee;
+}
+.ippu {
+ color: #000;
+}
+.ippu .track_title {
+ color: #f4717a;
+}
+
+/* entry.css */
+a#lj_userpicselect {
+ color: #c1272c;
+}
+#lj_userpicselect_img {
+ border: 1px solid #fff;
+}
+#lj_userpicselect_img:hover {
+ border: 1px solid #c1272c;
+}
+#lj_userpicselect_img_txt {
+ color: #c1272c !important;
+}
+#userpic_preview_image.userpic_loggedout {
+ border: 1px solid #c1272c;
+}
+.userpic_preview_border {
+ border: 1px solid #ccc;
+}
+#infobox {
+ border-left: 1px solid #000;
+}
+#compose-entry {
+ /*background: url("/img/tropo-red/tropred-borderpixel.gif") repeat-x 0 bottom;*/
+ border-bottom: 1px solid #bbb;
+}
+#compose-entry ul li a {
+ background-color: #fff;
+ border: 1px solid #f4717a;
+ border-bottom: none;
+}
+#compose-entry ul li.on a {
+ border-bottom: 1px solid #fff;
+}
+#draft-container {
+ border: 1px solid #bbb;
+ border-top: none;
+}
+#draftstatus {
+ background-color: #fff;
+}
+#spellcheck-results {
+ border: 1px solid #f4717a;
+ background-color: #fff; /*was ffffdd; seemed odd and clashy, changed to fff*/
+}
+#htmltools {
+ border-right: 1px solid #bbb;
+ border-left: 1px solid #bbb;
+ background: #fff;
+}
+#htmltools ul {
+ border-bottom: 1px solid #8d8d8d;
+}
+#options, #public {
+ border: 1px solid #bbb;
+ background-color: #eee;
+}
+#public {
+ color:#666;
+}
+#submitbar {
+ background-color: #ddd;
+ border: 1px solid #aaa;
+}
+
+/* contextualhover.css */
+div.ContextualPopup div.Inner {
+ background-color: #fff !important;
+ color: #000 !important;
+ border: 1px solid #c1272c;
+}
+div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
+ color: #c1272c !important;
+}
+
+/* profile.css */
+.tooltip {
+ border-bottom: 1px dotted #000;
+}
+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: #666;
+}
+.details_stats .account_level {
+ color: #000;
+}
+.section span.section_link {
+ color: #000;
+}
+.section_body .inner_section_header {
+ color: #111;
+}
+.section_body_title {
+ color: #111;
+}
+.userinfo th {
+ color: #111;
+}
+
+/* tags.css */
+#selected_tags {
+ color: #777;
+}
+.tagsort {
+ /*border-top: 1px solid #cdcdcd;*/
+}
+.tagfield {
+ color: #777;
+ border: 1px solid #ccc;
+}
+.tagfield:focus {
+ color: #000;
+ border: 1px solid #999;
+}
+.tagfield_error {
+ border: 1px solid red;
+ background-color: #ecd7d7;
+}
+.proptbl .t {
+ color: #777;
+ background-color: #fbfbfb;
+ border-right: 1px solid #cdcdcd;
+}
+.proptbl .r {
+ color: #777;
+ background-color: #fbfbfb;
+ border-right: 1px solid #cdcdcd;
+}
+.proptbl .rv {
+ background-color: #eee;
+}
+.edittbl .l, .lsep {
+ border-right: 1px solid #777;
+}
+.edittbl .sep {
+ border-top: 1px solid #777;
+}
+.curtags {
+ color: #777;
+}
+.tagbox_nohist {
+ background-color: #eee;
+}
+
+/* Adult warning interstitals */
+div.adult_warning {
+ background-color: #ffd8d8;
+ border: 1px solid #c1272d;
+}
+
+/* For the manage/banusers page */
+.userslist-table tr.odd {
+ background-color: #efefef;
+}
+.userslist-table tr.even {
+ background-color: #fff;
+}
--------------------------------------------------------------------------------