/* Copyright (c) 2007, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.3.1 */ /*reset.css*/body{color:#000;background:#FFF;}body,.lithium-content *{margin:0;padding:0;}.lithium-content table{border-collapse:collapse;border-spacing:0;}.lithium-content fieldset,.lithium-content img{border:0;}.lithium-content address,.lithium-content caption,.lithium-content cite,.lithium-content code,.lithium-content dfn,.lithium-content em,.lithium-content strong,.lithium-content th,.lithium-content var{font-style:normal;font-weight:normal;}.lithium-content li{list-style:none;}.lithium-content caption,.lithium-content th{text-align:left;}.lithium-content h1,.lithium-content h2,.lithium-content h3,.lithium-content h4,.lithium-content h5,.lithium-content h6{font-size:100%;font-weight:normal;}.lithium-content q:before,.lithium-content q:after{content:'';}.lithium-content abbr,.lithium-content acronym{border:0;font-variant:normal;}.lithium-content sup,.lithium-content sub{line-height:-1px;vertical-align:text-top;}.lithium-content sub{vertical-align:text-bottom;}.lithium-content input, .lithium-content textarea, .lithium-content select{font-family:inherit;font-size:inherit;font-weight:inherit;} /*fonts.css*/body .lithium-content {font:13px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}.lithium-content table {font-size:inherit;font:100%;}.lithium-content pre,.lithium-content code,.lithium-content kbd,.lithium-content samp,.lithium-content tt{font-family:monospace;*font-size:108%;line-height:99%;} /********************************************************* * Author: Adam Ayres * File: GlobalStyles.css * * Global Styles Rules: * - !!! NEVER USE !important !!! * - All selectors should start with "#lithium-body" for namespacing * - Should be properly grouped in a section * - Should only be added here if used by more then one node (board, blog, etc) * - There should NOT be any HARD CODED: Colors, fonts or background images * * Sections: * - HTML Tags * - Page Elements (dumping ground for unsorted) * - Messages * - Notes * - Buttons * - Icons * - Admin Mode * - Hacks * - Defensive CSS * - Kudos * - User * - Forms * - Paging * - Menus * - Tagging * - Settings *********************************************************/ /******************************************************* HTML Tags - Start ********************************************************/ #lithium-body .lithium-content strong,.lithium-content b { font-weight:bold; } #lithium-body .lithium-content em { font-style:italic; } #lithium-body .lithium-content strong em { font-weight:bold; font-style:italic; } #lithium-body .lithium-content em strong { font-weight:bold; font-style:italic; } #lithium-body .lithium-content i { font-style:italic; } #lithium-body .lithium-content blockquote { margin:0 40px 12px 40px; } #lithium-body .lithium-content p { margin-bottom:1em; } #lithium-body .lithium-content label { font-weight:bold; margin:0 0 5px 0; } #lithium-body .lithium-content pre, .mceContentBody pre { background-color:#F0F0F0; padding:3px; border:1px dashed #000; color:#000; font-family:Courier; margin:10px; overflow:scroll; } /* LIA-4710 - Pre tag fix so that pre tag wrapping works */ #lithium-body .lithium-content pre, .mceContentBody pre { white-space:pre-wrap; /* css-3 */ white-space:-moz-pre-wrap; /* Mozilla, since 1999 */ white-space:-pre-wrap; /* Opera 4-6 */ white-space:-o-pre-wrap; /* Opera 7 */ word-wrap:break-word; /* Internet Explorer 5.5+ */ } /******************************************************* HTML Tags - End ********************************************************/ /******************************************************* Globals - Start ********************************************************/ /* Globals */ #lithium-body .lithium-content .justify { text-align:justify; } #lithium-body .lithium-content .hidden { display:none; } #lithium-body .lithium-content .faded, #lithium-body .lithium-content .disabled { filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; } #lithium-body .lithium-content .wrapper-close { float:right; } #lithium-body .lithium-content .wrapper-hide-overflow { overflow:hidden; } /* Separators */ #lithium-body .lithium-content .separator-pre, #lithium-body .lithium-content .separator-post { display:block; float:left; height:1.5em; width:1px; } /* Tree */ #lithium-body .lithium-content .hide-ul li.tree-node ul li.tree-node ul { display:none; } /* Autocomplete menu */ #lithium-body .lithium-content div.t-autocomplete-menu { z-index:10; } #lithium-body .lithium-content div.t-autocomplete-menu ul { padding:0px 0px; height:auto; width:auto; float:left; min-width:300px; } #lithium-body .lithium-content div.t-autocomplete-menu li { padding:3px 1em; } #lithium-body .lithium-content div.t-autocomplete-menu li.selected { font-weight:normal; } /* Taplet - Simple User Lists and View All Links */ #lithium-body .lithium-content .simple-user-list { margin-top:-1px; } #lithium-body .lithium-content .view-all-wrapper { text-align:right; } /******************************************************* Globals - End ********************************************************/ /******************************************************* Page Elements - Start ********************************************************/ /* Two Column Layout */ #lithium-body .TwoColumnLayout .main-content-column-wrapper { float:left; width:70%; } #lithium-body .TwoColumnLayout .side-column-content-wrapper { float:left; width:30%; * width:29.9%} #lithium-body .TwoColumnLayout .eighty-twenty .main-content-column-wrapper { float:left; width:80%; } #lithium-body .TwoColumnLayout .eighty-twenty .side-column-content-wrapper { float:left; width:20%; * width:19.9%; } #lithium-body .lithium-content .fourty-sixty .main-content-column-wrapper { float:left; width:40%; } #lithium-body .lithium-content .fourty-sixty .side-column-content-wrapper { float:left; width:60%; } #lithium-body .Chrome .TwoColumnLayout .columns-container { padding:0; } #lithium-body .Chrome .TwoColumnLayout .side-column-content { text-align:right; } /* Three Column Layout */ #lithium-body .ThreeColumnLayout .columns-container { padding:10px; } #lithium-body .ThreeColumnLayout .columns-container .middle-column-content { margin-left:5px; } #lithium-body .ThreeColumnLayout .columns-container .side-column-content { margin-left:5px; } #lithium-body .ThreeColumnLayout .columns-container .main-content-column-wrapper { float:left; width:30%; } #lithium-body .ThreeColumnLayout .columns-container .middle-content-column-wrapper { float:left; width:39%; } #lithium-body .ThreeColumnLayout .columns-container .side-column-content-wrapper { float:left; width:30%; } /* Site Navigation Drop Down */ #lithium-body .SiteNavigationDropDown { float:right; margin:5px 3px 3px 3px; font-size:92%; font-family:Geneva,Arial,sans-serif; display:block; } #lithium-body .SiteNavigationDropDown .DropDownMenu a { font-size:92%; } #lithium-body .SiteNavigationDropDown .dropdown-navigation ul li a:hover { background:#ccc; } #lithium-body .SiteNavigationDropDown .dropdown-menu-button { display:block; float:left; text-align:right; } #lithium-body .SiteNavigationDropDown .bookmark-link { padding-left:10px; width:226px; } #lithium-body .SiteNavigationDropDown .category-title-label { margin-top:1em; } #lithium-body .SiteNavigationDropDown .final-bookmark { margin-bottom:10px; } #lithium-body .SiteNavigationDropDown .DropDownMenu .dropdown-navigation a, #lithium-body .SiteNavigationDropDown .DropDownMenu .dropdown-menu-items span { /*width:232px;*/ width:244px; text-decoration:none; padding:1px 1px 1px 4px; display: block; } #lithium-body .SiteNavigationDropDown .dropdown-default-item { width:262px; margin-right:3px; } #lithium-body .SiteNavigationDropDown .DropDownMenu .default-menu-option { width:248px; padding-right:2px; } #lithium-body .SiteNavigationDropDown .DropDownMenu .dropdown-menu-items { /* width:254px;*/ width:265px; height:300px; overflow:scroll; } /* User Navigation Bar */ #lithium-body .UserNavigationBar { padding:1px 0 3px 0; } #lithium-body .UserNavigationBar a:hover { text-decoration:underline; } #lithium-body .UserNavigationBar .LinkDisplay { float:left; margin:2px 4px 0px; } #lithium-body .UserNavigationBar li { margin:0 3px; display:inline; } #lithium-body .UserNavigationBar .separator { float:left; } #lithium-body .UserNavigationBar .profile-link-separator { margin:0 2px; } /* Private Notes Link */ #lithium-body .PrivateNotes { float:right; margin:0 1px 0 0; } #lithium-body .PrivateNotes a.LinkDisplay { float:none; margin:0; } #lithium-body .PrivateNotes img { margin:0pt 1px 0pt 3px; position:relative; top:2px; } /* Footer Bar */ #lithium-body .FooterBar .bottom .SearchForm { float:left; width:auto; } #lithium-body .FooterBar .bottom .SearchForm { padding:3px 5px 0px 3px; } #lithium-body .FooterBar .bottom .SearchForm { *padding:3px 5px 0px 3px; } /* Sorting Bar */ #lithium-body .SortingBar { width:100%; } #lithium-body .SortingBar ul { list-style:none; padding-top:20px; padding-right:20px; text-align:right; } #lithium-body .SortingBar ul li { display:inline; padding-left:10px; } /* Time Range Selector */ #lithium-body .TimeRangeSelector { padding:2px 5px 1px; } #lithium-body .TimeRangeSelector .timerange-navigation li { float:left; margin-right:.5em; } #lithium-body .TimeRangeSelector .timerange-navigation li a:hover { text-decoration:underline; } #lithium-body .TimeRangeSelector .timerange-navigation li .dis { font-weight:bold; cursor:not-allowed; } /* Show All Help Bar */ #lithium-body .ShowAllHelpBar { overflow:auto; height:2em; } #lithium-body .ShowAllHelpBar div { float:left; padding: 8px; cursor:help; } /* Subscriptions List */ #lithium-body .SubscriptionsList .subscription { width:auto; } #lithium-body .SubscriptionsList .containsNew { font-weight:bold; } #lithium-body .SubscriptionsList .type, #lithium-body .SubscriptionsList .newMessages { text-align:center; } #lithium-body .SubscriptionsList .message-unmarked { font-weight:bold; } /* Announcement */ #lithium-body .Announcement .announcement-header { padding:3px 5px; } #lithium-body .Announcement .announcement-text { padding:3px 5px; } /* TabBar */ #lithium-body .TabBar { background:0 top; padding-top:2px; } #lithium-body .TabBar ul { list-style:none; padding:0 0 0 10px; position:relative; top:1px; } #lithium-body .TabBar li { background:no-repeat scroll; float:left; margin:0 2px 0 2px; } #lithium-body .TabBar span { background:no-repeat right top; display:block; float:left; height:100%; } #lithium-body .TabBar span a { background:transparent repeat-x left top; display:block; text-decoration:none; } #lithium-body .TabBar span span.dis { background:transparent repeat-x left top; display:block; text-decoration:none; font-style: italic; } #lithium-body .TabBar li a:hover, .TabBar li span a:hover { text-decoration:underline; } #lithium-body .TabBar .bottom-container { height:.3em; } /* Search Bar */ #lithium-body .SearchBar .top .SearchForm { padding:3px 5px 2px 3px; } #lithium-body .SearchBar .top .SearchForm { *padding:3px 5px 1px 3px; } /* Search Form */ #lithium-body .SearchForm .advanced-search-link { position:relative; top:3px; left:3px; } #lithium-body .SearchForm .user-search-link { position:relative; top:3px; left:3px; } #lithium-body .SearchForm .search-separator { position:relative; top:3px; left:3px; } #lithium-body .SearchForm .search-granularity { float:left; margin-left:5px; } #lithium-body .SearchForm .search-input { width:175px; padding:2px; float:left; } #lithium-body .SearchForm .submit-button img { float:left; } #lithium-body .SearchForm .submit-button { border:0; background:none; padding:0; margin:0 0 0 0; cursor:pointer; float:left; } #lithium-body .SearchForm .submit-button { /* IE6 */ width:auto; overflow:visible; padding:0px 2px; } #lithium-body .SearchForm .submit-button[type] { /* Firefox */ padding:0px 2px; margin:-1px 0 0 0; } *:first-child+html .submit-button[type] { /* IE7 */ padding:0 5px; margin:-2px 0 0 0; } /* Legend Key */ #lithium-body .LegendKey { clear:both; padding:0 0 3px 0; text-align:center; } #lithium-body .LegendKey .title { padding:3px 5px 3px 5px; margin-bottom:3px; text-align:left; } #lithium-body .LegendKey .legend-key-icons { padding:5px; } #lithium-body .LegendKey .legend-icon { margin:0 15px 0 0; } #lithium-body .LegendKey .legend-icon img { margin:0 5px 0 0; position:relative; top:2px; } /* Lithium Logo */ #lithium-body .LithiumLogo { padding:6px 5px 5px 0; float:right; } #lithium-body .LithiumLogo { *padding:6px 5px 3px 0; } /* Max Age Selector */ #lithium-body .MaxAgeSelector .max-age-description { font-weight:bold; } #lithium-body .MaxAgeSelector ul li { display:inline; padding-right:5px; font-weight:bold; } #lithium-body .MaxAgeSelector ul li a { font-weight:normal; } /* Polls List */ #lithium-body .PollsList .polls-header { padding:3px 5px; } #lithium-body .PollsList .poll-question { display:block; text-align:center; padding:5px; font-weight:bold; border-bottom:1px solid #000; } #lithium-body .PollsList .poll-content { border-bottom:1px solid #000; background-color:#ffffff; color:#444444; overflow:hidden; } #lithium-body .PollsList .poll-content { display:none; } #lithium-body .PollsList .poll-form { padding:10px; } #lithium-body .PollsList .poll-choice { width:50%; margin-bottom:10px; } #lithium-body .PollsList .poll-open-choice-link, #lithium-body .PollsList .poll-top-choice { font-weight:normal; text-decoration:none; font-size:100%; margin-left:4px; } #lithium-body .PollsList .view-results-link { text-decoration:underline; } #lithium-body .PollsList .poll-open-choice-link img { vertical-align:middle; } #lithium-body .PollsList .poll-open-choice-link:hover { text-decoration:underline; } #lithium-body .PollsList .poll-votes-bar { height:1em; background:#ccc; } /* Ajax Feedback */ #lithium-body .AjaxFeedback { padding:5px; text-align:left; margin:10px; } #lithium-body .ajax-error { background-color:#FFCCCC; border:1px solid #CC0000; } #lithium-body .AjaxFeedback .ajax-title, .AjaxFeedback .ajax-message { display:inline; } #lithium-body .AjaxFeedback .ajax-title { font-weight:bold; } /* Attachments */ #lithium-body .Attachments { overflow:hidden; margin:0 0 10px 0; } #lithium-body .Attachments button, #lithium-body .Attachments input { margin-top:4px; } #lithium-body .Attachments .attachment-hidden, #lithium-body .Attachments .add-checkbox, #lithium-body .Attachments .remove-checkbox { display:none; } #lithium-body .Attachments .attachment-attached { margin-bottom:10px; } #lithium-body .Attachments .attachment-detached { text-decoration:line-through !important; } #lithium-body .Attachments .detach-attachment { text-decoration:underline !important; margin-left:10px; } #lithium-body .Attachments .existingAttachment { text-decoration:none; margin-right:5px; } #lithium-body .Attachments .existingAttachment:hover { text-decoration:underline; } #lithium-body .Attachments .preview-attachments { padding:5px 10px; } /* Batch Processing */ #lithium-body .BatchProcessing { margin:2px 0 0 0; } /* Board Selector */ #lithium-body .BoardsSelector .select-board-label { font-weight:bold; display:block; float:left; margin:4px 4px 0 0; } #lithium-body .BoardsSelector .select-board-label, #lithium-body .BoardsSelector { margin-bottom:5px; } /* Bread Crumb */ #lithium-body .BreadCrumb { padding:1px 5px 2px; font-weight:bold; } #lithium-body .BreadCrumb a, #lithium-body .BreadCromb .final-crumb { font-weight:bold; } #lithium-body .BreadCrumb a:hover { text-decoration:underline; font-weight:bold; } #lithium-body .BreadCrumb.crumb-line li { display:inline; } #lithium-body .BreadCrumb .tree ul { position:relative; left:1em; } /* Chrome */ #lithium-body .Chrome .handle { cursor:move; } #lithium-body .Chrome .title { float:left; } #lithium-body .Chrome .chrome-toggle, #lithium-body .editing-enabled .Chrome .chrome-remove,#lithium-body .editing-enabled .Chrome .handle { float:right; margin:2px 0 0 5px; } #lithium-body .Chrome .chrome-toggle, #lithium-body .editing-enabled .Chrome .chrome-remove { cursor:pointer; display:block; } #lithium-body .Chrome ul li { padding:2px 5px; clear:left; } /* Date Time */ #lithium-body .DateTime { margin-top:5px; } /* Emoticon View -- Should not have lithium-body namespace */ .EmoticonsPopupPage { margin:10px 0 0 0; padding:0; } .EmoticonView { width:210px; height:150px; } .EmoticonView { *width:180px; *height:180px; } .EmoticonView ul li a { margin:1px; } /* Customer Header -- Should not have lithium-body namespace */ .CustomHeader { text-align:center; line-height:1.15em; } /* Succes Message based on Tapestry Error CSS */ #lithium-body .lithium-content div.success-message { margin:10px 0; padding:7px; font-size:92%; } #lithium-body .lithium-content div.success-message div { font-weight:normal; font-weight:bold; font-size:92%; } #lithium-body .lithium-content div.success-message ul { list-style-type:disc; list-style-position:inside; margin:3px 0 0 10px; } #lithium-body .lithium-content div.success-message li { margin-left:0px; font-size:92%; } /* Control Modal Stlyes */ #lithium-body .TagList .Modal { display:inline; } #lithium-body #modal-stage-element { display:none; } #lithium-body #modal_container { text-align:left; } #lithium-body #modal_container .message-preview { font-size:100%; float:left; } /* jSpell - spellingDialog */ #spellingDialog td { text-align:left !important; padding:2px 0 !important; } #spellingDialog #titleBarHandle { font-weight:bold !important; } #spellingDialog #jspell_finish { width:100% !important; height:100% !important; cursor:pointer !important; } #spellingDialog .jsd_button { font-weight:bold !important; font-family:Geneva,Arial,sans-serif !important; cursor:pointer !important; margin:2px 0 2px 10px !important; } #spellingDialog #jspellErrTypeLabel, #spellingDialog #jspellSuggLabel { font-weight:bold !important; margin:0 0 3px 5px !important; } #spellingDialog #jspellErrWord { font-weight:bold !important; } #spellingDialog #jspellErrActionLabel { font-weight:bold !important; margin:5px 0 3px 5px !important; } .message-subject-editor iframe, .note-subject-editor iframe { width:100% !important; margin:0 2px 5px 0 !important; height:1.7em !important; } .message-body-editor iframe, .message-teaser-editor iframe { width:100% !important; } /* Error Page */ #lithium-body .lithium-content .exception-page-message {text-align:center;margin:20px 10px 20px 10px} /* Top Messages LeaderBoard */ #lithium-body .TopMessagesLeaderBoard { margin:0; } /* My Email Subscriptions Taplet */ #lithium-body .MyEmailSubscriptionsTaplet .manage-subscriptions-link { display:block; text-align:center; } /* Top Board Taplet */ #lithium-body .TopBoardsTapletChrome { overflow:hidden; } #lithium-body .TopBoardsTaplet .t-data-grid { border-spacing:0px; border-collapse:collapse; width:100%; } #lithium-body .TopBoardsTaplet .t-data-grid td.boardTitle { text-align:left; padding:2px 4px; } #lithium-body .TopBoardsTapletChrome .heading-bar { text-align:left; padding:2px 5px 2px; } #lithium-body .TopBoardsTaplet .messageCount, #lithium-body .TopBoardsTaplet .newMessagesCount, #lithium-body .TopBoardsTaplet .recentMessagesCount { width:12%; } #lithium-body .TopBoardsTaplet .rowNumber { width:3%; } #lithium-body .TopBoardsTaplet .t-data-grid td a { font-size:1em; font-weight:bold; } #lithium-body .TopBoardsTaplet .t-data-grid td { text-align:center; font-size:.75em; } #lithium-body .TopBoardsTaplet .t-data-grid td div { font-size:.75em; } #lithium-body .TopBoardsTaplet .t-data-grid td div, #lithium-body.TopBoardsTaplet .t-data-grid td div a { padding:5px 2px 0px 3px; color:#999999; } /******************************************************* Page Elements - End ********************************************************/ /******************************************************* Messages - Start ********************************************************/ /* Message List */ #lithium-body .MessageList { overflow:hidden; } #lithium-body .MessageList .DateTime { white-space:nowrap; text-align:right; } #lithium-body .MessageList .messageAuthorColumn-cell, #lithium-body .MessageList .messageStatusIconColumn { white-space:nowrap; } #lithium-body .MessageList .thread-list tr td { padding:3px 5px; } #lithium-body .MessageList .threaded-structure-list tr td { padding:3px 5px 4px; } #lithium-body .MessageList .single-message-list tr td { padding:6px 5px; } /* Overrides for tapestry grid styles */ div.t-data-grid { font-family:inherit; margin:0 -1px -1px 0; } table.t-data-grid { border:0; width:100%; } table.t-data-grid thead tr th, table.t-data-grid thead tr th a { text-transform:uppercase; padding:3px 4px 2px 4px; border-right:0; } table.t-data-grid tbody tr td { veritical-align:middle; border-right:0; } th.latestPostDateColumn, .latestPostDateColumn-cell { text-align:right !important; } table.t-data-grid tbody tr td.readByModeratorColumn-cell, table.t-data-grid thead tr th.readByModeratorColumn { padding:2px; } /* Message List column centering */ th.repliesCountColumn, th.newMessagesCountColumn, th.readByModeratorColumn, th.viewsCountColumn, td.newMessagesCountColumn, td.moderatorBatchProcessingColumn, td.viewsCountColumn, td.readByModeratorColumn, td.messageStatusIconColumn, .ratingsColumn, .repliesCountColumn, .kudosCountColumn, .messageStatusIconColumn { text-align:center !important; } #lithium-body .kudosCountColumn .MessageKudosCount { text-align:center !important; } #lithium-body .messageStatusIconColumn img { padding:1px; } /* Captcha */ #lithium-body .captcha-controls li { display:inline; } /* Message History */ #lithium-body .MessageHistory a { display:inline; padding:3px; } #lithium-body .MessageHistory .title, #lithium-body .MessageHistory .author, #lithium-body .MessageHistory .date { float:left; width:45%; } #lithium-body .MessageHistory .header-row { padding:3px; } #lithium-body .MessageHistory .history-row { padding:3px; } #lithium-body .MessageHistory .history-row .date { white-space:nowrap; } /* Tiny Mce Styles - Should be similar to message stlyes */ body.mceContentBody { text-align:left; padding:15px 10px; margin:0; } .mceContentBody p { margin:0; } .mceContentBody pre br { *clear:left; *display:block; } .mceContentBody ul { padding-left:2.5em; margin:0px; } .mceContentBody ul li { list-style:disc outside ; } .mceContentBody ol { padding-left:2.5em; } .mceContentBody ol li { list-style:decimal outside; } .mceContentBody .message-edit-history { margin-top:2em; } .mceEditor .forecolor-automatic { border:1px solid #808080; display:inline; line-height:9px; padding-left:6px; margin-left:5px; } /* Message Editor */ #lithium-body .MessageEditor { margin:0 0 5px 0; } #lithium-body .MessageEditor { overflow:visible; padding-left:1px; } #lithium-body .MessageEditor .message-body-editor textarea { height:248px; border:0; width:100%; border:1px solid #cccccc; } #lithium-body .MessageEditor .macro-select { min-width:7em; } #lithium-body .MessageEditor .editor-controls li { float:right; padding:2px 0 2px 0; margin-left:3px; } #lithium-body .MessageEditor .editor-controls li img { border:1px solid #F0F0EE; } #lithium-body .MessageEditor .editor-controls .editor-button { margin:0 0 0 0; color:#000000; border:none; text-decoration:none; cursor:pointer; font-family:verdana; background-color:transparent} #lithium-body .MessageEditor .editor-controls .editor-button { /* IE6 */ width:auto; overflow:visible; padding:3px 4px 1px 20px; } #lithium-body .MessageEditor .editor-controls .editor-button[type] {/* Firefox */ padding:2px 4px 2px 17px; } #lithium-body .MessageEditor .editor-controls .editor-button {/* IE7 */ *padding:4px 4px 1px 20px; } #lithium-body .MessageEditor .editor-controls a.editor-button { display:block; padding:3px 3px 3px 0; } #lithium-body .MessageEditor .editor-controls a.editor-button img { margin:-3px 0 -4px 0; vertical-align:top; border:0; } #lithium-body .MessageEditor .editor-controls .editor-button-wrapper { display:inline; background-color:#F0F0EE; width:auto; } #lithium-body .block-buttons .editor-controls .editor-button-wrapper { border:1px solid #cccccc; } #lithium-body .inline-buttons .editor-controls .editor-button-wrapper { border:1px solid #F0F0EE; } head:first-child+body#lithium-body .MessageEditor .editor-controls .editor-button-wrapper { /* Disclude IE 5.5/6 */ display:block; } #lithium-body .MessageEditor .editor-controls .editor-button-wrapper:hover, #lithium-body .MessageEditor .selected { background-color:#B6BBD2 !important; border:1px solid #6779AA !important; } #lithium-body .MessageEditor .editor-controls, #lithium-body .MessageEditor .message-body-editor { width:100%; clear: both; } /* Message Editor Form */ #lithium-body .MessageEditorForm .editor-controls { position: relative; z-index: 9 } #lithium-body .MessageEditorForm .editor-label { text-align:left; } #lithium-body .MessageEditorForm .two-column .message-editor-fields { margin:0 5px 0 0; } #lithium-body .MessageEditorForm .two-column .message-editor-fields-wrapper { float:left; width:70%; } #lithium-body .MessageEditorForm .one-column .message-meta-data { margin:10px 0 0 0; } #lithium-body .MessageEditorForm .two-column .message-meta-data { margin:0 0 0 5px; } #lithium-body .MessageEditorForm .two-column .message-meta-data-wrapper { float:right; } #lithium-body .MessageEditorForm .message-preview, #lithium-body .lithium-content .reply-to-message { margin-top:10px; } #lithium-body .MessageEditorForm .message-preview, #lithium-body .lithium-content .orginal-message { margin-top:10px; } head:first-child+body .MessageEditorForm .two-column .message-meta-data-wrapper { /* Disclude IE 5.5/6 */ width:30%; } #lithium-body .MessageEditorForm .message-subject-editor { height:3.2em; } #lithium-body .MessageEditorForm .message-teaser-editor, #lithium-body .MessageEditorForm .message-subject-editor { text-align: left; } /* Used in Message Editor on surrounding div */ #lithium-body .lithium-content .inline-buttons { margin-top:-25px; } #lithium-body .lithium-content .inline-buttons .editor-controls { position:relative; z-index:9; top:25px; *top:26px;} #lithium-body .lithium-content .inline-buttons .html-mode { border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background:#F0F0EE; left:1px; position:relative; z-index:8; } #lithium-body .lithium-content .inline-buttons textarea { padding-top:25px; } #lithium-body .lithium-content .inline-buttons .message-body-editor { clear:both; } #lithium-body .lithium-content .inline-buttons .editor-button-wrapper { margin-right:3px; } #lithium-body .lithium-content .inline-buttons .editor-controls li { margin-left:0px; padding:1px 0 2px 0; } /* Message Notifications */ #lithium-body .MessageNotifications .message-float-options { display:none; } #lithium-body .MessageNotifications .message-float-options, .MessageNotifications .message-subscription-options ul { display:none; } /* Message Tags */ #lithium-body .MessageTags { float:left; clear:left; } #lithium-body .MessageTags .TagList { margin-top:1px; margin-bottom:0; } #lithium-body .MessageTags .TagList .deleted { text-decoration:line-through; } #lithium-body .MessageTags .message-tags-label { font-weight:bold; float:left; padding-right:5px; } /* Message Tag Editor */ #lithium-body .MessageTagEditor .editor-input { width:99%; } #lithium-body .MessageTagEditor .editor-input { padding:3px 0; } head:first-child+body .MessageTagEditor .editor-input { /* Disclude IE 5.5/6 */ width:100%; } /* Simple Message List */ #lithium-body .SimpleMessageList .SimpleMessageView { padding:6px 0; } #lithium-body .SimpleMessageList .message { padding:0 6px; } #lithium-body #lithium-body .SimpleMessageList .odd-row { background:#f5f5f5; } #lithium-body .SimpleMessageList .simple-message-list-footer { text-align:right; border-top:1px solid #000; background:#ccc; padding:3px; } #lithium-body .SimpleMessageList .view-all-link { margin:0px; } /* Simple Message View */ #lithium-body .SimpleMessageView .UserAvatar img { vertical-align:middle; margin:0px; height:1.5em; width:1.5em; position:relative; top:-2px; } #lithium-body .SimpleMessageView ul li { float:left; } #lithium-body .SimpleMessageView .MessageSubject { margin-bottom:5px; }.SimpleMessageView ul { overflow:hidden; } #lithium-body .SimpleMessageView ul li { border-left:1px solid #000; float:left; line-height:1.1em; margin:0 .75em 0 -.75em; padding:0 .75em 0 .75em; } #lithium-body .SimpleMessageView .local-date { font-size:100%; } #lithium-body .SimpleMessageView .UserName a { font-size:100%; } #lithium-body .SimpleMessageView .kudos-count-label { float:left; display:block; margin-right:.4em; font-weight:bold; } /******************************************************* Messages - End ********************************************************/ /******************************************************* Notes - Start ********************************************************/ /* Private Notes Page */ .PrivateNotesPage .TabBar { clear:both; } .PrivateNotesPage .TabBar { border-top:0px; } .PrivateNotesPage .SearchBar,.PrivateNotesPage .FooterBar { clear:both; } .PrivateNotesPage .MenuBar { clear:both; } .PrivateNotesPage .InfoMessage { margin-top:10px; margin-bottom:10px; clear:both; text-align:center; } .PrivateNotesPage .t-data-grid tr td { padding:3px 5px 4px; } .PrivateNotesPage .form-action-buttons .action-button.submit-button { padding:3px; }/* This granularity is needed for IE */ .PrivateNotesPage .form-action-buttons .action-button.cancel-button { padding:3px; } /* This granularity is needed for IE */ /* Note Editor Form */ #lithium-body .NoteEditorForm { padding:0 10px 10px 10px; display:block; clear:both; margin-top:10px; } #lithium-body .NoteEditorForm .note-editor-container { margin-top:10px; color:#000; } #lithium-body .NoteEditorForm .note-editor-fields { padding:5px 7px 5px 5px; } #lithium-body .NoteEditorForm .note-preview, .reply-to-note { margin-top:10px; } #lithium-body .NoteEditorForm .editor-label { display:block; height:16px; float:left; margin-bottom:2px; } #lithium-body .NoteEditorForm .note-tousers-editor img { float:left; margin-left:5px; } /* Notes Summary List */ #lithium-body .NotesSummaryList .note { padding:3px 3px; } #lithium-body .NotesSummaryList .note p { line-height:1.5em; } #lithium-body .NotesSummaryList .note-content { font-size:100%; padding:3px; margin:0px; } #lithium-body .NotesSummaryList .note-content a { text-decoration:none; } #lithium-body .NotesSummaryList .note-content a:hover { text-decoration:underline; } #lithium-body .NotesSummaryList .note-subject-unread {font-weight:bold; } #lithium-body .NotesSummaryList .view-all-container { text-align:right; padding:0 5px 3px 0; } #lithium-body .NotesSummaryList .view-all-container a { text-decoration:none; font-size:90%; } #lithium-body .NotesSummaryList .view-all-container a:hover { text-decoration:underline; } /* Private Notes List */ #lithium-body .PrivateNotesList .select-section { margin:10px 10px 10px 10px; padding:7px; clear:both; text-align:center; } #lithium-body .PrivateNotesList { overflow:hidden; } #lithium-body .PrivateNotesList .t-data-grid thead img { margin-left:3px; } #lithium-body .PrivateNotesList .noteSubjectColumn { width:50%; } #lithium-body .PrivateNotesList .noteUserColumn { width:20%; } #lithium-body .PrivateNotesList .t-data-grid tbody .noteUserColumn img { display:block; float:left; margin:2px 0pt; } #lithium-body .PrivateNotesList .t-data-grid tbody .noteUserColumn .UserName { display:block; float:left; margin:12px; } #lithium-body .PrivateNotesList .t-data-grid tbody .noteUserColumn .UserName img { display:block; float:left; margin:2px 6px 2px 2px; } #lithium-body .PrivateNotesList .select-mode { display:none; } #lithium-body .PrivateNotesList .noteCheckboxColumn { text-align:center; } #lithium-body .PrivateNotesList .select-links-bar { clear:both; margin:10px; } #lithium-body .PrivateNotesList .select-title { display:inline; float:left; padding-right:4px; } #lithium-body .PrivateNotesList .select-links li { float:left; display:inline; } #lithium-body .PrivateNotesList .select-links a:hover { text-decoration:underline; } #lithium-body .PrivateNotesList .select-links .separator-list-item { padding:0px 4px 0px; } #lithium-body .PrivateNotesList .form-action-buttons { clear:both; } #lithium-body .PrivateNotesList .form-action-buttons { margin:10px; } #lithium-body .PrivateNotesList .hidden-form-action-buttons { display:none !important; } #lithium-body .MessageSubject .note-read { font-weight:normal; } #lithium-body .MessageSubject .note-unread, #lithium-body .MessageSubject .note-unread span { font-weight:bold !important; } /* Contacts List */ #lithium-body .ContactsList { display:block; clear:both; overflow:hidden; } #lithium-body .ContactsList .contactsUserColumn { width:30%; } #lithium-body .ContactsList .contactsLatestPostColumn { width:30%; } #lithium-body .ContactsList .contactsActionColumn { width:30%; } #lithium-body .ContactsList .t-data-grid tbody .contactsUserColumn img { float:left; margin:2px 0pt; } #lithium-body .ContactsList .t-data-grid tbody .contactsUserColumn .UserName { display:block; float:left; margin:12px; } #lithium-body .ContactsList .t-data-grid tbody .contactsUserColumn .UserName img { display:block; float:left; margin:2px 6px 2px 2px; } #lithium-body .ContactsList .contactsSendMessageColumn { text-align:center; } #lithium-body .ContactsList .contactsStatusColumn { text-align:center; } #lithium-body .ContactsList .contactsActionColumn { text-align:center; } #lithium-body .ContactsList .contactsLatestPostColumn { text-align:right; } #lithium-body .ContactsList .contactsSendMessageColumn { text-align:center; } #lithium-body .ContactsList .contactsStatusColumn { text-align:center; } #lithium-body .ContactsList .contactsActionColumn { text-align:center; } #lithium-body .ContactsList .contactsLatestPostColumn { text-align:right; } #lithium-body .ContactsList .online, #lithium-body .ContactsList .online span { font-weight:bold !important; } #lithium-body .ContactsList .offline { font-weight:normal; } #lithium-body .ContactsList .bottom-block { border-bottom:0px; } /* Note View */ #lithium-body .NoteView { clear:both; } #lithium-body .NoteView .note-section { margin:10px; } #lithium-body .NoteView .note-view-subject { margin-bottom:10px; clear:both; font-weight:bold !important; } #lithium-body .NoteView .note-view-from { display:inline; float:left; } #lithium-body .NoteView .note-view-label { float:left; display:inline; font-weight:bold; margin-right:3px; } #lithium-body .NoteView .from-bar { margin-top:10px; clear:both; } #lithium-body .NoteView .from-bar .UserName { display:inline; float:left; } #lithium-body .NoteView .note-view-body { margin-bottom:10px; clear:both; } #lithium-body .NoteView .note-view-body { vertical-align:top; } #lithium-body .NoteView .note-view-body p { margin:0; } #lithium-body .NoteView .note-view-body .abuse-report p { margin-bottom:1em; } #lithium-body .NoteView .note-view-body a { text-decoration:underline; } #lithium-body .NoteView .note-view-body ul { padding-left:2.5em; } #lithium-body .NoteView .note-view-body ul li { list-style:disc outside ; } #lithium-body .NoteView .note-view-body ol { padding-left:2.5em; } #lithium-body .NoteView .note-view-body ol li { list-style:decimal outside; } #lithium-body .NoteView .date-bar { margin-bottom:10px; float:left; clear:both; } #lithium-body .NoteView .bottom-block { margin-top:10px; border-bottom:0px; } #lithium-body .NoteView .back-link { display:block; float:left; clear:both; margin:5px 5px 5px 10px; } #lithium-body .NoteView .back-link a:hover { text-decoration:underline; } #lithium-body .NoteView .contact-links-bar { display:inline; float:right; } #lithium-body .NoteView .contact-links-bar li { float:left; } #lithium-body .NoteView .contact-links-bar a:hover { text-decoration:underline; } #lithium-body .NoteView .contact-links-bar ul, .NoteView .contact-links-bar .separator-list-item { padding:2px 4px 2px; float:left; } #lithium-body .NoteView .contact-links-bar ul, .NoteView .contact-links-bar .separator-list-item { /* IE7 Hack */ * padding:2px 4px 3px; } #lithium-body .NoteView .contact-links-bar ul li { display:inline; margin:0px .1em; } #lithium-body .NoteView .form-action-buttons { clear:both; padding-left:10px; padding-top:10px; } #lithium-body .NoteView .form-action-buttons li { display:inline; } #lithium-body .NoteView .form-action-buttons { margin:5px 0px 5px 0px; } #lithium-body .NoteView .form-action-buttons .reply-button { margin:0px 10px 0px 0px; padding-left:25px; } #lithium-body .NoteView .hidden-form-action-buttons { display:none; } /* Simple Note View */ #lithium-body .SimpleNoteView { clear:both; padding:5px; } #lithium-body .SimpleNoteView .note-section { clear:both; } #lithium-body .SimpleNoteView .note-view-subject { clear:both; float:left; margin-bottom:10px; font-weight:bold !important; } #lithium-body .SimpleNoteView .note-view-from { display:inline; float:left; } #lithium-body .SimpleNoteView .note-view-to { display:inline; float:left; } #lithium-body .SimpleNoteView .note-view-label { float:left; display:inline; font-weight:bold; margin-right:3px; } #lithium-body .SimpleNoteView .from-bar { clear:both; margin-top:10px; } #lithium-body .SimpleNoteView .to-bar { clear:both; } #lithium-body .SimpleNoteView .note-view-to ul, #lithium-body .SimpleNoteView .note-view-to .separator-list-item { float:left; display:inline; } #lithium-body .SimpleNoteView .note-view-to .separator-list-item { margin-right:5px; } #lithium-body .SimpleNoteView .note-view-to li { display:inline; float:left; margin:0px .1em; } #lithium-body .SimpleNoteView .note-view-body { clear:both; margin-bottom:10px; } #lithium-body .SimpleNoteView .note-view-body { vertical-align:top; } #lithium-body .SimpleNoteView .note-view-body p { margin:0; } #lithium-body .SimpleNoteView .note-view-body a { text-decoration:underline; } #lithium-body .SimpleNoteView .note-view-body ul { padding-left:2.5em; } #lithium-body .SimpleNoteView .note-view-body ul li { list-style:disc outside ; } #lithium-body .SimpleNoteView .note-view-body ol { padding-left:2.5em; } #lithium-body .SimpleNoteView .note-view-body ol li { list-style:decimal outside; } #lithium-body .SimpleNoteView .date-bar { clear:both; margin-bottom:10px; } /* Compose Success Message */ #lithium-body .ComposeSuccessMessage { margin:10px 10px 10px 10px; padding:7px; clear:both; text-align:center; } #lithium-body .ComposeSuccessMessage { padding-left:2px; } #lithium-body .ComposeSuccessMessage div {text-align:center; } #lithium-body .ComposeSuccessMessage a:hover { text-decoration:underline; } #lithium-body .ComposeSuccessMessage .success-message { clear:both; } #lithium-body .ComposeSuccessMessage .after-send-links-list { clear:both; } #lithium-body .ComposeSuccessMessage .after-send-links li { display:inline; margin:0px .1em; } #lithium-body .ComposeSuccessMessage ul, #lithium-body .ComposeSuccessMessage .separator-list-item { padding:2px 4px 2px; } #lithium-body .ComposeSuccessMessage ul, #lithium-body .ComposeSuccessMessage .separator-list-item { /* IE7 Hack */ * padding:2px 4px 3px; } /******************************************************* Notes - End ********************************************************/ /******************************************************* Buttons - Start ********************************************************/ /** Kudos Button **/ #lithium-body .KudosButton div { text-align:center; } #lithium-body .KudosButton .kudos-link { margin:-1.5em auto 0 auto; } #lithium-body .KudosButton .kudos-link { * margin:0; } #lithium-body .KudosButton .MessageKudosCount { font-weight:bold; text-align: center; } #lithium-body .KudosButton .has-kudos { * margin-top:-1.4em; } #lithium-body .KudosButton .MessageKudosCount { cursor:pointer; * position:relative; * top:1.3em; } #lithium-body .KudosButton .kudos-link { display:block; } #lithium-body .KudosButton a.kudos-count-link { text-decoration:none; height:1.5em; display:block; line-height:20px; text-align:center; } /* This only works assuming that the exposed Kudos image height is 20px; may cause problems down the line */ #lithium-body .KudosButton a.kudos-count-link { * height:auto; * display:auto; } #lithium-body .KudosButton a.kudos-count-link:hover .MessageKudosCount { text-decoration:underline; } #lithium-body .KudosButton .kudos-label, .KudosButton .kudos-label-thanks { font-weight:bold; margin-top:2px; text-align: center; } #lithium-body .KudosButton .not-kudoed .kudos-label-thanks { display:none; } #lithium-body .KudosButton .kudos-enabled .kudos-give .kudos-label { text-decoration:none; font-size:69%; cursor:pointer} /** States **/ #lithium-body .deletedState .approve, #lithium-body .deletedState .unapprove, #lithium-body .deletedState .show-delete, #lithium-body .deletedState .delete-confirmation, #lithium-body .deletedState .comment-status-icon, #lithium-body .deletedState .BatchProcessing {display:none; } #lithium-body .deletedState .comment-body { text-decoration: line-through; } /** Solutions Button **/ #lithium-body .SolutionsButton div { text-align:center; } #lithium-body .SolutionsButton .is-solved { margin:0 auto; } #lithium-body .SolutionsButton .is-solved { * margin:0; } #lithium-body .SolutionsButton .solutions-action-link, .SolutionsButton .solutions-page-link { text-decoration:none; } #lithium-body .message-content .SolutionsButton { margin-top:10px; } #lithium-body .SolutionsButton .solutionsButtonLink, #lithium-body .SolutionsButton .solutions-text, #lithium-body .SolutionsButton .solutions-link { display:block; font-weight:bold; } /******************************************************* Buttons - End ********************************************************/ /******************************************************* Icons - Start ********************************************************/ /* God mode icon */ #lithium-body .GodModeIcon img { display:block; float:right; margin:6px; } /* Silk2Status Icons */ #lithium-body .silk-icon { height:16px; text-decoration:none; background-repeat: no-repeat; } #lithium-body .silk-icon-off-after { color: #9999cc; padding-right:5px; background-position: right -16px; } #lithium-body .silk-icon-off-before, #lithium-body .silk-icon-off-replace { color: #9999cc; padding-left:5px; background-position: left -16px; } #lithium-body .silk-icon-on-after, #lithium-body a.silk-icon-off-after:hover { color: #00f; padding-right:5px; background-position: right 0px; } #lithium-body .silk-icon-on-before, #lithium-body .silk-icon-on-replace, #lithium-body a.silk-icon-off-before:hover { color: #00f; padding-left:5px; background-position: left 0px;} /******************************************************* Icons - End ********************************************************/ /******************************************************* Admin Mode - Start ********************************************************/ /* Page Admin Mode */ #lithium-body .PageAdmin { position:absolute; width:250px; left:0; } #lithium-body .PageAdmin { text-align:left; margin:0 10px; } #lithium-body .PageAdmin .page-admin-controls { padding:10px; } /* Special Page Admin Mode classes */ .PageAdmin * { margin:0; padding:0; } .page-admin-mode .page-content, .page-admin-mode h3.page-preview-title { margin-left:270px; margin-right:10px } .page-admin-mode .admin-mode-title, #lithium-body .page-preview-title { margin-bottom:1px; padding-left:5px; } .editing-enabled { border:1px dotted #000; padding:10px; margin-bottom:10px; } .editing-enabled .tree-node-depth-2 { display:none; } .editor_field { width:100%; border:1px solid #000; margin-bottom:5px; } .inplaceeditor-form { padding:5px; } .editor_ok_button { margin-right:5px; } /* Component Chooser */ .ComponentChooser .tree-node-item, .ComponentChooser .component-preview-title { display:block; padding:3px 0px; } #lithium-body .ComponentChooser .hide-ul li.tree-node ul { display:none; } #lithium-body .ComponentChooser .chooser-content, #lithium-body .ComponentChooser .component-preview-container { margin-top:15px; } #lithium-body .ComponentChooser .preview-component-content { padding:10px 0px; width:auto !important; border:none !important; float:none !important; overflow:hidden; } #lithium-body .ComponentChooser .component-list li { margin-left:12px; } #lithium-body .ComponentChooser h3.section-title { margin-bottom:5px; } #lithium-body .ComponentChooser ul { list-style:none; } #lithium-body .ComponentChooser .lithium-content { width:auto; } #lithium-body .ComponentChooser .component-content { display:none; } #lithium-body .ComponentChooser .tree-node a { text-decoration:none; } #lithium-body .ComponentChooser .hover { cursor:move; } #lithium-body .ComponentChooser .tree-node-depth-1.hover { cursor:pointer; } #lithium-body .ComponentChooser .dragging { border:1px solid #666; background:#ccc; color:#000; } /* Custom Order Styles */ #lithium-body .CustomOrder .editor-controls { text-align:right; margin-bottom:5px; } #lithium-body .CustomOrder .editor-toggle { cursor:pointer; } #lithium-body .CustomOrder .editor-form { margin:3px 0; padding:3px; border:1px solid #666; } #lithium-body .CustomOrder .editor-form input { margin:0 3px; } #lithium-body .CustomOrder .ordering-actions { display:block; margin-bottom:10px; } #lithium-body .CustomOrder .reset-order { margin-left:10px; } #lithium-body .CustomOrder .custom-order-updated { color:green; font-weight:bold; display:block; margin-top:10px; } /* Version Header */ #lithium-body .VersionHeader { width:100%; border:none; margin-top:5px; margin-bottom:15px; text-align:center; font:12px Arial; color:#fff; background-color:#000; } #lithium-body .VersionHeader strong { display:block; color:#000; background-color:#ff0; } #lithium-body form .TwoColumnLayout .columns-container { padding:0; } #lithium-body form .TwoColumnLayout .columns-container .main-content-column { padding:10px; } #lithium-body form .TwoColumnLayout .columns-container .side-column-content { padding:10px; margin-left:-1px; overflow:hidden; } /******************************************************* Admin Mode - End ********************************************************/ /******************************************************* Hacks - Start ********************************************************/ /* Clearfix */ .clearfix:after { content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0; } .clearfix { display:inline-block; width:100%; } html[xmlns] .clearfix { display:block; } * html .clearfix { height:1%; } /** Min width Fix **/ #lithium-body .MinimumWidthContainer .lithium-content { text-align:left; } /******************************************************* Hacks - End ********************************************************/ /******************************************************* Defensive CSS - Start ********************************************************/ #lithium-body ul { clear: auto; } /******************************************************* Defensive CSS - End ********************************************************/ /******************************************************* Kudos - Start ********************************************************/ /* Kudos Detail Banner */ #lithium-body .KudosDetailPageBanner .banner-title { text-align:center; padding:5px 5px 5px 5px; margin:0px 10px 10px 10px; } #lithium-body .KudosDetailPageBanner .banner-description { padding:3px 5px; margin:0 0 0 0; } /* Top Users Leaderboard */ /* TODO: This can and SHOULD be reduced to one line of code! */ #lithium-body .TopUsersLeaderBoard .top-user-1 .username, #lithium-body .TopUsersLeaderBoard .top-user-1 .user-rank, #lithium-body .TopUsersLeaderBoard .top-user-1 .kudos-weight, #lithium-body .TopUsersLeaderBoard .top-user-1 .kudos-count, #lithium-body .TopUsersLeaderBoard .top-user-2 .username, #lithium-body .TopUsersLeaderBoard .top-user-2 .user-rank, #lithium-body .TopUsersLeaderBoard .top-user-2 .kudos-weight, #lithium-body .TopUsersLeaderBoard .top-user-2 .kudos-count, #lithium-body .TopUsersLeaderBoard .top-user-3 .username, #lithium-body .TopUsersLeaderBoard .top-user-3 .user-rank, #lithium-body .TopUsersLeaderBoard .top-user-3 .kudos-weight, #lithium-body .TopUsersLeaderBoard .top-user-3 .kudos-count { display:inline; font-size:100%; float:left; height:40px; line-height:40px; margin-right:15px; vertical-align:middle; } #lithium-body .TopUsersLeaderBoard .top-user-1 .username, #lithium-body .TopUsersLeaderBoard .top-user-1 .kudos-count { font-size:182%; } #lithium-body .TopUsersLeaderBoard .top-user-2 .username, #lithium-body .TopUsersLeaderBoard .top-user-2 .kudos-count { font-size:152%; } #lithium-body .TopUsersLeaderBoard .top-user-3 .username, #lithium-body .TopUsersLeaderBoard .top-user-3 .kudos-count { font-size:136%; } #lithium-body .TopUsersLeaderBoard .top-user-1 .user-rank { font-size:122%; } #lithium-body .TopUsersLeaderBoard .top-user-2 .user-rank { font-size:111%; } #lithium-body .TopUsersLeaderBoard .top-user-3 .user-rank { font-size:100%; } #lithium-body .TopUsersLeaderBoard .top-user-1 .kudos-weight { font-size:122%; } #lithium-body .TopUsersLeaderBoard .top-user-2 .kudos-weight { font-size:111%; } #lithium-body .TopUsersLeaderBoard .top-user-3 .kudos-weight { font-size:100%; } #lithium-body .TopUsersLeaderBoard .top-user-1 .kudos-count, #lithium-body .TopUsersLeaderBoard .top-user-2 .kudos-count, #lithium-body .TopUsersLeaderBoard .top-user-3 .kudos-count { float:right; } #lithium-body .TopUsersLeaderBoard .top-user-1 .kudos-weight, #lithium-body .TopUsersLeaderBoard .top-user-2 .kudos-weight, #lithium-body .TopUsersLeaderBoard .top-user-3 .kudos-weight { float:middle; } #lithium-body .TopUsersLeaderBoard .top-user-1, #lithium-body .TopUsersLeaderBoard .top-user-2, #lithium-body .TopUsersLeaderBoard .top-user-3 { height:40px; margin:0; padding:5px 10px 5px 10px; } #lithium-body .TopUsersLeaderBoard .top-user-1 .kudos-count, #lithium-body .TopUsersLeaderBoard .top-user-2 .kudos-count, #lithium-body .TopUsersLeaderBoard .top-user-3 .kudos-count { padding-right:20%; } #lithium-body .TopUsersLeaderBoard .top-user-3 .kudos-count { margin-right:15px; } #lithium-body .TopUsersLeaderBoard .column { float:left; width:33%; margin-top:10px; padding:0 10px 0 10px; } /* Kudos Leader Board Banner */ #lithium-body .KudosLeaderBoardBanner .banner-title { text-align:center; padding:3px 5px; margin:0px 10px 10px 10px; } #lithium-body .KudosLeaderBoardBanner .banner-description { padding:3px 5px; margin:0px; overflow:auto; } #lithium-body .KudosLeaderBoardBanner .banner-text { float:left; } #lithium-body .KudosLeaderBoardBanner .csv-export { float:right; margin-bottom:2px; text-align:center; } /******************************************************* Kudos - End ********************************************************/ /******************************************************* User - Start ********************************************************/ /* User Profile Summary */ #lithium-body .UserProfileSummary .user-avatar { float:left; display:block; margin-right:10px; } #lithium-body .UserProfileSummary .user-avatar .UserAvatar img { border:2px solid #06c; margin-top:2px; } #lithium-body .UserProfileSummary .user-avatar .UserAvatar img { width:36px; height:36px; } #lithium-body .UserProfileSummary .username a { color:#06c; font-size:100%; font-weight:bold; text-decoration:none; } #lithium-body .UserProfileSummary .user-rank, #lithium-body .UserProfileSummary .kudos-count { font-size:93%; } /* User Avatar */ #lithium-body .UserAvatar img { margin:10px 0; } #lithium-body .UserAvatar img { width:36px; height:36px; } /* User Name */ #lithium-body .UserName .login-bold { font-weight:bold; } #lithium-body .UserName .user-deleted { text-decoration:line-through; } #lithium-body .UserName a { text-decoration:none; } #lithium-body .UserName a:hover { text-decoration:underline; } /* User Signature */ #lithium-body .UserSignature { margin-top:1.8em; } /* Top Kudoed Users */ #lithium-body .TopKudoedUsersLeaderBoard .top-user { margin-bottom:0; padding:5px 10px; } #lithium-body .TopKudoedUsersLeaderBoard .top-user .UserAvatar img { margin:0; } /* User Profile Summary */ #lithium-body .UserProfileSummary { clear:both; list-style:none; margin:0 0 20px 0; overflow:hidden; padding:0; } #lithium-body .UserProfileSummary li { display:list-item; line-height: 1.1em; } #lithium-body .UserProfileSummary li.leaderboard-rank { color:#999; float:left; display:block; line-height:40px; margin-right:10px; text-align:right; vertical-align:middle; width:30px; } #lithium-body .UserProfileSummary .kudos-weight { color:#999; font-size:92%; } /* Users Online Taplet */ #lithium-body .UsersOnlineTaplet li { display:inline; } /* Anon User */ #lithium-body .lithium-content .anon-label { font-size:83%; font-style:italic; vertical-align:top; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; } #lithium-body .lithium-content .anon-editor { text-align:left; } #lithium-body .lithium-content span.LinkDisplay .anon-user { font-size:92%; } /* Anonymouse User Message Editor Fields */ #lithium-body .AnonymouseUserMessageEditorFields { margin:5px 0; } /* User List */ #lithium-body .UserList td { padding:3px; } /* User List Blocl */ #lithium-body .UserListBlock .list-column { float: left; padding: 10px; width: 30%; } /******************************************************* User - End ********************************************************/ /******************************************************* Forms - Start ********************************************************/ /* Action Buttons, input, button and a tags that have the .action-button class should all look the same, * the .form-action-buttons class can be applied to a wrapping ul tag when buttons are organized as list items */ #lithium-body .lithium-content .form-action-buttons { line-height:1em; margin:10px 0 5px 0; } #lithium-body .lithium-content .form-action-buttons li { display:inline; } #lithium-body .lithium-content .form-action-buttons .disabled-mask { background-color:#EAEAEA; position:relative; filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; } #lithium-body .lithium-content .action-button, #lithium-body .lithium-content .editor_ok_button, #lithium-body .lithium-content .editor_cancel { font-weight:bold; font-family:Geneva,Arial,sans-serif; cursor:pointer; } #lithium-body .lithium-content a.action-button, #lithium-body .editor_cancel { /* FF */ padding:1px .5em; text-decoration:none; } *:first-child+html #lithium-body .lithium-content a.action-button, *:first-child+html #lithium-body .editor_cancel { /* IE7*/ padding:2px .5em; text-decoration:none; } #lithium-body .lithium-content button.action-button { /* IE6 */ width:auto; overflow:visible; padding:0px 10px 0px 10px; } #lithium-body .lithium-content button.action-button[type] { /* Firefox */ padding:0px 10px; } /* IE-specific weirdness */ * html #lithium-body .lithium-content input.action-button { position:relative; top:2px; } *+html #lithium-body .lithium-content input.action-button { position:relative; top:2px; } * html #lithium-body.PostPage .lithium-content input.action-button { position:static; } *+html #lithium-body.PostPage .lithium-content input.action-button { position:static; } #lithium-body .cancel-button { margin-left:3em; } #lithium-body .lithium-content .editor-checkbox-label { font-weight:normal; } #lithium-body .lithium-content .editor-checkbox-input { border:0; background:none; } #lithium-body .lithium-content .editor-label { text-align:left; } #lithium-body .lithium-content .editor-input, #lithium-body .lithium-content input.t-error { padding:3px 0; width:100%; margin-bottom:5px; } /* Default fix for custom-content-wrapped case */ #lithium-body.PostPage table td .lithium-content .editor-input, * html .PostPage table td .lithium-content .editor-input{ width:99% } #lithium-body.PostPage table td .lithium-content .MessageEditorForm, * html .PostPage table td .lithium-content .MessageEditorForm { margin-left: 5px; } /* Override Tapestry Error CSS */ #lithium-body div.t-error { border:1px solid #CC0000; margin:10px 0; padding:7px; background-color:#ffcccc; color:#000; font-size:92%; } #lithium-body div.t-error div { background:#ffcccc; color:#000; font-weight:normal; padding:0px; font-weight:bold; font-size:92%; } #lithium-body div.t-error ul { background:#ffcccc; color:#000; list-style-type:disc; list-style-position:inside; margin:3px 0 0 10px; } #lithium-body div.t-error li { margin-left:0px; font-size:92%; } #lithium-body label.t-error { color:inherit; } #lithium-body .t-error-icon { display:none; } #lithium-body .lithium-content input.t-error, #lithium-body .lithium-content textarea.t-error { color:inherit; border:1px solid #CC0000; color:#000; font-style:normal; } #lithium-body .lithium-content fieldset .form-row { padding:10px; } #lithium-body .lithium-content fieldset textarea { width:100%; height:6em; } #lithium-body fieldset .TwoColumnLayout .columns-container, #lithium-body form fieldset .TwoColumnLayout .columns-container .side-column-content { overflow:visible; } /******************************************************* Forms - End ********************************************************/ /******************************************************* Paging - Start ********************************************************/ /* Paging */ #lithium-body .lithium-content .button-separator .separator-post, #lithium-body .lithium-content .button-separator .separator-pre, #lithium-body .lithium-content .legacy-ui .paging-separator .separator-post, #lithium-body .lithium-content .legacy-ui .paging-separator .separator-pre { margin-top:4px; } /* Jump To Paging */ #lithium-body .JumpToPaging .page-numbered-pages .dis { padding:4px 4px 0 4px; } #lithium-body .JumpToPaging .page-numbered-pages .active { padding:4px; position:relative; top:4px; } #lithium-body .JumpToPaging .page-numbered-pages .active:hover { text-decoration:underline; } #lithium-body .JumpToPaging .paging-bar-items li { float:left; } #lithium-body .JumpToPaging .paging-bar-items .page-numbered-pages .separator-post { padding-left:3px; } #lithium-body .JumpToPaging .paging-title { padding:5px 2px 5px 5px; } #lithium-body .JumpToPaging a:hover { text-decoration:underline; } /* Pager */ #lithium-body .Pager .t-error, #lithium-body .Pager .editor-input { padding:0; margin:0; } #lithium-body .Pager .jump-to-input { width:20px; text-align:center; } /* simple-paging, navigator-items */ .simple-paging .paging-bar-items li, .navigator-items li { float:left; } .simple-paging .polish-ui, .polish-ui .navigator-items { margin-right:2px; } .simple-paging .polish-ui .paging-bar-items li, .polish-ui .navigator-items li { float:left; padding:4px 3px 3px; } .simple-paging .polish-ui .paging-bar-items li.page-pages { padding:4px 6px; } .polish-ui .navigator-items li.navigator-title { padding-top:5px; } .simple-paging .polish-ui .paging-bar-items .active, .simple-paging .polish-ui .paging-bar-items .dis, .simple-paging .polish-ui .paging-bar-items, .polish-ui .navigator-items .active, .polish-ui .navigator-items .dis, .polish-ui .navigator-items { display:block; padding:0px; } /******************************************************* Paging - End ********************************************************/ /******************************************************* Menus - Start ********************************************************/ /* Action Menu */ #lithium-body .ActionMenu .dropdown-menu-items a, #lithium-body .ActionMenu .dropdown-menu-items span.dis { font-size:93%; display:block; padding:4px 20px; } #lithium-body .MenuBar .ActionMenu .dropdown-menu-items span.dis {float:none; } #lithium-body .ActionMenu .dropdown-menu-items { width:400px; } #lithium-body .ActionMenu .dropdown-menu-items a { width:360px; text-decoration:none; } #lithium-body .ActionMenu .dropdown-menu-items li { width:401px; } #lithium-body .ActionMenu .separator-pre, #lithium-body .ActionMenu .separator-post { width:390px; } #lithium-body .message-menu .dropdown-navigation .dropdown-menu-items { margin:5px 0 0 -255px !important; } /* Drop Down Menu - using child selector syntax in the first style here to apply only to FF and IE7*/ #lithium-body .DropDownMenu .dropdown-navigation li > a.default-menu-option, #lithium-body .DropDownMenu .dropdown-menu-items span { display:block; float:none; } /* IE6-specific madness */ * html #lithium-body .DropDownMenu .dropdown-navigation a, * html #lithium-body .DropDownMenu .dropdown-menu-items span { display:block; } #lithium-body .DropDownMenu, #lithium-body .DropDownMenu .dropdown-navigation li { float:left; } #lithium-body .DropDownMenu .dropdown-navigation .dropdown-menu-items { position:absolute; left:-99999em; z-index:10; border-top:0; margin-left:-1px; clear:left; } #lithium-body .DropDownMenu .separator-pre, #lithium-body .DropDownMenu .separator-post { display:block; float:left; height:1px; margin:0 5px 0 5px; } #lithium-body .lithium-content .dropdownHover .dropdown-menu-items { left:auto; } /* Menu Bar */ #lithium-body .MenuBar .dis, #lithium-body .DropDownMenu .dis { cursor:not-allowed; } #lithium-body .MenuBar .ActionBar, .MenuBar .JumpToPaging { float:left; } #lithium-body .MenuBar .simple-paging, #lithium-body .MenuBar .navigator-items { float:right; } #lithium-body .MenuBar .icon-only .primary-action a.active, #lithium-body .MenuBar .icon-only .primary-action span.dis { padding:0 7px; } #lithium-body .MessageView .message-content .message-reply .active, #lithium-body .MessageView .message-content .message-reply .dis { float:right; } #lithium-body .MessageView .message-content .icon-only .message-reply .active, #lithium-body .MessageView .message-content .icon-only .message-reply .dis { padding:0; } #lithium-body .MessageView .message-content .text-only .message-reply .active, #lithium-body .MessageView .message-content .text-only .message-reply .dis { background:none; padding:0; text-decoration:none; } #lithium-body .MenuBar .text-only .primary-action .active, #lithium-body .MenuBar .text-only .primary-action .dis, #lithium-body .MenuBar .text-only .menu-icon-nav .active, #lithium-body .MenuBar .text-only .menu-icon-nav .dis { background:none; padding:6px 7px; } /******************************************************* Menus - End ********************************************************/ /******************************************************* Tagging - Start ********************************************************/ /* Add Message Tags */ #lithium-body .AddMessageTags .show-add-tags { float:left; margin-left:.5em; } #lithium-body .AddMessageTags .add-tags-form { float:left; clear:left; } #lithium-body .AddMessageTags .add-tags-input { width:250px; } #lithium-body .AddMessageTags .add-tag-response-label { font-weight:bold; } #lithium-body .AddMessageTags .help-text { font-style:italic; } #lithium-body .AddMessageTags .AjaxFeedback { clear:left; float:left; margin:5px 0 0 0; padding:0px; font-size:85%; } /* Tag List */ #lithium-body .TagList { margin-bottom:5px; } #lithium-body .TagList label { margin-bottom:0; } #lithium-body .TagList li { display:inline; } #lithium-body .TagList .tag { margin-right:2px; } #lithium-body .TagList .show-delete-tags { display:inline; margin:5px 2px 5px 0px; } #lithium-body .TagList .AjaxFeedback { margin:0 0 0 5px; padding:0; display:inline; } /* Tag Cloud Taplet */ #lithium-body .TagCloudTaplet .tag-list { text-align:justify; line-height:1.4em; } #lithium-body .TagCloudTaplet .tag-list .tag {margin-right:0; } /* Tag View Page Banner */ #lithium-body .TagViewPageBanner h2 { font-size:1.7em; } /* Tag View Page */ .TagViewPage .tagViewPageContainer { padding:10px; overflow:auto; } .TagViewPage .TwoColumnLayout .columns-container .MessageList div.t-data-grid { border:0px !important; } .TagViewPage .TwoColumnLayout .columns-container { padding:0px; } .TagViewPage .TwoColumnLayout .columns-container .MessageList { margin:0px; } /* Tag Statistics */ #lithium-body .TagStatistics { margin:5px 0px 2px 0px; } #lithium-body .TagStatistics .tagNestedScope { font-size:.85em; } #lithium-body .TagStatistics .tagNestedScope span { margin-right:3px; } #lithium-body .TagStatistics ul { display:inline; } #lithium-body .TagStatistics ul li { display:inline; padding:2px 0px 2px 0px; font-size:.85em; } #lithium-body .TagStatistics ul li a { text-decoration:none; } #lithium-body .TagStatistics ul li a:hover { text-decoration:underline; } /******************************************************* Tagging - End ********************************************************/ /******************************************************* Settings - Start ********************************************************/ /* User Preferences */ #lithium-body .UserPreferences tr td { width:50%; padding:8px; font-weight:bold; font-size:95%; } #lithium-body .UserPreferences table { margin-bottom:5px; } #lithium-body .UserPreferences .form-action-buttons { float:left; width:48%; padding-left:10px; } #lithium-body .UserPreferences tr td select { width:100%; font-weight:normal; } #lithium-body .UserPreferences .t-error { margin-bottom:5px; } #lithium-body .UserPreferences .submit-container { float:right; width:50%; margin-bottom:10px; } #lithium-body .UserPreferences .submit-button { font-weight:bold; cursor:pointer; } /* Skin Chooser */ #lithium-body .SkinChooser .page-description {padding:10px} #lithium-body .SkinChooser td {text-align:center; padding:8px 5px; width:50%} #lithium-body .SkinChooser .radio-label {padding:10px; } #lithium-body .SkinChooser .radio-input {padding:10px; } #lithium-body .SkinChooser .controls {padding: 10px; text-align:right; position:relative; right:500px} #lithium-body .SkinChooser .apply-button {cursor: pointer} #lithium-body .SkinChooser .reset-button {cursor: pointer; position:relative; left:200px} /* Setting Label */ #lithium-body .SettingLabel .help-icon { float:right; cursor:help; } #lithium-body .SettingLabel .label { float:left; } #lithium-body .SettingLabel .hidden { display:none; } /* Radio Group Setting */ #lithium-body .RadioGroupSetting .radio-container .help-icon { float:right; cursor:help; } #lithium-body .RadioGroupSetting .radio, #lithium-body .RadioGroupSetting .radio-container { float:left; } /* Help Icon */ #lithium-body .HelpIcon .help-icon { float:right; cursor:help; } #lithium-body .HelpIcon .help-text { clear:left; font-weight:normal; margin-bottom:5px; } #lithium-body .RadioGroupSetting .radio-container { padding:2px; } #lithium-body .RadioGroupSetting .radio-label { padding:0px 4px 0px; } /* Settings Group */ #lithium-body .SettingsGroup table, #lithium-body .SettingsGroup .IntegerSetting input, #lithium-body .TextSetting input { width:100%; font-weight:normal !important; } #lithium-body .SettingsGroup .title { float:left; } #lithium-body .SettingsGroup .header-left { border-right: none; } #lithium-body .SettingsGroup .header-right { border-left: none; } #lithium-body .SettingsGroup .error .SettingLabel { color:#FF0000; } /******************************************************* Settings - End ********************************************************/ /******************************************************* User Reports Page - Start ********************************************************/ /* User Reports Page */ #lithium-body.UserReportsPage legend { padding:5px; font-weight:bold; } #lithium-body.UserReportsPage textarea {width:100%;} #lithium-body.UserReportsPage .enable-filter { float:left; margin-right:5px; } #lithium-body.UserReportsPage .help-text { display:block; clear:left; margin-top:5px; } #lithium-body.UserReportsPage .label { float:left; font-weight:bold; } #lithium-body.UserReportsPage .lithium-content fieldset { margin:0px 10px 10px 10px; } #lithium-body.UserReportsPage .metrics-admin { display:block; text-align:right; margin:5px 10px;} #lithium-body.UserReportsPage .pager-bar { margin:0 10px; } #lithium-body.UserReportsPage .t-calendar-trigger { margin:0 10px 0 5px; } #lithium-body.UserReportsPage .lithium-content .user-list-grid div.t-data-grid { margin: 0 10px 10px 10px; border-bottom:0px; } #lithium-body.UserReportsPage .user-list-grid div.t-data-grid { border-bottom:0; } #lithium-body.UserReportsPage .user-list-grid table.dragging { width:auto !important; } #lithium-body.UserReportsPage .user-reports-filters-form label { color:inherit; font-size: 93%; width:150px; text-align:right; margin-right:10px; } #lithium-body.UserReportsPage .user-reports-filters-form .field { width:250px; float:left; } #lithium-body.UserReportsPage .user-reports-filters-form div.t-error { margin:10px 10px 10px 10px; } #lithium-body.UserReportsPage .lithium-content .editor-input, #lithium-body.UserReportsPage .lithium-content input.t-error { margin:auto; padding:0; width:auto; } #lithium-body.UserReportsPage .lithium-content .hidden { display:none; } /* Palette */ #lithium-body.UserReportsPage .t-palette div { float: left; } #lithium-body.UserReportsPage .t-palette select { font-weight: normal; width: 200px; height:90px; } #lithium-body.UserReportsPage .t-palette .t-palette-title { float: none; font-size: 9pt; font-weight: bold; color: inherit; text-align: center; } #lithium-body.UserReportsPage .t-palette .t-palette-controls button { float: left; text-align: center; vertical-align: middle; width: auto; margin-bottom:10px; } #lithium-body.UserReportsPage .t-palette .t-palette-controls { width:27px; margin:15px 5px; } /* User List */ #lithium-body .UserList a.user-email { text-decoration:none; } #lithium-body .UserList a.user-email:hover { text-decoration:underline; } #lithium-body .UserList div.t-data-grid { overflow-x:scroll; } /******************************************************* User Reports Page - End ********************************************************/ /********************************************************* * Author: Adam Ayres et al. * File: BoardStyles.css * * Global Styles Rules: * - !!! NEVER USE !important !!! * - All selectors should start with "#lithium-body" for namespacing * - Should be properly grouped in a section * - Should only be added here if used by BOARDS * - There should NOT be any HARD CODED: Colors, fonts or background images * * Sections: * - HTML Tags * - Global Overrides (overrides rules from GlobalStyles.css) * - Page Elements * - Threads * - Messages * - Layout * - Board Pages *********************************************************/ /******************************************************* HTML Tags - Start ********************************************************/ #lithium-body .lithium-content h2 { font-weight:bold; } #lithium-body .lithium-content h3 { font-weight:bold; } #lithium-body .lithium-content h6 { font-weight:bold; display:none; } /******************************************************* HTML Tags - End ********************************************************/ /******************************************************* Global Overrides - Start ********************************************************/ /* Heading Bar */ #lithium-body .lithium-content .heading-bar { text-align:left; padding:2px 5px 2px; } /* Chrome */ #lithium-body .Chrome a { text-decoration:none; } #lithium-body .Chrome a:hover { text-decoration:underline; } #lithium-body .chrome-default { margin-bottom:10px; } #lithium-body .chrome-default .content { margin:5px; } #lithium-body .chrome-bar .content, #lithium-body .chrome-bar .heading-bar { padding:3px 5px; } #lithium-body .KudoedMessagesLeaderboardTapletChrome .content { margin:0; } #lithium-body .KudoGiversLeaderboardTapletChrome .content { margin:0; } #lithium-body .KudoedAuthorsLeaderboardTapletChrome .content { margin:0; } #lithium-body .NotesTapletChrome .content { margin:0; } #lithium-body .TaggerLeaderboardTapletChrome .content { margin:0; } #lithium-body .BlogLatestArticlesTapletChrome .content { margin:0px; } #lithium-body .BlogLatestCommentsTapletChrome .content { margin:0px; } #lithium-body .BlogArchivesTapletChrome .content { margin:0px; } #lithium-body .BlogBlogrollTapletChrome .content { margin:0px; } #lithium-body .BlogManagementTapletChrome .content { margin:0px; } #lithium-body .BlogLabelsTapletChrome .content { margin:0; } #lithium-body .TaggedMessagesTapletChrome .content { margin:0px; } #lithium-body .TopBoardsTapletChrome .content { margin:0p; } /* Page Title */ #lithium-body .PageTitle { float:left; } #lithium-body .PageTitle a:hover { text-decoration:underline; } /* Infor Message */ #lithium-body .InfoMessage { margin:10px 10px 0 10px; padding:7px; } #lithium-body .InfoMessage p { margin-bottom:0; } /* Kudos Simple Message List */ #lithium-body .KudosSimpleMessageList .MessageKudosCount { display:inline; } #lithium-body .KudosSimpleMessageList ul { margin-top:-1px; } /* Max Age Selector */ #lithium-body .MaxAgeSelector { padding:4px 0; } #lithium-body .MaxAgeSelector ul { text-align:right; } /* Menu Block */ #lithium-body .MenuBar a, #lithium-body .DropDownMenu a { font-size:100%; text-decoration:none; } #lithium-body .MenuBar a, #lithium-body .MenuBar span.dis { display:block; float:left; padding:5px 6px 7px; } /* Tag List */ #lithium-body .TagList li a { text-decoration:none; } #lithium-body .TagList li a:hover { text-decoration:underline; } /* Tagger LeaderBoard Taplet */ #lithium-body .TaggerLeaderboardTaplet ul { margin-top:-1px; } #lithium-body .TaggerLeaderboardTaplet ul li { clear:both; padding:3px 0; } #lithium-body .TaggerLeaderboardTaplet .tagger-information { padding:0 3px; } #lithium-body .TaggerLeaderboardTaplet .UserName { float:left; } #lithium-body .TaggerLeaderboardTaplet .user-tag-count-link { float:right; } #lithium-body .TaggerLeaderboardTaplet .user-tag-count-link:hover { float:right; } #lithium-body .TaggerLeaderboardTaplet .tagging-leaderboard-wrapper { text-align:center; } /* View All */ #lithium-body .ViewAll { overflow:hidden; width:6em !important; padding:0px; height:2em; } #lithium-body .ViewAll, #lithium-body .ViewAll ul, #lithium-body .ViewAll ul li { float:right !important; overflow:hidden; } #lithium-body .ViewAll ul li.view-all { padding:4px 5px 0px 0px; } /******************************************************* Global Overrides - End ********************************************************/ /******************************************************* Page Elements - Start ********************************************************/ /* Title Bar */ #lithium-body .TitleBar h1, #lithium-body .TitleBar h2 { padding:5px; } #lithium-body .TitleBar h1, #lithium-body .TitleBar h2 { /*IE Hack */ *padding:4px 5px 4px 5px; } /******************************************************* Page Elements - End ********************************************************/ /******************************************************* Threads - Start ********************************************************/ /* Thread Navigator */ #lithium-body .ThreadNavigator { float:right; } #lithium-body .ThreadNavigator .thread-navigator-list li { float:left; display:block; } #lithium-body .ThreadNavigator .thread-navigator-list li.thread-title, #lithium-body .ThreadNavigator .polish-ui .message-title { padding-top:6px; } #lithium-body .ThreadNavigator .polish-ui { margin-left:5px; } #lithium-body .ThreadNavigator .polish-ui li { float:left; padding:4px 3px; } #lithium-body .ThreadNavigator .polish-ui li.page-pages { padding:4px 6px; } #lithium-body .ThreadNavigator .polish-ui .active, #lithium-body .ThreadNavigator .polish-ui .dis, #lithium-body .ThreadNavigator .polish-ui { display:block; padding:0px; } /* Thread Pagign */ #lithium-body .ThreadPaging { float:right; } #lithium-body .ThreadPaging .paging-bar-items li { float:left; display:block; } #lithium-body .ThreadPaging .polish-ui .paging-bar-items li.paging-title { padding-top:6px; } /******************************************************* Threads - End ********************************************************/ /******************************************************* Messages - Start ********************************************************/ /* Message Editor Form */ /* Common */ /* Boards */ #lithium-body .MessageEditorForm { padding:0 10px 10px 10px; } #lithium-body .MessageEditorForm .disable-tagging { margin:0 0 5px 0; } #lithium-body .MessageEditorForm .message-editor-container { margin-top:10px; color:#000; } #lithium-body .MessageEditorForm .message-editor-fields { padding:5px 7px 5px 5px; } #lithium-body .MessageEditorForm .message-meta-data { padding:5px; } /* Message Position In Thread */ #lithium-body .MessagesPositionInThread { margin-botton:5px; } #lithium-body .MessagesPositionInThread a { font-size:100%; text-decoration:none; } #lithium-body .MessagesPositionInThread a:hover { text-decoration:underline; } /* Message Post Date And Author Cell */ #lithium-body .MessagePostDateAndAuthorCell { text-align:right; } #lithium-body .MessagePostDateAndAuthorCell a { text-decoration:none; font-size:100%; } #lithium-body .MessagePostDateAndAuthorCell a:hover { text-decoration:underline; } /* Message Side View */ #lithium-body .MessageSideView .message-body { padding:15px 10px; } #lithium-body .MessageSideView .title { margin-bottom:5px; } #lithium-body .MessageSideView .user-information { padding:10px; } #lithium-body .replied-message-bottom .MessageSideView { margin-bottom:0px; } /* Message Subject */ #lithium-body .MessageSubject .active, #lithium-body .MessageSubject .start, #lithium-body .MessageSubject .end, #lithium-body .MessageSubject ul li { display:inline; } #lithium-body .MessageSubject .message-unmarked, #lithium-body .MessageSubject .message-unmarked span { font-weight:bold !important; } #lithium-body .MessageSubject .message-marked { font-weight:normal; } #lithium-body .MessageSubject h2 { font-size:100%; display:inline; } #lithium-body .MessageSubject a { text-decoration:none; } #lithium-body .MessageSubject a:hover { text-decoration:underline; } #lithium-body .MessageSubject .message-subject-board { clear:both; margin-top:2px; } #lithium-body .MessageSubject .message-subject-board a { display:block; float:left; } #lithium-body .MessageSubject .subject-board-type { float:left; } #lithium-body .MessageSubject .message-subject-reply { clear:both; margin-top:2px; } #lithium-body .MessageSubject .subject-reply-type { float:left; } #lithium-body .MessageSubject .message-subject-reply a { display:block; float:left; } /* Message Subject Icons */ #lithium-body .MessageSubjectIcons img { margin:0 3px; } #lithium-body .MessageSubjectIcons h2 { font-weight:normal; } #lithium-body .MessageSubjectIcons .message-subject-paging { float:left; } #lithium-body .MessageSubjectIcons .message-subject-paging li { float:left; white-space:nowrap; margin:0 1px 0 1px; } #lithium-body .MessageSubjectIcons img.subject-bullet { position:relative; top:5px; right:3px; margin-left:5px; } #lithium-body .MessageSubjectIcons span.subject-bullet { display:block; float:left; margin-right:5px; } #lithium-body .MessageSubjectIcons .verified-icon { font-weight:bold; text-decoration:none !important; padding-right:2px; } /* Message Summary */ #lithium-body .MessageSummary { padding:10px 0px 10px 0px; } #lithium-body .MessageSummary a { font-size:large; display:block; color:#000000; } #lithium-body .MessageSummary .summary-header { padding:0px 10px 5px 10px; } #lithium-body .MessageSummary .summary-list { padding:4px 10px 0px 10px; } #lithium-body .MessageSummary li { display:list-item; } #lithium-body .MessageSummary .summary-subject { font-weight:bold; } /* Message View */ #lithium-body .MessageView .message-body { vertical-align:top; margin-bottom:10px; } #lithium-body .MessageView .message-body pre br { *clear:left; *display:block; } #lithium-body .MessageView .message-body p { margin:0; } #lithium-body .MessageView .message-body a { text-decoration:underline; } #lithium-body .MessageView .message-body ul { padding-left:2.5em; } #lithium-body .MessageView .message-body ul li { list-style:disc outside ; } #lithium-body .MessageView .message-body ol { padding-left:2.5em; } #lithium-body .MessageView .message-body ol li { list-style:decimal outside; } #lithium-body .MessageView .message-edit-history { margin-top:2em; } #lithium-body .MessageView .message-footer { vertical-align:bottom; padding:10px 0 0 10px; } #lithium-body .MessageView .message-footer .tag-list { float:left; padding:0 5px; width:80%; } #lithium-body .MessageView .message-footer .tag-list-label { float:left; clear:left; } #lithium-body .MessageView .message-subject { float:left; width:auto; font-weight:bold; } #lithium-body .MessageView .message-subject-status { margin-left:5px; } #lithium-body .MessageView .message-action .active, #lithium-body .MessageView .message-action .dis { display:block; float:left; padding-left:30px; } #lithium-body .MessageView .message-content .report-abuse-link { float:right; } #lithium-body .MessageView .content-column .message-moved { margin-bottom:15px; } #lithium-body .MessageView .content-column .message-reply { display:block; float:right; clear:left; padding-left:30px; margin-top:5px; font-weight:bold; } #lithium-body .MessageView .content-column .icon-only .active, #lithium-body .MessageView .text-only .message-reply a.active { display:block; float:right; clear:left; } #lithium-body .MessageView .text-only .message-reply a.active { font-weight:bold; } #lithium-body .MessageView .message-side-column { float:right; margin:0 0 4px 10px; } /* Side Message View */ #lithium-body .SideMessageView .ActionMenu { float:right; } #lithium-body .SideMessageView .metadata-column { float:left; width:150px; padding:8px; clear:left; } #lithium-body .SideMessageView .content-column { margin-left:166px; padding:8px; } #lithium-body .SideMessageView .message-header .content-column { padding-bottom:8px; } #lithium-body .SideMessageView .message-header .metadata-column { padding-bottom:0px; } #lithium-body .SideMessageView .message-menu { float:right; } #lithium-body .SideMessageView .message-menu a:hover { text-decoration:none; } #lithium-body .SideMessageView .message-menu .dropdown-menu-items a, #lithium-body .SideMessageView .message-menu .dropdown-menu-items .dis { font-weight:normal; font-size:100%; } #lithium-body .SideMessageView .message-title { float:left; } #lithium-body .SideMessageView .message-body { min-height:152px; } /* Top Message View */ #lithium-body .TopMessageView .message-header { height:30px; } #lithium-body .TopMessageView .message-header .metadata-column { float:left; padding:8px 8px 0 0; } #lithium-body .TopMessageView .message-header .content-column { margin-left:100px; padding:8px; padding-bottom:2px; } #lithium-body .TopMessageView .no-reply .content-column { margin-left:10px; } #lithium-body .TopMessageView .message-header .content-column .message-subject { float:left; width:auto; } #lithium-body .TopMessageView .message-header .content-column .ActionMenu { float:right; } #lithium-body .TopMessageView .message-header .content-column .message-reply { line-height:18px; position:relative; top:-4px; } #lithium-body .TopMessageView .message-content { padding:10px; } #lithium-body .TopMessageView .message-content .user-information { padding:10px; margin-bottom:20px; } #lithium-body .TopMessageView .message-content .user-information .column { float:left; } #lithium-body .TopMessageView .message-content .user-information .first-column { width:10%; } #lithium-body .TopMessageView .message-content .user-information .second-column { width:30%; } #lithium-body .TopMessageView .message-content .user-information .UserName { font-weight:bold; } #lithium-body .TopMessageView .message-content .user-information .third-column { width:30%; } #lithium-body .TopMessageView .message-content .user-information .fourth-column { width:30%; } /* Message Tooltip View */ #lithium-body .lithium-content .shadow { width:90%; float:left; background:url(http://www.alistapart.com/d/cssdropshadows/img/shadowAlpha.png) no-repeat bottom right !important; background:url(shadow.gif) no-repeat bottom right; margin:10px 0 0 10px !important; margin:10px 0 0 5px; } #lithium-body .lithium-content .shadow .wrapper { background:none !important; background:url(http://www.alistapart.com/d/cssdropshadows/img/shadow2.gif) no-repeat left top; padding:0 !important; padding:0 6px 6px 0; } #lithium-body .lithium-content .shadow .content { color:#777; background-color:#fff; font:italic 1em georgia, serif; border:1px solid #a9a9a9; margin:-6px 6px 6px -6px !important; margin:0; } #lithium-body .MessageTooltipView .UserAvatar { float:left; } #lithium-body .MessageTooltipView .UserAvatar img { margin:0 5px 0 5px !important; } #lithium-body .MessageTooltipView .message-subject { background:#f5f5f5; border-bottom:1px solid #ccc; padding:3px 0; text-indent:4px; } #lithium-body .MessageTooltipView .message { padding:7px 0; } /******************************************************* Messages - End ********************************************************/ /******************************************************* Layout - Start ********************************************************/ /* Two Column Layout */ #lithium-body .TwoColumnLayout .columns-container { padding:10px; overflow:hidden; } #lithium-body .TwoColumnLayout .columns-container .MessageList { margin-right:5px; margin-bottom:10px; } #lithium-body .TwoColumnLayout .columns-container .MessageList div.t-data-grid { margin:0 0 -1px 0; } #lithium-body .TwoColumnLayout .columns-container .side-column-content { margin-left:5px; } #lithium-body .TwoColumnLayout .columns-container .side-column-content .node-tagging { margin-left:10px; } #lithium-body .TwoColumnLayout .wrap-tag-clouds-bottom .top-tags { float:left; width:49%; border-right:1px solid; } #lithium-body .TwoColumnLayout .wrap-tag-clouds-bottom .top-taggers { float:left; width:50%; } #lithium-body .TwoColumnLayout .wrap-tag-clouds-bottom .top-taggers .group-title { width:100%; *width:99.5%; } #lithium-body .TwoColumnLayout .tag-clouds-bottom .Chrome { width:50%; border:0; float:left; margin:0; } #lithium-body .TwoColumnLayout .tag-clouds-bottom .TaggerLeaderboardTapletChrome { margin-left:-1px; } /******************************************************* Layout - End ********************************************************/ /******************************************************* Board Pages - Start ********************************************************/ /* Message Page */ #lithium-body .message-list .SideMessageView { border:none; } .MessagePage .JumpToPaging { clear:both; width:100%; } /******************************************************* Board Pages - End ********************************************************/ /******************************************************* * Author: Adam Ayres * * Global Styles Rules: * - !!! NEVER USE !important !!! * - All selectors should start with "#lithium-body" for namespacing * - Should be properly grouped in a section * - Should only be added here if used by more then one node (board, blog, etc) * - There should only be parameratized selectors for: Colors, fonts and background images * * Usage: * - GlobalStyles is included in every page * - Tempalate is passed through velocity context that contains settings for colors, fonts, images and positioning * - Values are referenceable using expansions and dot notation * - Settings keys are referenceable direcltly, however all .'s are replaced by _'s * - Example: Setting "color.page_bg" is accessible using FFFFFF * * Sections: * - HTML Tags * - States * - Page Elements * - Messages * - Buttons * - Tags * - Admin Mode * - WYSIWYG *******************************************************/ /******************************************************* States - Start ********************************************************/ /* Faded */ #lithium-body .lithium-content .faded-50 { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } /* Search Term Highligh */ #lithium-body .lithium-content span.search-match-lithium { font-weight:bold; color:#FFFFFF; background:#0033cc; } /******************************************************* States - End ********************************************************/ /******************************************************* Page Elements - Start ********************************************************/ /* Site Navigation Drop Down */ #lithium-body .SiteNavigationDropDown .DropDownMenu .dropdown-default-item { background:url('/i/skins/default/button_options.gif') right center no-repeat; } #lithium-body .SiteNavigationDropDown, #lithium-body .SiteNavigationDropDown .DropDownMenu .dropdown-navigation li ul { border:1px solid #666666; background-color:#FFFFFF; color:#000000; } #lithium-body .SiteNavigationDropDown .DropDownMenu .active, #lithium-body .SiteNavigationDropDown .DropDownMenu .dis { color:#000000; } /* Polls */ #lithium-body .PollsList .polls-header { background:#336699 ; font-size:85%; border-bottom:1px solid #cccccc; color:#FFFFFF; font-weight:bold; } #lithium-body .PollsList .polls { font-size:85%; color:#000000; font-weight:normal; text-decoration:none} #lithium-body .PollsList .poll-question { background:#eaeff7 ; border-bottom:1px solid #cccccc; } /* Tab Bar */ #lithium-body .TabBar { background-color:#ffffcc; background-image:; } #lithium-body .TabBar li { background-image:url('/i/skins/default/tab-left.gif'); } #lithium-body .TabBar li.active-tab { background-image:url('/i/skins/default/tab-left-selected.gif'); } #lithium-body .TabBar span { background-image:url('/i/skins/default/tab-right.gif'); border-bottom:1px solid #cccccc; padding:0 15px 0 15px } #lithium-body .TabBar li.active-tab span { background-image:url('/i/skins/default/tab-right-selected.gif'); border-bottom:1px solid #FFFFFF; } #lithium-body .TabBar span a { color:#336699; font-size:85%; background-image:url('/i/skins/default/tab-middle.gif'); line-height:18px; } #lithium-body .TabBar span span.dis { color:#336699; font-size:85%; background-image:url('/i/skins/default/tab-middle.gif'); line-height:18px; } #lithium-body .TabBar li.active-tab span a { background-image:url('/i/skins/default/tab-middle-selected.gif'); } #lithium-body .TabBar .bottom-container { background-color:#FFFFFF; border-top:1px solid #cccccc; } #lithium-body .lithium-content .infobox { background:#EEEEEE repeat-x; padding:10px; } /* Succes Message based on Tapestry Error CSS */ #lithium-body .lithium-content div.success-message { background:#EEEEEE; border:1px solid #cccccc; } #lithium-body .lithium-content div.success-message div { background:#EEEEEE; } #lithium-body .lithium-content div.success-message ul { background:#EEEEEE; } #lithium-body .lithium-content div.success-message li { background:#EEEEEE; } /******************************************************* Page Elements - End ********************************************************/ /******************************************************* Messages - Start ********************************************************/ /* Overrides for tapestry grid styles */ #lithium-body .lithium-content table.t-data-grid thead tr { background:#eeeeee ; } #lithium-body .lithium-content table.t-data-grid thead tr th { font-size:85%; } #lithium-body .lithium-content table.t-data-grid thead tr th, #lithium-body .lithium-content table.t-data-grid thead tr th a { color:#000000; font-weight:normal; } #lithium-body .lithium-content table.t-data-grid thead tr th, #lithium-body .lithium-content table.t-data-grid tbody tr td { border-bottom:1px solid #cccccc; border-left:1px solid #cccccc; } #lithium-body .lithium-content table.t-data-grid tbody tr.even-row { background:#FFFFFF ; } #lithium-body .lithium-content table.t-data-grid tbody tr.odd-row { background:#EEEEEE ; } #lithium-body .lithium-content table.t-data-grid tbody tr.float-row { background:#f8fbfe ; } #lithium-body .lithium-content table.t-data-grid tbody tr.first-non-float { border-top:5px solid #eeeeee; } #lithium-body .lithium-content table.t-data-grid tbody tr.highlight-row { background:#f8fbfe ; } #lithium-body .lithium-content table.t-data-grid tbody tr.hover td { background-color:#f8fbfe; cursor:pointer; } .messagePostDateColumm-cell .local-date, .messagePostDateColumm-cell .local-time { font-size:85%; } /******************************************************* Messages - End ********************************************************/ /******************************************************* Buttons - Start ********************************************************/ /* Kudos Button */ #lithium-body .KudosButton .not-kudoed .kudos-label { color:#FF9900; } #lithium-body .KudosButton .kudoed .kudos-label { color:#999999; } #lithium-body .KudosButton .kudos-label-thanks { color:#FF9900; } #lithium-body .KudosButton .MessageKudosCount { color:#5E5E5E; font-size:123.1%; } #lithium-body .KudosButton { min-width:50px; } #lithium-body .KudosButton .kudos-enabled .kudos-link { background:url('/i/skins/default/button-kudos-enabled.gif'); width:50px; height:50px; } #lithium-body .KudosButton .kudos-frozen .kudos-link { background:url('/i/skins/default/button-kudos-frozen.gif'); width:50px; height:50px; } #lithium-body .KudosButton .kudos-disabled .kudos-link { background:url('/i/skins/default/button-kudos-disabled.gif'); width:50px; height:50px; } /** Paging and Page Action Buttons **/ /* message-reply, message-post, article-post */ #lithium-body .lithium-content .message-reply .active { background:url('/i/skins/default/button_reply.gif') no-repeat 15% 50%; padding-left:28px; } #lithium-body .message-reply .dis { background:url('/i/skins/default/button_reply_dis.gif') no-repeat 15% 50%; padding-left:28px; } #lithium-body .lithium-content .message-post .active, #lithium-body .lithium-content .article-post .active { background:url('/i/skins/default/button_post.gif') no-repeat 7% 50%; padding-left:28px; } #lithium-body .lithium-content .message-post .dis, #lithium-body .lithium-content .article-post .dis { background:url('/i/skins/default/button_post_dis.gif') no-repeat 7% 50%; padding-left:28px; } #lithium-body .lithium-content .icon-only .message-post .active, #lithium-body .lithium-content .icon-only .article-post .active { background:url('/i/skins/default/button_post.gif') no-repeat 50% 50%; width:15px; height:28px; } #lithium-body .lithium-content .icon-only .message-post .dis, #lithium-body .lithium-content .icon-only .article-post .dis { background:url('/i/skins/default/button_post_dis.gif') no-repeat 50% 50%; width:15px; height:28px; } #lithium-body .lithium-content .icon-only .message-reply .active { background:url('/i/skins/default/button_reply.gif') no-repeat 50% 50%; width:18px; height:28px; } #lithium-body .lithium-content .icon-only .message-reply .dis { background:url('/i/skins/default/button_reply_dis.gif') no-repeat 50% 50%; width:18px; height:28px; } /* article-listing */ #lithium-body .lithium-content .legacy-ui .article-listing .active { background:url('/i/skins/default/button_front_page.gif') no-repeat 3% 50%; padding-left:28px; padding-right:8px; } #lithium-body .lithium-content .legacy-ui .article-listing .dis { background:url('/i/skins/default/button_front_page_dis.gif') no-repeat 3% 50%; padding-left:28px; padding-right:8px; } #lithium-body .lithium-content .polish-ui .article-listing .active { background:url('/i/skins/lightblue_white/button-first.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .polish-ui .article-listing .dis { background:url('/i/skins/lightblue_white/button-first-dis.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .icon-only .article-listing .active { background:url('/i/skins/default/button_front_page.gif') no-repeat 50% 50%; width:18px; height:28px; padding:0 7px; } #lithium-body .lithium-content .icon-only .article-listing .dis { background:url('/i/skins/default/button_front_page_dis.gif') no-repeat 50% 50%; width:18px; height:28px; padding:0 7px; } /* page-first, message-first */ #lithium-body .lithium-content .legacy-ui .page-first .active, #lithium-body .lithium-content .legacy-ui .message-first .active { background:url('/i/skins/default/button_front_page.gif') no-repeat 3% 50%; padding-left:28px; padding-right:8px; } #lithium-body .lithium-content .legacy-ui .page-first .dis, #lithium-body .lithium-content .legacy-ui .message-first .dis { background:url('/i/skins/default/button_front_page_dis.gif') no-repeat 3% 50%; padding-left:28px; padding-right:8px; } #lithium-body .lithium-content .polish-ui .page-first .active, #lithium-body .lithium-content .polish-ui .message-first .active { background:url('/i/skins/lightblue_white/button-first.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .polish-ui .page-first .dis, #lithium-body .lithium-content .polish-ui .message-first .dis { background:url('/i/skins/lightblue_white/button-first-dis.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .icon-only .page-first .active, #lithium-body .lithium-content .icon-only .message-first .active { background:url('/i/skins/default/button_front_page.gif') no-repeat 50% 50%; width:18px; height:28px; padding:0 7px; } #lithium-body .lithium-content .icon-only .page-first .dis, #lithium-body .lithium-content .icon-only .message-first .dis { background:url('/i/skins/default/button_front_page_dis.gif') no-repeat 50% 50%; width:18px; height:28px; padding:0 7px; } /* page-last, message-last */ #lithium-body .lithium-content .legacy-ui .page-last .active, #lithium-body .lithium-content .legacy-ui .message-last .active { background:url('/i/skins/default/button_last_page.gif') no-repeat 97% 50%; padding-left:8px; padding-right:28px; } #lithium-body .lithium-content .legacy-ui .page-last .dis, #lithium-body .lithium-content .legacy-ui .message-last .dis { background:url('/i/skins/default/button_last_page_dis.gif') no-repeat 97% 50%; padding-left:8px; padding-right:28px; } #lithium-body .lithium-content .polish-ui .page-last .active, #lithium-body .lithium-content .polish-ui .message-last .active { background:url('/i/skins/lightblue_white/button-last.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .polish-ui .page-last .dis, #lithium-body .lithium-content .polish-ui .message-last .dis { background:url('/i/skins/lightblue_white/button-last-dis.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .icon-only .page-last .active, #lithium-body .lithium-content .icon-only .message-last .active { background:url('/i/skins/default/button_last_page.gif') no-repeat 50% 50%; width:18px; height:28px; padding:0 7px; } #lithium-body .lithium-content .icon-only .page-last .dis, #lithium-body .lithium-content .icon-only .message-last .dis { background:url('/i/skins/default/button_last_page_dis.gif') no-repeat 50% 50%; width:18px; height:28px; padding:0 7px; } /* page-previous, message-previous */ #lithium-body .lithium-content .legacy-ui .page-previous .active, #lithium-body .lithium-content .legacy-ui .message-previous .active { background:url('/i/skins/default/button_previous_page.gif') no-repeat 3% 50%; padding-left:19px; padding-right:8px; } #lithium-body .lithium-content .legacy-ui .page-previous .dis, #lithium-body .lithium-content .legacy-ui .message-previous .dis { background:url('/i/skins/default/button_previous_page_dis.gif') no-repeat 3% 50%; padding-left:19px; padding-right:8px; } #lithium-body .lithium-content .polish-ui .page-previous .active, #lithium-body .lithium-content .polish-ui .message-previous .active { background:url('/i/skins/lightblue_white/button-previous.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .polish-ui .page-previous .dis, #lithium-body .lithium-content .polish-ui .message-previous .dis { background:url('/i/skins/lightblue_white/button-previous-dis.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .icon-only .page-previous .active, #lithium-body .lithium-content .icon-only .message-previous .active { background:url('/i/skins/default/button_previous_page.gif') no-repeat 50% 50%; width:9px; height:28px; padding:0 7px; } #lithium-body .lithium-content .icon-only .page-previous .dis, #lithium-body .lithium-content .icon-only .message-previous .dis { background:url('/i/skins/default/button_previous_page_dis.gif') no-repeat 50% 50%; width:9px; height:28px; padding:0 7px; } /* page-next, message-next */ #lithium-body .lithium-content .legacy-ui .page-next .active, #lithium-body .lithium-content .legacy-ui .message-next .active { background:url('/i/skins/default/button_next_page.gif') no-repeat 97% 50%; padding-left:8px; padding-right:19px; } #lithium-body .lithium-content .legacy-ui .page-next .dis, #lithium-body .lithium-content.legacy-ui .message-next .dis { background:url('/i/skins/default/button_next_page_dis.gif') no-repeat 97% 50%; padding-left:8px; padding-right:19px; } #lithium-body .lithium-content .polish-ui .page-next .active, #lithium-body .lithium-content .polish-ui .message-next .active { background:url('/i/skins/lightblue_white/button-next.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .polish-ui .page-next .dis, #lithium-body .lithium-content .polish-ui .message-next .dis { background:url('/i/skins/lightblue_white/button-next-dis.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .icon-only .page-next .active, #lithium-body .lithium-content .icon-only .message-next .active { background:url('/i/skins/default/button_next_page.gif') no-repeat 50% 50%; width:9px; height:28px; padding:0 7px;} #lithium-body .lithium-content .icon-only .page-next .dis, #lithium-body .lithium-content .icon-only .message-next .dis { background:url('/i/skins/default/button_next_page_dis.gif') no-repeat 50% 50%; width:9px; height:28px; padding:0 7px; } /* thread-previous */ #lithium-body .lithium-content .legacy-ui .thread-previous .active { background:url('/i/skins/default/button_previous_page.gif') no-repeat 3% 50%; padding-left:19px; padding-right:8px; } #lithium-body .lithium-content .legacy-ui .thread-previous .dis { background:url('/i/skins/default/button_previous_page_dis.gif') no-repeat 3% 50%; padding-left:19px; padding-right:8px; } #lithium-body .lithium-content .polish-ui .thread-previous .active { background:url('/i/skins/lightblue_white/button-previous-thread.gif') no-repeat; width:30px; height:20px; } #lithium-body .lithium-content .polish-ui .thread-previous .dis { background:url('/i/skins/lightblue_white/button-previous-thread-dis.gif') no-repeat; width:30px; height:20px; } #lithium-body .lithium-content .icon-only .thread-previous .active { background:url('/i/skins/default/button_previous_page.gif') no-repeat 50% 50%; width:9px; height:28px; padding:0 7px; } #lithium-body .lithium-content .icon-only .thread-previous .dis { background:url('/i/skins/default/button_previous_page_dis.gif') no-repeat 50% 50%; width:9px; height:28px; padding:0 7px; } /* thread-next */ #lithium-body .lithium-content .legacy-ui .thread-next .active { background:url('/i/skins/default/button_next_page.gif') no-repeat 97% 50%; padding-left:8px; padding-right:19px; } #lithium-body .lithium-content .legacy-ui .thread-next .dis { background:url('/i/skins/default/button_next_page_dis.gif') no-repeat 97% 50%; padding-left:8px; padding-right:19px; } #lithium-body .lithium-content .polish-ui .thread-next .active { background:url('/i/skins/lightblue_white/button-next-thread.gif') no-repeat; width:30px; height:20px; } #lithium-body .lithium-content .polish-ui .thread-next .dis { background:url('/i/skins/lightblue_white/button-next-thread-dis.gif') no-repeat; width:30px; height:20px; } #lithium-body .lithium-content .icon-only .thread-next .active { background:url('/i/skins/default/button_next_page.gif') no-repeat 50% 50%; width:9px; height:28px; padding:0 7px;} #lithium-body .lithium-content .icon-only .thread-next .dis { background:url('/i/skins/default/button_next_page_dis.gif') no-repeat 50% 50%; width:9px; height:28px; padding:0 7px; } /* message-listing */ #lithium-body .lithium-content .legacy-ui .message-listing .active { background:url('/i/skins/default/button_front_page.gif') no-repeat 3% 50%; padding-left:28px; padding-right:8px; } #lithium-body .lithium-content .legacy-ui .message-listing .dis { background:url('/i/skins/default/button_front_page_dis.gif') no-repeat 3% 50%; padding-left:28px; padding-right:8px; } #lithium-body .lithium-content .polish-ui .message-listing .active { background:url('/i/skins/lightblue_white/button-message-list.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .polish-ui .message-listing .dis { background:url('/i/skins/lightblue_white/button-message-list.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .icon-only .message-listing .active { background:url('/i/skins/default/button_front_page.gif') no-repeat 50% 50%; width:18px; height:28px; padding:0 7px;} #lithium-body .lithium-content .icon-only .message-listing .dis { background:url('/i/skins/default/button_front_page_dis.gif') no-repeat 50% 50%; width:18px; height:28px; padding:0 7px; } /* Auto Complete */ #lithium-body .lithium-content div.t-autocomplete-menu ul { background-color:#e0e6ed; border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #BEC7D1; border-bottom:1px solid #BEC7D1; } #lithium-body .lithium-content div.t-autocomplete-menu li { color:#336699; background-color:#e0e6ed; border:0px; } #lithium-body .lithium-content div.t-autocomplete-menu .selected { background-color:#FFFFFF; color:#336699; } #lithium-body .lithium-content div.t-autocomplete-menu li.selected { color:#336699; background-color:#BEC7D1; } /******************************************************* Buttons - End ********************************************************/ /******************************************************* Tags - Start ********************************************************/ /* Tag weight styles */ #lithium-body .lithium-content .tagging-weight-0, #lithium-body .lithium-content .tagging-weight-1, #lithium-body .lithium-content .tagging-weight-2 { color:#666666; font-size:69%; } #lithium-body .lithium-content .tagging-weight-3, #lithium-body .lithium-content .tagging-weight-4 { color:#4C4C4C; font-size:85%; } #lithium-body .lithium-content .tagging-weight-5, #lithium-body .lithium-content .tagging-weight-6 { color:#323232; font-size:93%; } #lithium-body .lithium-content .tagging-weight-7, #lithium-body .lithium-content .tagging-weight-8 { color:#191919; font-size:100%; } #lithium-body .lithium-content .tagging-weight-9, #lithium-body .lithium-content .tagging-weight-10 { color:#000000; font-size:100%; font-weight:bold; } /******************************************************* Tags - End ********************************************************/ /******************************************************* Admin Mode - Start ********************************************************/ /* Page Admin Mode */ /** Warning, these selectores cannot be prefixed with #lithium-body since this class is applied to the same element, the body **/ .page-admin-mode .page-admin-controls { border:1px dotted #99B2CC; } .page-admin-mode .page-content { border:1px dotted #99B2CC; } .page-admin-mode .component-list .closed { background:url('/i/skins/default/button_widget_maximize.gif') no-repeat 0 50%; padding-left:17px; } .page-admin-mode .component-list .opened { background:url('/i/skins/default/button_widget_minimize.gif') no-repeat 0 50%; padding-left:17px; } .page-admin-mode .component-list .handle { background:url('/i/skins/default/button_widget_move.gif') no-repeat 0px 50%; padding-left:17px; } #lithium-body .lithium-content fieldset { border:1px solid #000000; } #lithium-body .lithium-content fieldset .form-row { border-top:1px solid #000000; } #lithium-body fieldset .TwoColumnLayout .columns-container { border-top:1px solid #000000; } #lithium-body fieldset .TwoColumnLayout .columns-container .main-content-column { border-right:1px solid #000000; } #lithium-body fieldset .TwoColumnLayout .columns-container .side-column-content { border-left:1px solid #000000; } /******************************************************* Admin Mode - End ********************************************************/ /******************************************************* Hacks - Start ********************************************************/ /* Minimum Width Container */ #lithium-body .MinimumWidthContainer { min-width:750px; } #lithium-body .MinimumWidthContainer .lithium-content { width:750px; } * html .min-width-wrapper { border-left:750px solid #FFFFFF; } * html .min-width { margin-left:-750px; position:relative; } * html .min-width-wrapper, * html .min-width { height:1px; } /******************************************************* Hacks - End ********************************************************/ /******************************************************* WYSIWYG - Start ********************************************************/ /* Message Editor */ .MessageEditor .editor-controls { font-size:85%; } .MessageEditor .editor-controls .editor-button { font-size:93%;} .block-buttons .editor-controls .preview-message-button { background:url('/i/skins/default/editor/preview.gif') no-repeat center left transparent; } .inline-buttons .editor-controls .preview-message-button { background:url('/i/skins/default/editor/preview.gif') no-repeat center center transparent; } .MessageEditor .message-body-editor textarea { color:#000000; background:#FFFFFF; font-family:Verdana; font-size:93%; } /* TinyMce */ .forecolor-automatic { background-color:#000000; } .mceWindowHead { background-color:#336699 !important; color:#000000 !important; } /* JSpell */ #spellingDialog { border:1px solid #cccccc !important; } #spellingDialog td { background-color:#ffffcc !important; } #spellingDialog #titleBarHandle { background:#336699 !important; color:#FFFFFF !important; font-size:123.1% !important; text-decoration:none !important; border-bottom:1px solid #cccccc !important; } #spellingDialog #jspell_finish { background-color:#DDDDDD !important; color:#000000 !important; } #spellingDialog .jsd_button { border:1px solid #666666 !important; background-color:#336699 !important; color:#eeeeee !important; font-size:100% !important; } #spellingDialog #jspellErrTypeLabel, #spellingDialog #jspellSuggLabel { font-size:100% !important; } #spellingDialog #jspellErrWord { font-size:123.1% !important; } #spellingDialog #jspellErrActionLabel { font-size:100% !important; } /******************************************************* WYSIWYG - End ********************************************************/ /******************************************************* * Author: Adam Ayres * File: BoardStyles.vm * * Board Styles Rules: * - !!! NEVER USE !important !!! * - All selectors should start with "#lithium-body" for namespacing * - Should be properly grouped in a section * - Should only be added here if used by BOARD pages * - There should only be parameratized selectors for: Colors, fonts and background images * * Usage: * - BoardStyles is included in only pages that use boards (this is currently every page other then blog pages) * - Tempalate is passed through velocity context that contains settings for colors, fonts, images and positioning * - Values are referenceable using expansions and dot notation * - Settings keys are referenceable direcltly, however all .'s are replaced by _'s * - Example: Setting "color.page_bg" is accessible using FFFFFF * * Sections: * - HTML Tags * - Headers and Borders * - Forms * - Buttons * - Page Elements * - Messages * - Notes * - Messages Page * - Profile Page * - Kudos * - Tagging * - Taplets * - WYSIWYG *******************************************************/ /******************************************************* HTML Tags - Start ********************************************************/ body { scrollbar-highlight-color: #; scrollbar-shadow-color: #; scrollbar-3dlight-color: #; scrollbar-darkshadow-color: %>; scrollbar-track-color: #; scrollbar-arrow-color: #; scrollbar-face-color: #;} body, .mceContentBody { background:#FFFFFF ; margin-top:15px; margin-bottom:15px; } body .lithium-content, .mceContentBody { color:#000000; } #lithium-body .lithium-content { background:#FFFFFF } #lithium-body .lithium-content h1 { color:#FFFFFF; font-weight:normal; text-decoration:none; } #lithium-body .lithium-content h3 { color:000000; } #lithium-body .lithium-content p { font-size:93%; } #lithium-body .lithium-content label { font-size:93%; color:#000000; } #lithium-body .lithium-content input, .lithium-content textarea, .lithium-content select { border:1px solid #666666; background-color:#FFFFFF; color:#000000; } #lithium-body .lithium-content table,.lithium-content td { color:#000000; font-family:Verdana,Arial,Helvetica; } #lithium-body .MinimumWidthContainer .lithium-content { border:1px solid #cccccc; } /* Links use a less specific selector by not using the ID but instead the class name. This makes it easier for components that do want to override the link color easier */ .lithium-content a { color:#0033cc; font-size:93%; } /******************************************************* HTML Tags - End ********************************************************/ /******************************************************* Headers and Borders - Start ********************************************************/ /* HeadingBar */ #lithium-body .lithium-content .heading-bar { background:#eeeeee ; color:#000000; font-weight:normal; border-bottom:1px solid #cccccc; } /******************************************************* Headers and Borders - End ********************************************************/ /******************************************************* Forms - Start ********************************************************/ #lithium-body .lithium-content input.checkbox, #lithium-body .lithium-content input.radio { border:0px; background:none; } #lithium-body .lithium-content .editor-checkbox-label { font-size:85%; } #lithium-body .lithium-content .local-date { font-weight:normal; text-decoration:none; color:#000000; } #lithium-body .lithium-content .local-time { font-weight:normal; text-decoration:none; color:#000000; } #lithium-body .lithium-content .separator-pre { background-color:#FFFFFF; } #lithium-body .lithium-content .separator-post { background-color:#BEC7D1; } /******************************************************* Forms - Start ********************************************************/ /******************************************************* Buttons - Start ********************************************************/ /* Action Buttons */ #lithium-body .lithium-content .action-button, #lithium-body .lithium-content .editor_ok_button, #lithium-body .lithium-content .editor_cancel { border:1px solid #666666; background-color:#336699; color:#eeeeee; font-size:93%; } #lithium-body .lithium-content .form-action-buttons .submit-button { background:#336699 no-repeat; width:px; height:px; text-indent:px; } /* Solutions Button */ #lithium-body .SolutionsButton .is-solution { width:50px; } #lithium-body .SolutionsButton .is-solution .solutions-text { color:#009900; } #lithium-body .SolutionsButton .is-solved { width:50px; } #lithium-body .SolutionsButton .is-solved .solutions-text { color:#009900; } #lithium-body .SolutionsButton .mark-solution { width:50px; } #lithium-body .SolutionsButton .mark-solution .solutions-text { color:#009900; } /******************************************************* Buttons - End ********************************************************/ /******************************************************* Page Elements - Start ********************************************************/ #lithium-body .lithium-content .even-row { background:#FFFFFF ; } /* Announcement */ #lithium-body .Announcement .announcement-header { background:#336699 ; font-size:85%; border-bottom:1px solid #cccccc; color:#FFFFFF; font-weight:bold; } #lithium-body .Announcement .announcement-text { background:#eaeff7 ; font-size:85%; border-bottom:1px solid #cccccc; color:#000000; font-weight:normal; text-decoration:none} /* AnonymouseUserMessageEditorFields */ #lithium-body .AnonymouseUserMessageEditorFields .anon-editor .editor-label { font-size:85%; } /* LabelList */ #lithium-body .LabelsList .dis { font-size:93%; } /* BreadCrumb */ #lithium-body .BreadCrumb { background:#FFFFFF ; border-bottom:1px solid #cccccc; font-weight:normal; } #lithium-body .BreadCrumb a, .final-crumb { color:#0033cc; text-decoration:none; font-weight:normal; } #lithium-body .BreadCrumb .final-crumb { color:#333333; } #lithium-body .BreadCrumb a:hover { font-weight:normal; } #lithium-body .BreadCrumb .separator { color:#333333; } /* Chrome */ #lithium-body .Chrome, #lithium-body .Chrome a { color:#0033cc; } #lithium-body .Chrome .handle { background:url('/i/skins/default/button_widget_move.gif'); height:12px; width:12px;} #lithium-body .Chrome .chrome-remove { background:url('/i/skins/default/button_widget_close.gif'); height:12px; width:12px;} #lithium-body .lithium-content .closed .chrome-toggle { background:url('/i/skins/default/button_widget_minimize.gif'); height:12px; width:12px;} #lithium-body .lithium-content .opened .chrome-toggle { background:url('/i/skins/default/button_widget_maximize.gif'); height:12px; width:12px;} #lithium-body .lithium-content .chrome-default { background:#FFFFFF; border:1px solid #cccccc; } /** Chrome Bar **/ #lithium-body .lithium-content .chrome-bar { background:#336699 ; border-bottom:1px solid #cccccc; } #lithium-body .lithium-content .chrome-bar .title { font-size:85%; } #lithium-body .lithium-content .chrome-bar .content { background:#eaeff7 ; font-size:85%; color:#000000; font-weight:normal; text-decoration:none } /* InfoMessage , ErrorMessage */ #lithium-body .InfoMessage, #lithium-body .ErrorMessage, #lithium-body .FilteredByLabelName { background:#EEEEEE ; border:1px solid #cccccc; } #lithium-body .InfoMessage, #lithium-body .FilteredByLabelName { font-size:93%; } #lithium-body .ErrorMessage .error-description { font-size:85%; } /* ActionMenu */ #lithium-body .ActionMenu .default-menu-option { background:url('/i/skins/default/button_options.gif') no-repeat right; padding-left:8px; padding-right:21px; color:#336699; } #lithium-body .ActionMenu .dropdown-menu-items { background-color:#e0e6ed; } #lithium-body .ActionMenu .dropdown-navigation .dropdown-menu-items { border-left:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-right:1px solid #BEC7D1; border-bottom:1px solid #BEC7D1; } /* LegendKey */ #lithium-body .LegendKey { background:#eaeff7 ; border-top:1px solid #cccccc; } #lithium-body .LegendKey .title { background:#336699 ; border-bottom:1px solid #cccccc; color:#FFFFFF; font-weight:normal; font-size:116%; } #lithium-body .LegendKey .legend-icon { font-size:85%; } /* MenuBlock */ #lithium-body .MenuBar { color:#336699; font-weight:normal; background:#e0e6ed ; } #lithium-body .MenuBar .dis, #lithium-body .DropDownMenu .dis, #lithium-body .MessageView .message-header .DropDownMenu .dis { color:#999999; } #lithium-body .MenuBar .active, #lithium-body .DropDownMenu .active, #lithium-body .MessageView .message-header .DropDownMenu .active { color:#336699; } #lithium-body .lithium-content .top-block { border-bottom:1px solid #cccccc; } #lithium-body .lithium-content .bottom-block { border-top:1px solid #cccccc; } #lithium-body .MenuBar .legacy-ui .page-numbered-pages .dis { font-size:116%; font-weight:bold; } #lithium-body .MenuBar .legacy-ui .shadow { background-color:#BEC7D1; } #lithium-body .MenuBar .legacy-ui .highlight { background-color:#FFFFFF; } #lithium-body .MenuBar .legacy-ui .active, #lithium-body .JumpToPaging, .JumpToPaging .dis { color:#336699; } #lithium-body .MenuBar .polish-ui .active:link, #lithium-body .MenuBar .polish-ui .active:visitied { border-color:#e0e6ed; } #lithium-body .MenuBar .polish-ui .dis { border-color:#e0e6ed; } #lithium-body .MenuBar .legacy-ui .JumpToPaging .active:hover { background:transparent; } #lithium-body .MenuBar .polish-ui .active:hover, #lithium-body .MenuBar .polish-ui .active:hover, #lithium-body .MenuBar .primary-action .active:hover, #lithium-body .MenuBar .simple-paging .active:hover, #lithium-body .MenuBar .thread-navigator-list .active:hover, #lithium-body .MenuBar .DropDownMenu a:hover, #lithium-body .DropDownMenu .dropdown-menu-items a:hover, #lithium-body .ActionMenu .dropdown-menu-items span.dis:hover { border-color:#336699; background-color:#BEC7D1; } /* User Navigation Bar */ #lithium-body .UserNavigationBar { background:#eeeeee ; color:#0033cc; border-bottom:1px solid #cccccc; } #lithium-body .UserNavigationBar a { font-weight:normal; text-decoration:none; font-size:85%; color:#0033cc; } /* Page Title */ #lithium-body .PageTitle { font-weight:normal; } #lithium-body .PageTitle a { color:#FFFFFF; text-decoration:none; } /* Title Bar */ #lithium-body .TitleBar { background:#336699 ; border-bottom:1px solid #cccccc; color:#FFFFFF; } /* Max Age Selector */ #lithium-body .MaxAgeSelector .max-age-description { font-size:93%; } /* Search Bar & Footer Bar */ #lithium-body .FooterBar .bottom { background-color:#FFFFFF; border-top:1px solid #cccccc; } #lithium-body .SearchBar .top { background-color:#FFFFFF; border-bottom:1px solid #cccccc; } #lithium-body .SearchBar, #lithium-body .FooterBar { background:#FFFFFF ; } /* Time Range Selector */ #lithium-body .TimeRangeSelector { border-bottom:1px solid #cccccc; background:#FFFFFF; } #lithium-body .TimeRangeSelector .time-range-description { font-weight:bold; float:left; padding:.2em .5em 0 0; color:${color_kudos-timerange-text}; } #lithium-body .TimeRangeSelector .timerange-navigation li a { font-size:85%; text-decoration:none; color:#${color_kudos-timerange-text}; } /* Search Form */ #lithium-body .SearchForm { color:#000000; } #lithium-body .SearchForm a { color:#000000; font-size:85%; font-weight:normal text-decoration:none; } /* User Name */ #lithium-body .UserName a { font-size:93%; } /* View All Link */ #lithium-body .ViewAll:hover { border-left:1px solid #FFFFFF; cursor:pointer; background-color:#BEC7D1; } #lithium-body .ViewAll a { color:#336699 !important; padding:0px 3px; } /* User Reports Pager Bar */ #lithium-body.UserReportsPage .pager-bar { border-right:1px solid #cccccc; border-left:1px solid #cccccc; } /******************************************************* Page Elements - End ********************************************************/ /******************************************************* Messages - Start ********************************************************/ /* Message Editor Form */ #lithium-body .MessageEditorForm .message-editor-fields { border:1px solid #cccccc; background-color:#DDDDDD; } #lithium-body .MessageEditorForm .message-meta-data { border:1px solid #cccccc; background-color:#DDDDDD; } #lithium-body .MessageEditorForm .editor-label, #lithium-body .MessageEditorForm .editor-checkbox-label { color:#000000; } /* Message History */ #lithium-body .MessageHistory a { font-size:85%; } #lithium-body .MessageHistory .title, #lithium-body .MessageHistory .author, #lithium-body .MessageHistory .date { font-size:85%; } #lithium-body .MessageHistory .author { font-weight:normal; text-decoration:none; } #lithium-body .MessageHistory .header-row { color:#000000; background-color:#336699; font-weight:normal; text-decoration:none; } #lithium-body .MessageHistory .history-row { border-bottom:1px solid #336699; } /* Message Tags */ #lithium-body .MessageTags .TagList .tag-list { font-size:85%; } /* Message Subject */ #lithium-body .MessageSubject .message-subject-board { font-weight:normal; text-decoration:none; color:#000000; } #lithium-body .MessageSubject .message-subject-reply { font-weight:normal; text-decoration:none; color:#000000; } /* Message Subject Icons */ #lithium-body .MessageSubjectIcons .verified-icon { color:#009900 !important; font-size:85%; } /* Message Summary */ #lithium-body .MessageSummary { border-bottom:1px solid #cccccc; } #lithium-body .lithium-content .page-info { border-bottom:1px solid #cccccc; } /* Message View */ #lithium-body .MessageView .message-body pre { *width:600px; } #lithium-body .MessageView .message-container { border:1px solid #cccccc; } #lithium-body .MessageView .count { font-weight:normal; text-decoration:none; } #lithium-body .MessageView .user-information .local-date,.user-information .local-time { font-size:85%; } #lithium-body .MessageView .message-header { background:#336699 ; font-weight:normal; } #lithium-body .MessageView .highlight-message .preview-attachments { background-color:#f8fbfe; } #lithium-body .MessageView .preview-attachments { background:#FFFFFF; } #lithium-body .MessageView .content-column .message-reply { color:#000000; } #lithium-body .MessageView .accepted-solution .message-content .user-information .DateTime { color:${color_table_cell_2_solution_text}; } #lithium-body .MessageView .accepted-solution .message-header { background-color:#009900; background-image:url('/i/skins/default/bg_menubar_solution.gif'); } #lithium-body .first-message .MessageView .message-container { border-top:none; } #lithium-body .MessageView .highlight-message .message-content .content-column { background-color:#f8fbfe; background-image:${bg_table_cell_selected} } #lithium-body .MessageView .message-content .report-abuse-link { font-size:85% } #lithium-body .MessageView .message-header a, #lithium-body .MessageView .message-header .message-subject, #lithium-body .MessageView .primary-action a.active { font-size:85%; text-decoration:none; color:#FFFFFF; } #lithium-body .MessageView .message-subject h5, #lithium-body .MessageView .message-subject h1 {font-weight:normal;} #lithium-body .MessageView .user-information-item, #lithium-body .MessageView .UserIpAddress { font-size:85%; } #lithium-body .MessageView .accepted-solution .message-content, #lithium-body .MessageView .accepted-solution .message-content .content-column { background-color:#EEFFEE; background-image:${images_table_cell_1_solution_bg}; } /* Side Message View */ #lithium-body .SideMessageView { border:1px solid #cccccc; } #lithium-body .SideMessageView .message-body { ; font-size:100%; } #lithium-body .SideMessageView .metadata-column { border-right:1px solid #cccccc; } #lithium-body .SideMessageView .content-column { border-left:1px solid #cccccc; } #lithium-body .SideMessageView .message-content { background:#EEEEEE; } #lithium-body .SideMessageView .message-content .content-column { background:#FFFFFF; } /* Top Message View */ #lithium-body .TopMessageView .message-header .metadata-column { border-right:1px solid #cccccc; } #lithium-body .TopMessageView .highlight-message .message-content { background-color:#f8fbfe; } #lithium-body .TopMessageView .message-content .user-information { border:1px solid #cccccc; background:#EEEEEE repeat-x; } /* Top Messages Leader Board */ #lithium-body .TopMessagesLeaderBoard td.kudosCountColumn { background:#FFF0B2; color:#000000; font-weight:normal; } /* Message List */ #lithium-body .TwoColumnLayout .columns-container .MessageList div.t-data-grid, #lithium-body .lithium-content .user-list-grid div.t-data-grid { border:1px solid #cccccc } /* New Messages Count */ #lithium-body .NewMessagesCount { color:#000000; font-weight:normal; text-decoration:none; } /******************************************************* Messages - End ********************************************************/ /******************************************************* Notes - Start ********************************************************/ /* Note Editor Form */ #lithium-body .NoteEditorForm .note-editor-fields { border:1px solid #cccccc; background-color:#ffffcc; } #lithium-body .NoteEditorForm .editor-label, .NoteEditorForm .editor-checkbox-label { color:#336699; } /* Private Notes */ #lithium-body .PrivateNotes .new-private-notes { font-size:85%; } #lithium-body .PrivateNotesList .select-section { border:1px solid #cccccc; } #lithium-body .PrivateNotesList .select-section { font-size:93%; } #lithium-body .PrivateNotesList .t-data-grid thead .noteCheckboxColumn { color:#eeeeee; } #lithium-body .PrivateNotesList .select-links-bar { font-size:85%; } #lithium-body .PrivateNotesList .bottom-block { border-bottom:1px solid #cccccc; } #lithium-body .PrivateNotesList .new-note-link .active { background:url('/i/skins/default/button_post.gif') no-repeat 8% 50%; padding-left:28px; } #lithium-body .PrivateNotesList .new-note-link .dis{ background:url('/i/skins/default/button_post_dis.gif') no-repeat 8% 50%; padding-left:28px; } #lithium-body .PrivateNotesList .icon-only .new-note-link .active { background:url('/i/skins/default/button_post.gif') no-repeat 50% 50%; width:15px; height:28px; } #lithium-body .PrivateNotesList .icon-only .new-note-link .dis { background:url('/i/skins/default/button_post_dis.gif') no-repeat 50% 50%; width:15px; height:28px; } #lithium-body .PrivateNotesList .text-only .new-note-link .active, #lithium-body .PrivateNotesList .text-only .new-note-link .dis { background:none; padding:6px 7px; } /* Note View */ #lithium-body .NoteView .reply-button { background:#336699 url('/i/skins/default/button_reply.gif') no-repeat 15% 50%; } #lithium-body .NoteView .note-view-subject { font-size:116%; } #lithium-body .NoteView .note-view-label { font-size:85%; } #lithium-body .NoteView .back-link { font-size:85%; } #lithium-body .NoteView .contact-links-bar { font-size:85%; } #lithium-body .NoteView .bottom-block { border-bottom:1px solid #cccccc; } /* Notes Summary List */ #lithium-body .NotesSummaryList .by {color:#000000; font-weight:bold; font-size:100%; } #lithium-body .NotesSummaryList .view-all-container { border-top:1px solid #cccccc; position:relative; } #lithium-body .NotesSummaryList .view-all-container a { color:#cccccc; } /* Simple Note View #lithium-body .SimpleNoteView { border:1px solid #cccccc; background-color:#FFFFFF; } #lithium-body .SimpleNoteView .note-view-subject { font-size:116%; } #lithium-body .SimpleNoteView .note-view-label { font-size:85%; } /* Contact List */ #lithium-body .ContactsList .contactsLatestPostColumn-cell .DateTime span { font-size:85%; } /* Compose Success Message */ #lithium-body .ComposeSuccessMessage { background:#EEEEEE ; border:1px solid #cccccc; } #lithium-body .ComposeSuccessMessage { font-size:93%; } /******************************************************* Notes - End ********************************************************/ /******************************************************* Message Page - Start ********************************************************/ .MessagePage .JumpToPaging, .MessagePage .JumpToPaging .dis { color:#000000; background:#FFFFFF ; } .MessagePage .JumpToPaging .active { color:#000000; } .MessagePage .top-block .JumpToPaging { border-top:1px solid #cccccc; } .MessagePage .bottom-block .JumpToPaging { border-bottom:1px solid #cccccc; } .MessagePage .message-thread-list { border-top:1px solid #cccccc; } .MessagePage .message-thread-list table.t-data-grid tbody tr.odd-row { background:#FFFFFF ; } /******************************************************* Message Page - End ********************************************************/ /******************************************************* Profile Page - Start ********************************************************/ #lithium-body .SkinChooser {border:1px solid #cccccc;margin:1px} #lithium-body .SkinChooser .page-description {background:#EEEEEE; } #lithium-body .SkinChooser .skins-list-header {border:1px solid #cccccc;} #lithium-body .SkinChooser th.thumbnail {border-right:1px solid #cccccc; border-left:none} #lithium-body .SkinChooser th.title {border-left:1px solid #cccccc;font-size:100%; text-transform:none} #lithium-body .SkinChooser td {font-weight:bold; font-size:100%} #lithium-body .SkinChooser td img {border:1px solid #cccccc; } #lithium-body .SkinChooser td.thumbnail {border-right:1px solid #cccccc; margin:1px} #lithium-body .SkinChooser td.title {border-left:1px solid #cccccc; margin:1px} #lithium-body .SkinChooser .no-skin-desc {font-weight:normal; font-size:93%} /* User Preferences */ #lithium-body .UserPreferences th.settingTitle { border-right:none; } #lithium-body .UserPreferences th.settingSelection { border-left:none; } #lithium-body .UserPreferences .section-divider { background:#eeeeee ; color:#FFFFFF; font-weight:normal; border:1px solid #cccccc; padding:4px 5px 4px; margin-bottom:15px; } #lithium-body .UserPreferences th { border-top:1px solid #cccccc; font-size:normal !important; font-family:Verdana,Arial,Helvetica; color:#FFFFFF !important; padding:6px !important; font-weight: bold; } /* Subscriptions List */ #lithium-body .SubscriptionsList .related-info { font-size:69%; } #lithium-body .SubscriptionsList .related-info a { font-size:100%; } #lithium-body .SubscriptionsList .board-info-label, #lithium-body .SubscriptionsList .thread-info-label, #lithium-body .SubscriptionsList .latest-thread-info-label, #lithium-body .SubscriptionsList .latest-message-info-label { color:#0033cc; } #lithium-body .manage-subscriptions-link { font-weight:bold; color:#0033cc; } /******************************************************* Profile Page - Start ********************************************************/ /******************************************************* Kudos - Start ********************************************************/ /* Top Kuoded Users Leader Board */ #lithium-body .TopKudoedUsersLeaderBoard .top-user-1 { background-color:#FFE580; } #lithium-body .TopKudoedUsersLeaderBoard .top-user-2 { background-color:#FFF0B2; } #lithium-body .TopKudoedUsersLeaderBoard .top-user-3 { background-color:#FFFAE5; margin-bottom:20px; } #lithium-body .TopKudoedUsersLeaderBoard .top-user-1 .leaderboard-rank { color:#333333; font-size:277%; font-weight:bold; } #lithium-body .TopKudoedUsersLeaderBoard .top-user-2 .leaderboard-rank { color:#666666; font-size:231%; font-weight:bold; } #lithium-body .TopKudoedUsersLeaderBoard .top-user-3 .leaderboard-rank { color:#999999; font-size:182%; font-weight:bold; } /* Kudos Simple Message List */ #lithium-body .KudosSimpleMessageList ul li { border-top:1px solid #cccccc; } /******************************************************* Kudos - End ********************************************************/ /******************************************************* Tagging - Start ********************************************************/ #lithium-body .lithium-content .li-tagging .tag-group { background-color:#FFFFFF; } #lithium-body .lithium-content .li-tagging .group-title { color:#000000; background-color:#eeeeee; border-bottom-color:#cccccc; } #lithium-body .lithium-content .node-tagging .group-area{ background-color:#FFFFFF; } #lithium-body .lithium-content .top-taggers .group-area { background-color:#FFFFFF; } #lithium-body .lithium-content .tag-clouds-bottom .Chrome { border-top:1px solid #cccccc; } #lithium-body .lithium-content .tag-clouds-bottom .TaggerLeaderboardTapletChrome { border-left:1px solid #cccccc; } /* Tag Statistics */ #lithium-body .TagStatistics ul li a { color:#0033cc; } /* Tagger Leaderboard Taplet */ #lithium-body .TaggerLeaderboardTaplet ul li { border-top:1px solid #cccccc; } /* Tag View Page Banner */ #lithium-body .TagViewPageBanner { padding:10px; margin-bottom:10px; background:#EEEEEE; border:1px solid #cccccc; } /******************************************************* Tagging - End ********************************************************/ /******************************************************* Taplets - Start ********************************************************/ /* Taplet - Simple User Lists */ #lithium-body .lithium-content .simple-user-list li { border-top:1px solid #cccccc; } #lithium-body .lithium-content .odd-row { background:#EEEEEE ; } /* Users Online Taplet */ #lithium-body .UsersOnlineTaplet .CurrentlyOnline { border-bottom:1px solid #cccccc; } #lithium-body .UsersOnlineTaplet .RecentLogins { border-bottom:1px solid #cccccc; } #lithium-body .UsersOnlineTaplet .RecentRegistrations { border-bottom:1px solid #cccccc; } /* Top Boards Taplet */ #lithium-body .TopBoardsTapletChrome .heading-bar { background:#eeeeee ; color:#0033cc; font-weight:bold; border-bottom:1px solid #cccccc; } #lithium-body .TopBoardsTaplet .t-data-grid th { font-size:.65em; } #lithium-body .TopBoardsTaplet .t-data-grid { font-family:Verdana,Arial,Helvetica; } /******************************************************* Taplets - End ********************************************************/ /******************************************************* WYSIWYG - Start ********************************************************/ /* Tiny Mce */ body.mceContentBody { background:#FFFFFF; ; } body.mceContentBody { font-size:10pt; } /******************************************************* WYSIWYG - End ********************************************************/