/** Blueshift CSS * * * Authors: * Emily Ravenwood * * 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; }