1212 lines
23 KiB
CSS
1212 lines
23 KiB
CSS
|
/** Blueshift CSS
|
||
|
|
*
|
||
|
|
*
|
||
|
|
* Authors:
|
||
|
|
* Emily Ravenwood <ravenwood@alltrees.org>
|
||
|
|
*
|
||
|
|
* Copyright (c) 2009 by Dreamwidth Studios, LLC.
|
||
|
|
*
|
||
|
|
* This program is free software; you may redistribute it and/or modify it under
|
||
|
|
* the same terms as Perl itself. For a copy of the license, please reference
|
||
|
|
* 'perldoc perlartistic' or 'perldoc perlgpl'.
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* Colors:
|
||
|
|
dkblue=#002A82 (page borders)
|
||
|
|
vlink=#002A92
|
||
|
|
medblue=#3960A0 (borders)
|
||
|
|
link=#3960C0
|
||
|
|
ltblue=#D6DCE9 (inactive tabs, evencomment, profile border, standout border)
|
||
|
|
vryltblue=#E6ECF9 (active tabs, oddcomment, headerlinks, standout)
|
||
|
|
alt vryltblue=#EFF6FF (menulinks, search box bg)
|
||
|
|
*/
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Global
|
||
|
|
*/
|
||
|
|
|
||
|
|
body {
|
||
|
|
font-family: Arial, Verdana, sans-serif;
|
||
|
|
line-height: 1.25em;
|
||
|
|
background-image: url(/img/blueshift/headerblue.jpg);
|
||
|
|
background-position: top;
|
||
|
|
background-repeat: repeat-x;
|
||
|
|
background-color: #3960A0;
|
||
|
|
color: #111122;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
H1, H2, H3, H4 { font-style: italic;
|
||
|
|
font-weight: normal;
|
||
|
|
padding: 1em 0;
|
||
|
|
}
|
||
|
|
H1 { font-size: 175%; }
|
||
|
|
H2 { font-size: 150%; }
|
||
|
|
#content H2 { font-size: 125%; }
|
||
|
|
H3 { font-size: 125%; }
|
||
|
|
H4 { font-size: 100%; }
|
||
|
|
|
||
|
|
ul { list-style: circle;
|
||
|
|
margin-left: 1em; }
|
||
|
|
|
||
|
|
a:link,
|
||
|
|
.link {
|
||
|
|
color: #3960C0;
|
||
|
|
}
|
||
|
|
a:visited {
|
||
|
|
color: #002A92;
|
||
|
|
}
|
||
|
|
a:hover,
|
||
|
|
a:active,
|
||
|
|
.link:hover {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#canvas {
|
||
|
|
padding-top: 1px; /*to ensue margin*/
|
||
|
|
background-color: #f9fcFF;
|
||
|
|
margin-left: 9.25em;
|
||
|
|
margin-top: 100px;
|
||
|
|
border-left: 1px solid #002A82;
|
||
|
|
border-bottom: 1px solid #002A82;
|
||
|
|
min-height: 55em;
|
||
|
|
}
|
||
|
|
#page {
|
||
|
|
padding-top: 1px; /*to ensue margin*/
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Header
|
||
|
|
*/
|
||
|
|
#masthead {
|
||
|
|
position: absolute;
|
||
|
|
top: 30px;
|
||
|
|
right: 1em;
|
||
|
|
}
|
||
|
|
#sitename { font-style: italic;
|
||
|
|
font-weight: normal;
|
||
|
|
font-size: 175%;
|
||
|
|
}
|
||
|
|
#sitename a { color: #E6ECF9; }
|
||
|
|
|
||
|
|
#account-links {
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
height: 100px;
|
||
|
|
padding-top: .5em;
|
||
|
|
text-align: left;
|
||
|
|
font-size: small;
|
||
|
|
color: #ffffff;
|
||
|
|
z-index: 200; /*keep log-in on top of search bar*/
|
||
|
|
}
|
||
|
|
#account-links ul { list-style: none;
|
||
|
|
margin-left: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
margin-top: 5px;
|
||
|
|
white-space: nowrap; /* to make sure the links don't wrap under short usernames */
|
||
|
|
}
|
||
|
|
#account-links li { display: inline; }
|
||
|
|
#account-links a {color: #E6ECF9; }
|
||
|
|
|
||
|
|
#account-links-text { margin-left: 100px; }
|
||
|
|
|
||
|
|
#account-links #login-table { margin-left: 5px; }
|
||
|
|
#account-links #login-table td {
|
||
|
|
padding: 3px;
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
#account-links #login-table td.input-cell,
|
||
|
|
#account-links #login-table td.remember-me-cell {
|
||
|
|
text-align: left;
|
||
|
|
}
|
||
|
|
#account-links #login_user,
|
||
|
|
#account-links #login_password { background-color: #E6ECF9;
|
||
|
|
border: 1px solid #001155; }
|
||
|
|
#account-links-userpic { text-align: center;
|
||
|
|
height: 100px;
|
||
|
|
width: 100px;
|
||
|
|
position: absolute;
|
||
|
|
top: 10px;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
#account-links-userpic img {
|
||
|
|
border: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#header-search { position: absolute;
|
||
|
|
top: 100px;
|
||
|
|
right: 0;
|
||
|
|
width: 100%;
|
||
|
|
height: 2.5em;
|
||
|
|
text-align: right;
|
||
|
|
background-color: #3960A0;
|
||
|
|
border-bottom: 1px solid #002A82;
|
||
|
|
}
|
||
|
|
#header-search .appwidget-search {
|
||
|
|
margin-right: .5em;
|
||
|
|
}
|
||
|
|
#header-search #search { background-color: #EFF6FF;
|
||
|
|
border: 1px solid #002A82; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Menu
|
||
|
|
*/
|
||
|
|
nav { position: absolute;
|
||
|
|
top: 100px;
|
||
|
|
left: 0;
|
||
|
|
width: 9.25em;
|
||
|
|
background-color: #3960A0;
|
||
|
|
z-index: 100; /*to cover the search-border in the sidebar*/
|
||
|
|
}
|
||
|
|
nav ul { margin-left: 5px;
|
||
|
|
margin-right: 3px;
|
||
|
|
margin-top: 3em;
|
||
|
|
padding-left: 0;
|
||
|
|
font-size: small;
|
||
|
|
list-style: none;
|
||
|
|
}
|
||
|
|
nav ul ul { margin-left: 1em;
|
||
|
|
margin-right: 0;
|
||
|
|
margin-top: 0;
|
||
|
|
}
|
||
|
|
nav li { padding: .15em 0; }
|
||
|
|
nav a {color: #EFF6FF; }
|
||
|
|
nav .topnav a {
|
||
|
|
font-weight: bold;
|
||
|
|
color: #EFF6FF;
|
||
|
|
}
|
||
|
|
nav .subnav a {
|
||
|
|
font-weight: normal;
|
||
|
|
color: #EFF6FF;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Footer
|
||
|
|
*/
|
||
|
|
footer {
|
||
|
|
margin: 1em;
|
||
|
|
text-align: center;
|
||
|
|
border-top: 1px solid #002A82;
|
||
|
|
}
|
||
|
|
footer ul { list-style: none;
|
||
|
|
margin: .25em 0;
|
||
|
|
margin-left: 0;
|
||
|
|
padding-left: 0;
|
||
|
|
}
|
||
|
|
footer li { display: inline; }
|
||
|
|
footer p { margin: .25em 0;
|
||
|
|
padding: 0;
|
||
|
|
font-size: small;
|
||
|
|
color: #666666;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* #content
|
||
|
|
*/
|
||
|
|
#content { margin: 0;
|
||
|
|
padding: 1px 1em 1em 1.5em;
|
||
|
|
margin-top: 2.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
#content p {
|
||
|
|
margin-bottom: 1em;
|
||
|
|
}
|
||
|
|
#content p.note {
|
||
|
|
font-style: italic;
|
||
|
|
font-size: 0.8em;
|
||
|
|
}
|
||
|
|
#content ul.bullet-list {
|
||
|
|
list-style: square outside;
|
||
|
|
margin-left: 2em;
|
||
|
|
margin-bottom: 1em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* TALKPAGE.CSS AND HARDCODE OVERRIDES*/
|
||
|
|
.cmtbar-odd {
|
||
|
|
border-bottom: none !important;
|
||
|
|
border-right: none !important;
|
||
|
|
background-color: #E6ECF9 !important;
|
||
|
|
}
|
||
|
|
.cmtbar-even {
|
||
|
|
border-bottom: none !important;
|
||
|
|
border-right: none !important;
|
||
|
|
background-color: #D6DCE9 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* PROFILE.CSS OVERRIDES */
|
||
|
|
#profile_top {
|
||
|
|
min-width: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.username {
|
||
|
|
border-bottom: 1px solid #D6DCE9 !important;
|
||
|
|
border-top: 1px solid #D6DCE9 !important;
|
||
|
|
background-color: #E6ECF9 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* layer tables */
|
||
|
|
table.table_layerbrowse,
|
||
|
|
table#table_yourlayers { border-collapse: collapse; }
|
||
|
|
|
||
|
|
table.table_layerbrowse,
|
||
|
|
table.table_layerbrowse td,
|
||
|
|
table#table_yourlayers,
|
||
|
|
table#table_yourlayers td { border: 1px solid #999; }
|
||
|
|
|
||
|
|
table#table_layerbrowse_classes,
|
||
|
|
table#table_layerbrowse_classes td {border: none; }
|
||
|
|
|
||
|
|
table.table_layerbrowse td,
|
||
|
|
table#table_yourlayers td { padding: .15em .25em; }
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Content Layouts
|
||
|
|
*
|
||
|
|
* Content layouts are determined based on the class assigned to #content. Potential layouts include:
|
||
|
|
* -- wide sidebars
|
||
|
|
* -- thin sidebars
|
||
|
|
* -- equal width/height columns
|
||
|
|
* -- full page (default)
|
||
|
|
*
|
||
|
|
* Columns/rows inside of #content are named primary, secondary, tertiary, etc and
|
||
|
|
* content is placed inside based on order of importance.
|
||
|
|
*/
|
||
|
|
|
||
|
|
/* ER Note: Unsure of actual use of these, taking a stab at them anyway, mostly re-measuring width */
|
||
|
|
|
||
|
|
/* full page (default) */
|
||
|
|
#primary,
|
||
|
|
#secondary {
|
||
|
|
margin-bottom: 2em;
|
||
|
|
}
|
||
|
|
/* 2 column wide right sidebar */
|
||
|
|
.layout-wide-right-sidebar #primary {
|
||
|
|
width: 65%;
|
||
|
|
margin-right: 1.25em;
|
||
|
|
float: left;
|
||
|
|
padding: 0;
|
||
|
|
}
|
||
|
|
.layout-wide-right-sidebar #secondary {
|
||
|
|
float: right;
|
||
|
|
width: 30%;
|
||
|
|
margin: 0;
|
||
|
|
padding: 0;
|
||
|
|
padding-top: 0.5em;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Panels are generic boxes for divs inside of #content
|
||
|
|
*/
|
||
|
|
#content #primary .panel,
|
||
|
|
#content #secondary .panel {
|
||
|
|
width: 100%;
|
||
|
|
border-width: 1px 0 1px 0;
|
||
|
|
border-color: #ccc;
|
||
|
|
border-style: solid;
|
||
|
|
margin: 0 0 0.166667em 0;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
#content #primary .panel h2 {
|
||
|
|
line-height: 2em;
|
||
|
|
border-style: none;
|
||
|
|
}
|
||
|
|
#content #primary .panel p {
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
#content #secondary .panel h2 {
|
||
|
|
line-height: 30px;
|
||
|
|
border-style: none;
|
||
|
|
}
|
||
|
|
#content .panel .sidebar ul {
|
||
|
|
list-style: none;
|
||
|
|
margin-left: 0;
|
||
|
|
}
|
||
|
|
#content .panel ul {
|
||
|
|
list-style: circle;
|
||
|
|
margin-left: 1em;
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* Panels have different styles for different content layouts
|
||
|
|
*/
|
||
|
|
.layout-wide-right-sidebar #primary .panel .sidebar {
|
||
|
|
float: left;
|
||
|
|
width: 22%;
|
||
|
|
}
|
||
|
|
.layout-wide-right-sidebar #primary .panel .contents {
|
||
|
|
float: left;
|
||
|
|
padding-top: 6px;
|
||
|
|
padding-left: 14px;
|
||
|
|
border-left: 1px solid #ccc;
|
||
|
|
width: 75%;
|
||
|
|
line-height: 1.8;
|
||
|
|
}
|
||
|
|
.layout-wide-right-sidebar #secondary .panel .contents {
|
||
|
|
margin: 0.5em 0;
|
||
|
|
line-height: 1.8;
|
||
|
|
}
|
||
|
|
/* panel-first class is added through js */
|
||
|
|
#content .panel-first {
|
||
|
|
border-top: 0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Form field styles
|
||
|
|
*/
|
||
|
|
.dw-field-default {
|
||
|
|
color: #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: #E6ECF9;
|
||
|
|
color: #000;
|
||
|
|
border: 1px solid #D6DCE9;
|
||
|
|
}
|
||
|
|
.standout .standout-inner td {
|
||
|
|
padding: 0.5em;
|
||
|
|
}
|
||
|
|
|
||
|
|
.standout-inner a:hover, .standout-inner a:active, .standout-inner a:hover {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Start overriding some classes set in dreamwidth/htdocs/stc/
|
||
|
|
* Other site scheme designers: use your own colors here
|
||
|
|
* /
|
||
|
|
|
||
|
|
/* editicons.css */
|
||
|
|
#uploadBox {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
margin: 0 20px 0 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* profile.css */
|
||
|
|
|
||
|
|
.section, .username, .actions li {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
border-bottom: 1px solid #D6DCE9;
|
||
|
|
border-top: 1px solid #D6DCE9;
|
||
|
|
color: #002A82;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section img, .username img {
|
||
|
|
padding-left: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* customize.css */
|
||
|
|
|
||
|
|
.theme-current {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* widgets/customizetheme.css, themechooser.css, themenav.css,
|
||
|
|
currenttheme.css */
|
||
|
|
|
||
|
|
.theme-current h2.widget-header, .layout-item.current {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
h2.widget-header, .theme-item.current, .theme-item img.theme-preview, .theme-item .theme-icons {
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-item .theme-button-disabled, .layout-item .layout-button-disabled {
|
||
|
|
background: #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-item {
|
||
|
|
overflow-x: visible;
|
||
|
|
overflow-y: visible;
|
||
|
|
}
|
||
|
|
|
||
|
|
.customize-button, .theme-item .theme-button, .layout-item
|
||
|
|
.layout-button {
|
||
|
|
background: #D6DCE9;
|
||
|
|
border: 2px solid #000;
|
||
|
|
border-top: 2px solid #D6DCE9;
|
||
|
|
border-left: 2px solid #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.theme-nav-content, .customize-content {
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
border-left: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-selector-nav {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-nav li a, .theme-nav-small li {
|
||
|
|
border-right: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-nav li.on a {
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
border-right: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-nav-separator {
|
||
|
|
border-right: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-nav-separator hr {
|
||
|
|
border-top: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.customize-content .subheader {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
border-bottom: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.customize-content .subheader.on {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.customize-nav {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.customize-nav li a, .customize-nav li li {
|
||
|
|
border-right: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.customize-nav li.on a, .customize-nav li.on ul {
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
border-right: none;
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.customize-nav li.on {
|
||
|
|
border-top: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.moodtheme-preview, .appwidget-linkslist .tips-box {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-current-links {
|
||
|
|
border-bottom: 1px solid #3960A0;
|
||
|
|
border-right: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.theme-nav li a:visited, .customize-nav li a:visited {
|
||
|
|
color: #002A82;
|
||
|
|
font-weight: bold;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* more, detailed by page*/
|
||
|
|
/*customizetheme.css*/
|
||
|
|
.customize-button {
|
||
|
|
color: #fff;
|
||
|
|
background: #D6DCE9;
|
||
|
|
border: 2px solid #3960A0;
|
||
|
|
}
|
||
|
|
.customize-inner-wrapper {
|
||
|
|
background: url("/img/blueshift/blueshift-borderpixel.gif") repeat-y scroll 134px 50%;
|
||
|
|
}
|
||
|
|
.customize-content .subheader {
|
||
|
|
background-image: url("/img/blueshift/blueshift-arrow-right.gif");
|
||
|
|
background-position: left center;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
border-bottom: 1px solid #E6ECF9;
|
||
|
|
}
|
||
|
|
.customize-content .subheader.on {
|
||
|
|
background-image: url("/img/blueshift/blueshift-arrow-down.gif");
|
||
|
|
background-position: left center ;
|
||
|
|
background-repeat: no-repeat;
|
||
|
|
}
|
||
|
|
.customize-nav li.on a,
|
||
|
|
.customize-nav li.on ul {
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
.customize-nav li.on a {
|
||
|
|
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: #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/*themenav.css*/
|
||
|
|
.theme-nav-inner-wrapper {
|
||
|
|
background: url("/img/blueshift/blueshift-borderpixel.gif") repeat-y scroll 134px 50%;
|
||
|
|
}
|
||
|
|
.theme-selector-nav {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
.theme-nav li.on a {
|
||
|
|
background-color: #fff ;
|
||
|
|
}
|
||
|
|
.theme-nav li a:visited {
|
||
|
|
color: #3960A0;
|
||
|
|
}
|
||
|
|
.theme-nav-separator {
|
||
|
|
border-right: 1px solid #E6ECF9;
|
||
|
|
}
|
||
|
|
.theme-nav-separator hr {
|
||
|
|
border-top: 1px solid #E6ECF9;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*currentheme.css*/
|
||
|
|
.theme-current h2.widget-header {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
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 #D6DCE9;
|
||
|
|
border-bottom: 1px solid #D6DCE9;
|
||
|
|
padding: 3px 5px;
|
||
|
|
}
|
||
|
|
.theme-current ul li {
|
||
|
|
background: url("/img/customize/arrow.gif") no-repeat 0 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/*themechooser*/
|
||
|
|
.theme-item {
|
||
|
|
border: 1px solid #fff;
|
||
|
|
}
|
||
|
|
.theme-item.current {
|
||
|
|
border: 1px solid #D6DCE9;
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
.theme-item img.theme-preview {
|
||
|
|
border: 1px solid #E6ECF9;
|
||
|
|
}
|
||
|
|
.theme-item.special h4,
|
||
|
|
.theme-item.special .theme-desc {
|
||
|
|
background-color: #EFF6FF;
|
||
|
|
}
|
||
|
|
.theme-item .theme-button {
|
||
|
|
color: #222;
|
||
|
|
background: #D6DCE9;
|
||
|
|
border: 2px solid #3960A0;
|
||
|
|
}
|
||
|
|
.theme-item .theme-button-disabled {
|
||
|
|
background: #999;
|
||
|
|
}
|
||
|
|
.theme-item .theme-icons {
|
||
|
|
border: 1px solid #E6ECF9;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
.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: #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* inbox */
|
||
|
|
|
||
|
|
.folders a.active {
|
||
|
|
font-weight: bold;
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* lj_settings.css */
|
||
|
|
|
||
|
|
.section_head, table.alternating-rows th, div.username {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
border-top: 1px solid #D6DCE9;
|
||
|
|
border-bottom: 1px solid #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* comm_promo.css */
|
||
|
|
|
||
|
|
div.CommunityPromoBox {
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* settings.css */
|
||
|
|
|
||
|
|
#settings_save {
|
||
|
|
background: #E6ECF9;
|
||
|
|
}
|
||
|
|
|
||
|
|
#settings_nav li a {
|
||
|
|
background: #D6DCE9;
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
#settings_nav li a:hover, #settings_nav li a.active {
|
||
|
|
background: #E6ECF9;
|
||
|
|
}
|
||
|
|
|
||
|
|
#settings_nav_title p {
|
||
|
|
background: #E6ECF9;
|
||
|
|
border-left: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* allpics styling */
|
||
|
|
|
||
|
|
table.allpics {
|
||
|
|
margin-left: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.allpics td {
|
||
|
|
vertical-align: bottom;
|
||
|
|
}
|
||
|
|
|
||
|
|
.allpics .userpic-img {
|
||
|
|
margin-right: 1em;
|
||
|
|
margin-top: 15px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.allpics blank {
|
||
|
|
width: 50px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* editfilters styling */
|
||
|
|
|
||
|
|
table.editfilters td {
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* FAQ */
|
||
|
|
|
||
|
|
.faqlist {
|
||
|
|
list-style: square outside;
|
||
|
|
margin-bottom: 2em;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Inbox - Compose */
|
||
|
|
|
||
|
|
.inbox-compose {
|
||
|
|
width: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.inbox-compose td {
|
||
|
|
vertical-align: top;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* manage/invitecodes.bml */
|
||
|
|
|
||
|
|
.invitecodes td {
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* shop pages */
|
||
|
|
|
||
|
|
/* this is so the main shop page does not look like toasted ass */
|
||
|
|
.shopbox, .appwidget-shopitemgroupdisplay {
|
||
|
|
min-width: 20em;
|
||
|
|
min-height: 10em;
|
||
|
|
float: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.shopbox, .appwidget-shopitemgroupdisplay,
|
||
|
|
.shop-account-status, .shop-error, .shop-cart-status,
|
||
|
|
.shop-cart td, .shop-cart th, .shop-item-highlight {
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* create flow */
|
||
|
|
|
||
|
|
.create-form td {
|
||
|
|
padding: 5px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.appwidget-createaccount .create-button {
|
||
|
|
color: #222;
|
||
|
|
background-color: #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.appwidget-createaccountprogressmeter .step-block-active {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.appwidget-createaccountprogressmeter .step-block-inactive {
|
||
|
|
color: #fff;
|
||
|
|
background-color: #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.appwidget-createaccountprogressmeter .step-selected {
|
||
|
|
color: #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.appwidget-createaccountprogressmeter .step-previous {
|
||
|
|
color: #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.appwidget-createaccountprogressmeter .step-next {
|
||
|
|
color: #222;
|
||
|
|
}
|
||
|
|
|
||
|
|
.appwidget-createaccountprofile .header {
|
||
|
|
color: #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.appwidget-createaccountprofile .field-name {
|
||
|
|
background-color: #e0e0e0;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
/* Site Map, override page-level style */
|
||
|
|
dd ul li {list-style: circle !important;
|
||
|
|
margin-left: 2em !important; }
|
||
|
|
dt {font-weight: bold !important;
|
||
|
|
margin-top: 10px !important;}
|
||
|
|
#maplinks-left {margin-right: 2% !important;
|
||
|
|
width: 48% !important;
|
||
|
|
float: left !important;}
|
||
|
|
#maplinks-right {margin-left: 2% !important;
|
||
|
|
width: 48% !important;
|
||
|
|
float: right !important;}
|
||
|
|
|
||
|
|
/* lj_base-app.css */
|
||
|
|
hr.hr {
|
||
|
|
color: #3960A0;
|
||
|
|
background-color: #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
input.create-account {
|
||
|
|
background: #D6DCE9;
|
||
|
|
border: 2px solid #3960A0;
|
||
|
|
}
|
||
|
|
.detail {
|
||
|
|
|
||
|
|
}
|
||
|
|
h2.widget-header {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
table.alternating-rows th {
|
||
|
|
border-top: 1px solid #3960A0;
|
||
|
|
border-bottom: 1px solid #3960A0;
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
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: #3960A0 !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 #3960A0;
|
||
|
|
}
|
||
|
|
.standout-background {
|
||
|
|
background-color: #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
div.right-sidebar {
|
||
|
|
color: #000000;
|
||
|
|
background-color: #D6DCE9;
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
.textbutton {
|
||
|
|
color: #3960A0;
|
||
|
|
}
|
||
|
|
/*NOTE: corner.gif is white*/
|
||
|
|
h2.solid-neutral {
|
||
|
|
background-color: #D6DCE9;
|
||
|
|
color: #222;
|
||
|
|
}
|
||
|
|
h2.solid-blue { /*which is now solid not-blue*/
|
||
|
|
background-color: #D6DCE9;
|
||
|
|
color: #222;
|
||
|
|
}
|
||
|
|
.solid-neutral {
|
||
|
|
background: #ededed;
|
||
|
|
}
|
||
|
|
input.bright {
|
||
|
|
background-color: #D6DCE9;
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
.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: #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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 #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
#Subscriptions tr.lighter {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
#Subscriptions tr.darker {
|
||
|
|
background-color: #D6DCE9;
|
||
|
|
}
|
||
|
|
#SubscribeSaveButtons {
|
||
|
|
border: 1px solid #333;
|
||
|
|
}
|
||
|
|
|
||
|
|
.NotificationTable tr.Selected {
|
||
|
|
background-color: #eee;
|
||
|
|
}
|
||
|
|
|
||
|
|
.NotificationTable tr.Selected td {
|
||
|
|
border-top: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
.NotificationTable #all_Body > .Selected:first-child td {
|
||
|
|
border-top: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.NotificationTable td {
|
||
|
|
padding: 2px;
|
||
|
|
}
|
||
|
|
.NotificationTable .inbox {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
.NotificationTable .inbox .header .checkbox {
|
||
|
|
border-top: 1px solid #D6DCE9;
|
||
|
|
border-bottom: 1px solid #D6DCE9;
|
||
|
|
border-left: 1px solid #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.NotificationTable .inbox .header .actions {
|
||
|
|
border-top: 1px solid #D6DCE9;
|
||
|
|
border-bottom: 1px solid #D6DCE9;
|
||
|
|
border-right: 1px solid #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.inbox .header {
|
||
|
|
background: #E6ECF9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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 #D6DCE9;
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.ippu {
|
||
|
|
color: #000000
|
||
|
|
}
|
||
|
|
.ippu .track_title {
|
||
|
|
color: #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* entry.css */
|
||
|
|
a#lj_userpicselect {
|
||
|
|
color: #3960A0;
|
||
|
|
}
|
||
|
|
#lj_userpicselect_img {
|
||
|
|
border: 1px solid #fff;
|
||
|
|
}
|
||
|
|
#lj_userpicselect_img:hover {
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
#lj_userpicselect_img_txt {
|
||
|
|
color: #3960A0 !important;
|
||
|
|
}
|
||
|
|
#userpic_preview_image.userpic_loggedout {
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
}
|
||
|
|
.userpic_preview_border {
|
||
|
|
border: 1px solid #ccc;
|
||
|
|
}
|
||
|
|
#infobox {
|
||
|
|
border-left: 1px solid #000;
|
||
|
|
}
|
||
|
|
#entry {
|
||
|
|
border-bottom: 1px solid #bbb;
|
||
|
|
}
|
||
|
|
#entry ul li a {
|
||
|
|
background-color: #fff;
|
||
|
|
border: 1px solid #bbb;
|
||
|
|
border-bottom: none;
|
||
|
|
}
|
||
|
|
#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 #D6DCE9;
|
||
|
|
background-color: #fff;
|
||
|
|
}
|
||
|
|
#htmltools {
|
||
|
|
border-right: 1px solid #bbb;
|
||
|
|
border-left: 1px solid #bbb;
|
||
|
|
background: #fff;
|
||
|
|
}
|
||
|
|
#htmltools ul {
|
||
|
|
border-bottom: 1px solid #8D8D8D;
|
||
|
|
}
|
||
|
|
#options, #public, #submitbar {
|
||
|
|
border: 1px solid #D6DCE9;
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
#public {
|
||
|
|
/*color:#666;*/
|
||
|
|
}
|
||
|
|
|
||
|
|
/* post page */
|
||
|
|
.token:hover, .token.hover, .token:focus, .token.focus {
|
||
|
|
color: #3960A0;
|
||
|
|
border-color: #002A92;
|
||
|
|
}
|
||
|
|
|
||
|
|
.token .token_remove:hover, .token .token_remove:focus {
|
||
|
|
color: #3960A0;
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
|
||
|
|
#iconselector_icons_list li:hover, .kwmenu .selected, #iconselector_icons_list .iconselector_selected {
|
||
|
|
border-color: #3960A0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.slidecontrols a:hover {
|
||
|
|
color: #002A92;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* contextualhover.css */
|
||
|
|
div.ContextualPopup div.Inner {
|
||
|
|
background-color: #EFF6FF !important;
|
||
|
|
color: #000 !important;
|
||
|
|
border: 1px solid #D6DCE9;
|
||
|
|
}
|
||
|
|
div.ContextualPopup div.Inner a, div.ContextualPopup div.Inner a:visited {
|
||
|
|
color: #3960A0 !important;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* profile.css */
|
||
|
|
|
||
|
|
.section, .username, .actions li {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
border-bottom: 1px solid #D6DCE9;
|
||
|
|
border-top: 1px solid #D6DCE9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.section img, .username img {
|
||
|
|
padding-left: 3px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.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 {
|
||
|
|
|
||
|
|
}
|
||
|
|
.section_body_title {
|
||
|
|
|
||
|
|
}
|
||
|
|
.profile th {
|
||
|
|
|
||
|
|
}
|
||
|
|
|
||
|
|
/* tags.css */
|
||
|
|
#selected_tags
|
||
|
|
{
|
||
|
|
color: #777;
|
||
|
|
}
|
||
|
|
.tagsort
|
||
|
|
{
|
||
|
|
|
||
|
|
}
|
||
|
|
.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
|
||
|
|
{
|
||
|
|
|
||
|
|
background-color: #fbfbfb;
|
||
|
|
border-right: 1px solid #cdcdcd;
|
||
|
|
}
|
||
|
|
.proptbl .r
|
||
|
|
{
|
||
|
|
|
||
|
|
background-color: #fbfbfb;
|
||
|
|
border-right: 1px solid #cdcdcd;
|
||
|
|
}
|
||
|
|
.proptbl .rv
|
||
|
|
{
|
||
|
|
background-color: #eee;
|
||
|
|
}
|
||
|
|
.edittbl .l, .lsep
|
||
|
|
{
|
||
|
|
border-right: 1px solid;
|
||
|
|
}
|
||
|
|
.edittbl .sep
|
||
|
|
{
|
||
|
|
border-top: 1px solid;
|
||
|
|
}
|
||
|
|
.curtags
|
||
|
|
{
|
||
|
|
|
||
|
|
}
|
||
|
|
.tagbox_nohist
|
||
|
|
{
|
||
|
|
background-color: #eee;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* Adult warning interstitals */
|
||
|
|
|
||
|
|
div.adult_warning {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
border: 1px solid #3960A0;
|
||
|
|
padding: 0 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
/* For the manage/banusers page */
|
||
|
|
|
||
|
|
.userslist-table tr.odd {
|
||
|
|
background-color: #E6ECF9;
|
||
|
|
}
|
||
|
|
|
||
|
|
.userslist-table tr.even {
|
||
|
|
background-color: #F9FCFF;
|
||
|
|
}
|