Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /** Tropospherical Blue CSS
- *
- * Original Authors:
- * Janine Smith <janine@netrophic.com>
- * Jesse Proulx <jproulx@jproulx.net>
- * Elizabeth Lubowitz <grrliz@gmail.com>
- * Denise Paolucci <denise@dreamwidth.org>
- *
- * Blue Version by dw-user emiri <athousandsmiles@gmail.com>
- * FAQ for using & abusing this script can be found here:
- * http://emiri.dreamwidth.org/8232.html
- */
- /**
- * 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
- *
- */
- /**
- * General Body Edits
- */
- body.tropo #canvas {
- color: #000000 !important;
- width: 100% !important;
- margin: auto !important;
- padding: 2px 0 0 0 !important;
- border-color: #7fa8d0 !important;
- }
- body.tropo #canvas #content {
- margin-top: 2.75em !important;
- padding: 0 20px !important;
- }
- body.tropo #page {
- text-align: justify !important;
- max-width: 100% !important;
- }
- body.tropo #Comments .talk-comment,
- body.tropo #canvas #page_inbox .InboxItem_Content {
- max-width: 100% !important;
- }
- body.tropo #canvas #entry {
- max-width: 95% !important;
- }
- body.tropo #page #account-links #account-links-text {
- color: #114577 !important;
- font-size: 8pt !important;
- }
- body.tropo #page #account-links-userpic {
- font-size: 8pt !important;
- }
- /* Image replacement codes */
- img[src*="https://s.dreamwidth.org/img/tropo-red/dw_logo_purple.png"] {
- width: 0px !important;
- height: 51px !important;
- padding-left: 241px !important;
- background-image: url("http://i.imgur.com/Pc2X6.png") !important;
- background-repeat: no-repeat !important;
- }
- img[src*="http://s.dreamwidth.org/img/tropo-red/dw_logo_purple.png"] {
- width: 0px !important;
- height: 51px !important;
- padding-left: 241px !important;
- background-image: url("http://i.imgur.com/Pc2X6.png") !important;
- background-repeat: no-repeat !important;
- }
- img[src*="https://s.dreamwidth.org/img/tropo-red/dw_logo.png"] {
- width: 0px !important;
- height: 51px !important;
- padding-left: 241px !important;
- background-image: url("http://i.imgur.com/Pc2X6.png") !important;
- background-repeat: no-repeat !important;
- }
- img[src*="http://s.dreamwidth.org/img/tropo-red/dw_logo.png"] {
- width: 0px !important;
- height: 51px !important;
- padding-left: 241px !important;
- background-image: url("http://i.imgur.com/Pc2X6.png") !important;
- background-repeat: no-repeat !important;
- }
- img[src*="https://www.dreamwidth.org/img/tropo-red/dw_logo_purple.png"] {
- width: 0px !important;
- height: 51px !important;
- padding-left: 241px !important;
- background-image: url("http://i.imgur.com/Pc2X6.png") !important;
- background-repeat: no-repeat !important;
- }
- img[src*="http://www.dreamwidth.org/img/tropo-red/dw_logo_purple.png"] {
- width: 0px !important;
- height: 51px !important;
- padding-left: 241px !important;
- background-image: url("http://i.imgur.com/Pc2X6.png") !important;
- background-repeat: no-repeat !important;
- }
- img[src*="https://www.dreamwidth.org/img/tropo-red/dw_logo.png"] {
- width: 0px !important;
- height: 51px !important;
- padding-left: 241px !important;
- background-image: url("http://i.imgur.com/Pc2X6.png") !important;
- background-repeat: no-repeat !important;
- }
- img[src*="http://www.dreamwidth.org/img/tropo-red/dw_logo.png"] {
- width: 0px !important;
- height: 51px !important;
- padding-left: 241px !important;
- background-image: url("http://i.imgur.com/Pc2X6.png") !important;
- background-repeat: no-repeat !important;
- }
- /**
- * Links and a pseudo link class
- */
- body.tropo a:link,
- .link {
- color: #1745ad !important;
- }
- body.tropo a:visited,
- .link {
- color: #4f269a !important;
- }
- body.tropo a:hover,
- body.tropo a:active,
- body.tropo .link:hover {
- color: #1745ad !important;
- text-decoration: none !important;
- }
- body.tropo #page {
- font-size: 9pt !important;
- }
- /**
- * Menu navigation
- */
- body.tropo #canvas nav {
- background: #cbe4fd !important;
- font-weight: bold !important;
- font-size: 8pt !important;
- }
- body.tropo #canvas nav ul li a {
- background: transparent url(/img/tropo-red/icon_menu_swirl_dropdown.png) 0.833333em 0.916667em no-repeat;
- color: #114577 !important;
- font-weight: bold !important;
- }
- /* .hover is a class added by js for the currently hovered/focused menu */
- body.tropo #canvas nav ul li.hover a {
- background-color: #cbe4fd !important;
- color: #114577 !important;
- font-weight: bold !important;
- }
- body.tropo #canvas nav ul li.hover a:hover {
- background-color: #114577 !important;
- color: #fff !important;
- font-weight: bold !important;
- }
- body.tropo #canvas nav ul li.hover ul {
- background-color: #cbe4fd !important;
- font-weight: bold !important;
- }
- /**
- * Footer
- */
- body.tropo #canvas #page footer {
- padding: 1.5em 0 0 0 !important;
- text-align: center !important;
- }
- body.tropo #canvas #page footer ul {
- max-width: 903px !important;
- text-align: center !important;
- margin: 0 auto !important;
- padding: 0 !important;
- }
- body.tropo #canvas #page footer ul li:last-child {
- margin: 0 !important;
- }
- /**
- * #content houses the page-specific innards, and creates margins for the absolutely
- * positioned masthead and footer
- */
- body.tropo #masthead #logo {
- margin-left: 20px !important;
- }
- body.tropo #content h1 {
- color: #114577 !important;
- }
- body.tropo #content h2 {
- color: #114577 !important;
- }
- /**
- * Content Layouts
- *
- * Content layouts are determined based on the class assigned to #content. Potential layouts include:
- * -- wide sidebars
- * -- thin sidebars
- * -- equal width/height columns
- * -- full page (default)
- *
- * Columns/rows inside of #content are named primary, secondary, tertiary, etc and
- * content is placed inside based on order of importance.
- */
- /**
- * Panels are generic boxes for divs inside of #content
- */
- body.tropo #canvas #content #primary .panel,
- body.tropo #canvas #content #secondary .panel {
- border-color: #ccc !important;
- }
- body.tropo #canvas #content .panel .sidebar,
- body.tropo #canvas #content .panel .contents,
- body.tropo #canvas #content .panel .item,
- body.tropo #canvas #content .panel .actions {
- border-color: #ccc !important;
- }
- body.tropo #canvas #content #primary .panel h2 {
- color: #7fa8d0 !important;
- border-bottom: 1px solid #ccc !important;
- }
- body.tropo #canvas #content #secondary .panel h2 {
- color: #7fa8d0 !important;
- border-bottom: 1px solid #ccc !important;
- }
- /**
- * Panels have different styles for different content layouts
- */
- body.tropo #canvas .layout-wide-right-sidebar #primary .panel .contents {
- border-left: 1px solid #ccc !important;
- }
- /**
- * Scheme-specific blocks
- */
- body.tropo #shim-alpha {
- background: #fff;
- height: 84px !important;
- border-bottom: 0.5em solid #114577 !important;
- }
- /* generic classes */
- body.tropo .disabled {
- color: #999 !important;
- background-color: #ddd !important;
- border-color: #ccc !important;
- }
- body.tropo #canvas .read,
- body.tropo #canvas .inactive {
- color: #888;
- }
- body.tropo #canvas .read:hover {
- color: #000;
- }
- body.tropo #canvas .read a,
- body.tropo #canvas .inactive a {
- color: #999 !important;
- }
- body.tropo #canvas .read:hover a {
- color: inherit !important;
- }
- body.tropo #canvas .detail {
- color: #555 !important;
- }
- body.tropo #canvas .status-hint {
- color: #ccc !important;
- }
- body.tropo #canvas .tablist .tab a {
- color: #114577 !important;
- border-color: #c7e0f6 !important;
- }
- body.tropo #canvas .tablist .tab a:hover,
- body.tropo #canvas .tablist .tab a.active {
- background: #c7e0f6 !important;
- }
- body.tropo #canvas .tab-header {
- background: #c7e0f6 !important;
- border-color: #c7e0f6 !important;
- }
- body.tropo #canvas .tab-container {
- background-color: #fff! important;
- border-top: none;
- }
- body.tropo #canvas .action-bar {
- text-align: center;
- background-color: #c7e0f6 !important;
- }
- body.tropo #canvas .action-box .inner {
- background-color: #c5dff9 !important;
- color: #114577 !important;
- border: 1px solid #8fc3f7 !important;
- }
- body.tropo #canvas .select-list input,
- body.tropo #canvas input.submit {
- color: #000 !important;
- background: #c5dff9 !important;
- border-bottom: 2px solid #c7e0f6 !important;
- border-right: 2px solid #c7e0f6 !important;
- }
- body.tropo #canvas .select-list input:active,
- body.tropo #canvas input.submit:active {
- color: #eee !important;
- background: #aaccee !important;
- border-top: 2px solid #c7e0f6 !important;
- border-left: 2px solid #c7e0f6 !important;
- }
- body.tropo #canvas .highlight-box {
- border: 1px solid;
- }
- body.tropo #canvas .highlight,
- body.tropo #canvas .highlight-box {
- border-color: #7fa8d0 !important;
- background-color: #c7e0f6 !important;
- color: #000;
- }
- body.tropo #canvas .inset-box {
- background-color: #fff !important;
- border-right: 1px solid #c7e0f6 !important;
- border-bottom: 1px solid #c7e0f6 !important;
- color: #777 !important;
- padding: 3px 5px;
- }
- body.tropo #canvas .warning-box {
- border: 1px solid #114577 !important;
- color: #000;
- }
- body.tropo #canvas .error-box {
- color: #000;
- background-color: #fcf6db !important;
- border: 1px solid #ffdfc0 !important;
- }
- body.tropo #canvas .odd,
- body.tropo #canvas tr.odd th,
- body.tropo #canvas tr.odd td {
- background-color: #ffffff !important;
- }
- body.tropo #canvas .even,
- body.tropo #canvas tr.even th,
- body.tropo #canvas tr.even td {
- background-color: #efefef !important;
- }
- body.tropo #canvas .column-table tbody th {
- color: #777 !important;
- background-color: #fbfbfb !important;
- border-right: 1px solid #cdcdcd !important;
- }
- body.tropo #canvas table caption {
- color: #7fa8d0 !important;
- }
- body.tropo #canvas table.grid,
- body.tropo #canvas table.grid td {
- border: 1px solid #999 !important;
- }
- body.tropo #canvas .select-list li,
- body.tropo #canvas .NotificationTable td {
- border-color: #ccc !important;
- }
- body.tropo #canvas .select-list li img {
- border-color: #c7e0f6 !important;
- }
- body.tropo #canvas .selected,
- body.tropo #canvas .select-list li.selected,
- body.tropo #canvas tr.selected td {
- background-color: #c7e0f6 !important;
- border-color: #7fa8d0 !important;
- }
- body.tropo #canvas form,
- body.tropo #canvas fieldset,
- body.tropo #canvas legend,
- body.tropo #canvas legend span {
- border-color: #c7e0f6 !important;
- }
- body.tropo #canvas .hint-input {
- color: #777 !important;
- border: 1px solid #ccc !important;
- }
- body.tropo #canvas .hint-input:focus {
- color: #000 !important;
- border: 1px solid #999 !important;
- }
- body.tropo #canvas .multiple-select {
- background-color: #eee !important;
- }
- body.tropo #canvas .simple-form .error input {
- border: 3px solid #ff0000 !important;
- }
- body.tropo #canvas .simple-form .error .error-msg {
- color: #ff0000 !important;
- display: block;
- }
- body.tropo #canvas .table-form table {
- background-color: #F7F7F7 !important;
- }
- body.tropo #canvas .section-nav {
- background-color: #c7e0f6 !important;
- }
- body.tropo #canvas .section-nav li a,
- .section-nav ul,
- .section-nav li,
- .section-nav-separator {
- border-color: #c7e0f6 !important;
- }
- body.tropo #canvas .section-nav-content {
- border-color: #c7e0f6 !important;
- }
- body.tropo #canvas .section-nav li.on {
- background-color: #ffffff !important;
- }
- body.tropo #canvas .section-nav li a:visited {
- color: #114577 !important;
- }
- body.tropo #canvas .section-nav-inner-wrapper {
- background: url("http://img.photobucket.com/albums/v511/cassaru/grey-borderpixel.png") repeat-y scroll 134px 50% !important;
- }
- body.tropo #canvas .collapsible .collapse-button {
- width: 20px;
- }
- body.tropo #canvas .collapsible.collapsed .collapse-button {
- background-image: url("http://img.photobucket.com/albums/v511/cassaru/grey-arrow-right.png") !important;
- }
- body.tropo #canvas .collapsible.expanded .collapse-button {
- background-image: url("http://img.photobucket.com/albums/v511/cassaru/grey-arrow-down.png") !important;
- }
- body.tropo #canvas body.tropo .header {
- background: #ddd !important;
- }
- body.tropo #canvas .subheader {
- background-color: #c7e0f6 !important;
- border-bottom: 1px solid #7fa8d0 !important;
- }
- body.tropo #canvas .preview-image {
- border: 1px solid #fff !important;
- }
- /* contextualhover.css */
- body.tropo #canvas div.ContextualPopup div.Inner {
- background-color: #fff !important;
- color: #000 !important;
- border: 1px solid #c7e0f6 !important;
- }
- body.tropo #canvas div.ContextualPopup div.Inner a,
- body.tropo #canvas div.ContextualPopup div.Inner a:visited {
- color: #7fa8d0 !important;
- }
- body.tropo #canvas .ippu {
- color: #000 !important;
- }
- body.tropo #canvas .ippu .track_title {
- color: #c7e0f6 !important;
- }
- /**
- * Temporary page-specific styling
- * /
- /* Comments */
- body.tropo #canvas .cmtbar.odd,
- body.tropo #canvas .comment-depth-odd .header {
- border-bottom: 2px solid #bbddff !important;
- border-top: 2px solid #bbddff !important;
- border-right: 1px solid #bbddff !important;
- }
- body.tropo #canvas .cmtbar.even,
- body.tropo #canvas .comment-depth-even .header {
- border-bottom: 2px solid #aaccee !important;
- border-top: 2px solid #aaccee !important;
- border-right: 1px solid #aaccee !important;
- }
- body.tropo #canvas td.odd,
- body.tropo #canvas .comment-depth-odd .header {
- background-color: #bbddff !important;
- }
- body.tropo #canvas td.even,
- body.tropo #canvas .comment-depth-even .header {
- background-color: #aaccee !important;
- }
- body.tropo #canvas .cmtbar .icon {
- margin: 0 0 0 3px !important;
- }
- /* inbox */
- body.tropo #canvas .folders a {
- color: #000 !important;
- border: 1px solid #fff;
- }
- body.tropo #canvas .folders a.selected {
- background: #c7e0f6 !important;
- border-color: #7fa8d0 !important;
- }
- body.tropo #canvas .folders a:hover {
- border-color: #bbb !important;
- background: #eee !important;
- }
- /* profile.css */
- body.tropo #canvas .username {
- border-bottom: 1px solid #c7e0f6 !important;
- }
- body.tropo #canvas .section,
- body.tropo #canvas .actions li {
- border-bottom: 1px solid #c7e0f6 !important;
- border-left: 1px solid #c7e0f6 !important;
- color: #000000 !important;
- }
- body.tropo #canvas .section span.section_link {
- color: #000 !important;
- }
- body.tropo #canvas .section_body .inner_section_header {
- color: #111 !important;
- }
- body.tropo #canvas .section_body_title {
- color: #111 !important;
- }
- body.tropo #canvas .profile th {
- color: #111 !important;
- }
- /* lj_settings.css */
- body.tropo #canvas .section_head,
- body.tropo #canvas div.username {
- color: #333 !important;
- border-bottom: 1px solid #c7e0f6 !important;
- }
- body.tropo #canvas .field_block .field_name {
- color: #333 !important;
- background-color: #eee !important;
- }
- /* esn.css */
- body.tropo .CategoryRow td {
- border-bottom: 1px solid #ddd !important;
- }
- /* community/settings */
- body.tropo #canvas .community-settings legend {
- color: #7fa8d0 !important;
- }
- /* Shop pages */
- body.tropo #canvas .shop-item-highlight {
- border: 1px solid #7fa8d0 !important;
- }
- /* entry.css */
- body.tropo #canvas a#lj_userpicselect {
- color: #c7e0f6 !important;
- }
- body.tropo #canvas #lj_userpicselect_img {
- border: 1px solid #fff !important;
- }
- body.tropo #canvas #lj_userpicselect_img:hover {
- border: 1px solid #c7e0f6 !important;
- }
- body.tropo #canvas #lj_userpicselect_img_txt {
- color: #c7e0f6 !important;
- }
- body.tropo #canvas #userpic_preview_image.userpic_loggedout {
- border: 1px solid #c7e0f6 !important;
- }
- body.tropo #canvas .userpic_preview_border {
- border: 1px solid #ccc !important;
- }
- body.tropo #canvas #infobox {
- border-left: 1px solid #000 !important;
- }
- body.tropo #canvas #compose-entry {
- border-bottom: 1px solid #bbb !important;
- }
- body.tropo #canvas #compose-entry ul li a {
- background-color: #fff;
- border: 1px solid #c7e0f6 !important;
- border-bottom: none;
- }
- body.tropo #canvas #compose-entry ul li.on a {
- border-bottom: 1px solid #fff;
- }
- body.tropo #canvas #draft-container {
- border: 1px solid #bbb;
- border-top: none;
- }
- body.tropo #canvas #draftstatus {
- background-color: #fff;
- }
- body.tropo #canvas #spellcheck-results {
- border: 1px solid #c7e0f6 !important;
- background-color: #fff;
- }
- body.tropo #canvas #htmltools {
- border-right: 1px solid #bbb;
- border-left: 1px solid #bbb;
- background: #fff;
- }
- body.tropo #canvas #htmltools ul {
- border-bottom: 1px solid #8d8d8d;
- }
- body.tropo #canvas #options,
- body.tropo #canvas #public {
- border: 1px solid #bbb;
- background-color: #eee;
- }
- body.tropo #canvas #public {
- color: #666;
- }
- body.tropo #canvas #submitbar {
- background-color: #ddd;
- border: 1px solid #aaa;
- }
- /* create flow */
- body.tropo #canvas .appwidget-createaccountprogressmeter .step-block-active {
- color: #fff;
- background-color: #7fa8d0 !important
- }
- body.tropo #canvas .appwidget-createaccountprogressmeter .step-block-inactive {
- color: #fff;
- background-color: #114577 !important
- }
- body.tropo #canvas .appwidget-createaccountprogressmeter .step-selected,
- .appwidget-createaccountprofile .header {
- color: #7fa8d0 !important
- }
- body.tropo #canvas .appwidget-createaccountprogressmeter .step-previous {
- color: #114577;
- }
- body.tropo #canvas .appwidget-createaccountprogressmeter .step-next {
- color: #666;
- }
- /* lj_base-app.css */
- body.tropo #canvas hr.hr {
- color: #c7e0f6 !important;
- background-color: #c7e0f6 !important;
- }
- body.tropo #canvas input.text,
- body.tropo #canvas textarea.text,
- body.tropo #canvas 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;
- }
- body.tropo #canvas .appwidget .more-link {
- color: #c7e0f6 !important;
- background: url('/img/arrow-double-black.gif') no-repeat 0 60%;
- }
- body.tropo #canvas .arrow-link,
- body.tropo #canvas .more-link {
- background: url('/img/arrow-double-black.gif') no-repeat 0 50%;
- }
- body.tropo #canvas .message {
- border: 5px solid #eee;
- }
- body.tropo #canvas .message blockquote {
- border: 1px solid #aaa;
- }
- body.tropo #canvas .helper {
- color: #666;
- }
- /**
- * Color Changes
- */
- body.tropo #canvas {
- background: #ffffff !important;
- }
- #canvas #page footer,
- body.tropo #canvas .tablist .tab a,
- body.tropo #canvas .warning-box,
- body.tropo #canvas thead th,
- body.tropo #canvas tfoot td,
- body.tropo #canvas .username,
- body.tropo #canvas .appwidget-createaccountprofile .field-name,
- body.tropo #canvas .section,
- body.tropo #canvas .actions li,
- body.tropo #canvas .section_head,
- body.tropo #canvas div.username {
- background: #ecf6ff !important;
- }
- body.tropo #shim-alpha {
- border-top: 0.5em solid #ecf6ff !important;
- }
- body.tropo #canvas .tab-container {
- border: 1px solid #ecf6ff !important;
- }
- body.tropo #canvas .select-list input,
- body.tropo #canvas input.submit {
- border-top: 2px solid #ecf6ff !important;
- border-left: 2px solid #ecf6ff !important;
- }
- body.tropo #canvas .select-list input:active,
- body.tropo #canvas input.submit:active {
- border-bottom: 2px solid #ecf6ff !important;
- }
- body.tropo #canvas .select-list input:active,
- body.tropo #canvas input.submit:active {
- border-right: 2px solid #ecf6ff !important;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement