/* 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: BaseStyles.css * * Base 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: * * - YUI Reset * - Font-size Reset * - Links * - Forms * - Panels * - Lists * - Data Cells * - Actions * - Tabs * *********************************************************/ /******************************************************* Hack ********************************************************/ #lithium-body center .lithium-content { text-align:left; } /******************************************************* YUI + Meyer Reset - Start ********************************************************/ #lithium-body .lithium-content dl, #lithium-body .lithium-content dt, #lithium-body .lithium-content dd, #lithium-body .lithium-content ul, #lithium-body .lithium-content ol, #lithium-body .lithium-content li, #lithium-body .lithium-content h1, #lithium-body .lithium-content h2, #lithium-body .lithium-content h3, #lithium-body .lithium-content h4, #lithium-body .lithium-content h5, #lithium-body .lithium-content h6, #lithium-body .lithium-content pre, #lithium-body .lithium-content form, #lithium-body .lithium-content fieldset, #lithium-body .lithium-content input, #lithium-body .lithium-content textarea, #lithium-body .lithium-content p, #lithium-body .lithium-content blockquote, #lithium-body .lithium-content th, #lithium-body .lithium-content td { margin:0; padding:0; } #lithium-body .lithium-content table { border-collapse:collapse; border-spacing:0; } #lithium-body .lithium-content fieldset, #lithium-body .lithium-content img { border:0; } #lithium-body .lithium-content address, #lithium-body .lithium-content caption, #lithium-body .lithium-content cite, #lithium-body .lithium-content code, #lithium-body .lithium-content dfn, #lithium-body .lithium-content em, #lithium-body .lithium-content strong, #lithium-body .lithium-content th, #lithium-body .lithium-content var { font-style:normal; font-weight:normal; } #lithium-body .lithium-content ol, #lithium-body .lithium-content ul { list-style:none; } #lithium-body .lithium-content caption, #lithium-body .lithium-content th { text-align:left; } #lithium-body .lithium-content h1, #lithium-body .lithium-content h2, #lithium-body .lithium-content h3, #lithium-body .lithium-content h4, #lithium-body .lithium-content h5, #lithium-body .lithium-content h6 { font-size:100%; font-weight:normal; } #lithium-body .lithium-content blockquote, #lithium-body .lithium-content q { quotes:none; } #lithium-body .lithium-content blockquote:before, #lithium-body .lithium-content blockquote:after, #lithium-body .lithium-content q:before, #lithium-body .lithium-content q:after { content:''; } #lithium-body .lithium-content abbr, #lithium-body .lithium-content acronym { border:0; } #lithium-body .lithium-content { line-height:1.200; } #lithium-body .lithium-content address, #lithium-body .lithium-content caption, #lithium-body .lithium-content cite, #lithium-body .lithium-content code, #lithium-body .lithium-content dfn, #lithium-body .lithium-content em, #lithium-body .lithium-content strong, #lithium-body .lithium-content th, #lithium-body .lithium-content var { font-style:normal; font-weight:normal; } /******************************************************* YUI + Meyer Reset - End ********************************************************/ /******************************************************* Font-size Reset - Start ********************************************************/ #lithium-body .lithium-content a, #lithium-body .lithium-content p, #lithium-body .lithium-content label, #lithium-body .lithium-content .editor-checkbox-label, #lithium-body .lithium-content .local-date, #lithium-body .lithium-content .xxsmall-text, #lithium-body .lithium-content .xsmall-text, #lithium-body .lithium-content .small-text, #lithium-body .lithium-content .normal-text, #lithium-body .lithium-content .large-text, #lithium-body .lithium-content .xlarge-text, #lithium-body .lithium-content .xxlarge-text, #lithium-body .lithium-content .tagging-weight-0, #lithium-body .lithium-content .tagging-weight-1, #lithium-body .lithium-content .tagging-weight-2, #lithium-body .lithium-content .tagging-weight-3, #lithium-body .lithium-content .tagging-weight-4, #lithium-body .lithium-content .tagging-weight-5, #lithium-body .lithium-content .tagging-weight-6, #lithium-body .lithium-content .tagging-weight-7, #lithium-body .lithium-content .tagging-weight-8, #lithium-body .lithium-content .tagging-weight-9, #lithium-body .lithium-content .tagging-weight-10 { font-size:100%; } /* Prevent Body Type font size change to affect TinyMCE buttons */ #lithium-body .lithium-content .editor-button-wrapper { font-size:12px; line-height:13px;} /******************************************************* Font-size Reset - End ********************************************************/ /******************************************************* Forms - Start ********************************************************/ #lithium-body .lithium-content fieldset fieldset { margin-right:4%; margin-bottom:0; } /* when grouping radio buttons */ #lithium-body .lithium-content fieldset fieldset li p, #lithium-body .lithium-content .base-form-checkbox-wrap li p { margin:0 0.500em 0.500em 2.000em; } /* when grouping check boxes */ #lithium-body .lithium-content .base-form-field-group-wrap { zoom:1; } #lithium-body .lithium-content .base-form-field-group-wrap:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } #lithium-body .lithium-content .base-form-field-group { border-right:1px solid #ccc; float:left; margin-right:-1px; padding:0 0 1.5em; width:60%; } #lithium-body .lithium-content .base-form-field-info { padding:1.2em 0 0 10px; zoom:1; } #lithium-body .lithium-content .base-form-field-info:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } #lithium-body .lithium-content .base-form-field-100, #lithium-body .lithium-content .base-form-field-66, #lithium-body .lithium-content .base-form-field-50, #lithium-body .lithium-content .base-form-field-33 { float:left; } #lithium-body .lithium-content .base-form-field-100 { width:96%; } #lithium-body .lithium-content .base-form-field-66 { width:63.2%; } #lithium-body .lithium-content .base-form-field-50 { width:47.6%; } #lithium-body .lithium-content .base-form-field-33 { width:31.6%; } #lithium-body .lithium-content .base-form-field-100 label, #lithium-body .lithium-content .base-form-field-100 input[type="text"], #lithium-body .lithium-content .base-form-field-100 input[type="file"], #lithium-body .lithium-content .base-form-field-100 input[type="password"] { width:95.2%; } #lithium-body .lithium-content .base-form-field-100 select { width:96%; } #lithium-body .lithium-content .base-form-field-100 textarea { width:94%; } #lithium-body .lithium-content .base-form-field-66 label, #lithium-body .lithium-content .base-form-field-66 input[type="text"], #lithium-body .lithium-content .base-form-field-66 input[type="file"], #lithium-body .lithium-content .base-form-field-66 input[type="password"] { width:95.2%; } #lithium-body .lithium-content .base-form-field-66 select { width:96%; } #lithium-body .lithium-content .base-form-field-66 textarea { width:94%; } #lithium-body .lithium-content .base-form-field-50 label, #lithium-body .lithium-content .base-form-field-50 input[type="text"], #lithium-body .lithium-content .base-form-field-50 input[type="file"], #lithium-body .lithium-content .base-form-field-50 input[type="password"] { width:92.5%; } #lithium-body .lithium-content .base-form-field-50 select { width:93.5%; } #lithium-body .lithium-content .base-form-field-33 label, #lithium-body .lithium-content .base-form-field-33 input[type="text"], #lithium-body .lithium-content .base-form-field-33 input[type="file"], #lithium-body .lithium-content .base-form-field-33 input[type="password"] { width:90%; } #lithium-body .lithium-content .base-form-field-33 select { width:91%; } #lithium-body .lithium-content .base-form-footer { overflow:hidden; } #lithium-body .lithium-content .base-form-footer .form-submit { float:right; } #lithium-body .lithium-content select, #lithium-body .lithium-content input[type="text"], #lithium-body .lithium-content input[type="password"], #lithium-body .lithium-content input[type="file"] { padding:2px 0; line-height:1.000em; } #lithium-body .lithium-content select { padding:1px 0; } /******************************************************* Headers and Borders - End ********************************************************/ /******************************************************* Links - Start ********************************************************/ .lithium-body .lithium-content a, .lithium-body .lithium-content a:link, .lithium-body .lithium-content a:visited, .lithium-body .lithium-content a:focus { text-decoration:none; } .lithium-body .lithium-content a:hover, .lithium-body .lithium-content a:active { text-decoration:underline; } /******************************************************* Links - End ********************************************************/ /******************************************************* Panels - Start ********************************************************/ #lithium-body .lithium-content .base-panel .base-panel-content-wrapper { zoom:1; } #lithium-body .lithium-content .base-panel .base-panel-content-wrapper:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } /******************************************************* Panels - End ********************************************************/ /******************************************************* Lists - Start - ul.base-list-standard, ul.base-list-standard-inline, table.base-list-slim, table.base-list-wide, table.base-list-statisics ********************************************************/ /****** .base-panel .base-list-standard */ #lithium-body .lithium-content .base-panel ul.base-list-standard .UserAvatar img { vertical-align:middle; } #lithium-body .lithium-content .base-panel ul.base-list-standard li { zoom:1; } #lithium-body .lithium-content .base-panel ul.base-list-standard li:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } /****** .base-panel .base-list-standard-inline */ #lithium-body .lithium-content ul.base-list-standard-inline { zoom:1; } #lithium-body .lithium-content ul.base-list-standard-inline:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } #lithium-body .lithium-content ul.base-list-standard-inline li { display:block; float:left; } /****** .base-panel .base-list-slim */ #lithium-body .lithium-content .base-panel table.base-list-slim {width:100%; } #lithium-body .lithium-content .base-panel table.base-list-slim tr { vertical-align:top; } #lithium-body .lithium-content .base-panel table.base-list-slim thead { display:none; } /****** .base-panel .base-list-wide */ #lithium-body .lithium-content .base-panel table.base-list-wide { width:100%; } #lithium-body .lithium-content .base-panel table.base-list-wide tr { vertical-align:top; } /****** .base-panel .base-list-statistics */ #lithium-body .lithium-content .base-panel table.base-list-statistics { width:100%; } #lithium-body .lithium-content .base-panel table.base-list-statistics tr { vertical-align:top; } #lithium-body .lithium-content .base-panel table.base-list-statistics td.base-data-cell-primary { font-weight:bold; width:160px; } #lithium-body .lithium-content .base-panel table.base-list-statistics td.base-data-cell-secondary { width:auto; } /******************************************************* Lists - End ********************************************************/ /******************************************************* Data Cells - Start - .base-data-cell-primary, .base-data-cell-secondary, .base-data-cell-tertiary, .base-data-cell-icon, .base-data-cell-text, .base-data-cell-user, .base-data-cell-integer ********************************************************/ th.base-data-cell-primary, td.base-data-cell-primary { width:auto; } th.base-data-cell-secondary, td.base-data-cell-secondary { width:10%; } th.base-data-cell-tertiary, td.base-data-cell-tertiary { width:5%; } table.base-list-slim td.base-data-cell-secondary, table.base-list-slim td.base-data-cell-tertiary, table.base-list-wide td.base-data-cell-secondary, table.base-list-widt td.base-data-cell-tertiary { white-space:nowrap; } table.base-list-slim td.base-data-cell-secondary, table.base-list-slim td.base-data-cell-tertiary { text-align:right; } /******************************************************* Data Cells - End ********************************************************/ /******************************************************* Actions - Start ********************************************************/ /****** .base-panel .base-view-all */ #lithium-body .lithium-content .base-panel .base-view-all { clear:both; display:block; float:none; text-align: right; } #lithium-body .lithium-content .base-panel ul.base-list-standard-inline li.base-view-all { clear:both; display:block; float:none; text-align: right; } /******************************************************* Actions - End ********************************************************/ /******************************************************* Tabs - Start ********************************************************/ /****** .base-panel .base-tabs-sort */ #lithium-body .lithium-content ul.base-tabs-sort { zoom:1; } #lithium-body .lithium-content ul.base-tabs-sort:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } #lithium-body .lithium-content ul.base-tabs-sort li { display:block; float:left; } /******************************************************* Tabs - End ********************************************************/ /******************************************************* Label for .base-tabs-sort - Start ********************************************************/ #lithium-body .lithium-content .base-label { display:block; float:left; } /******************************************************* Label for .base-tabs-sort - End ********************************************************/ /******************************************************* To Deprecate - Start ********************************************************/ /* Simple Paging, Topic Navigator */ #lithium-body .TopicNavigator { zoom:1; } #lithium-body .TopicNavigator:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } /******************************************************* To Deprecate - End ********************************************************//********************************************************* * 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 input.disabled { cursor: default;} #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.5%} #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%; } /* Two Column Layout */ #lithium-body .TwoColumnLayout .columns-container .main-content-column { padding-right:20px; } #lithium-body .TwoColumnLayout .columns-container .side-column-content { padding-left:19px; margin-left:-1px; overflow:hidden; } #lithium-body .lithium-content .fiftypx-fluid .columns-container { position:relative; } #lithium-body .lithium-content .fiftypx-fluid .main-content-column-wrapper { float:none; width:auto; } #lithium-body .lithium-content .fiftypx-fluid .side-column-content-wrapper { left:0; padding:0; position:absolute; top:0; } #lithium-body .TwoColumnLayout .fiftypx-fluid .columns-container .side-column-content { padding:0; } #lithium-body .base-panel .TwoColumnLayout .columns-container { padding:0; } #lithium-body .base-panel .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:260px; text-decoration:none; padding:1px 1px 1px 4px; } #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; 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; font-size:92%; } #lithium-body .AjaxFeedback .ajax-title, .AjaxFeedback .ajax-message { display:inline; font-size:92%; } #lithium-body .ajax-error .label { font-weight:bold; } #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 .base-panel .handle { cursor:move; } #lithium-body .base-panel .chrome-toggle, #lithium-body .editing-enabled .base-panel .chrome-remove,#lithium-body .editing-enabled .base-panel .handle { float:right; margin:2px 0 0 5px; } #lithium-body .base-panel .chrome-toggle, #lithium-body .editing-enabled .base-panel .chrome-remove { cursor:pointer; display:block; } /* 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; } /* LIA-14178 spell checker title is cut-off */ #spellingDialog #titleBarHandle span { height: auto !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; } /* 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; } /* PollsTaplet */ #lithium-body .PollsTaplet .PollsList .poll-question { border-bottom:none; } #lithium-body .PollsTaplet .PollsList .poll-question-active { border-bottom:1px solid #000; } /* Page Title */ #lithium-body .PageTitle { float:left; } #lithium-body .PageTitle a:hover { text-decoration:underline; } /* ModeratorControlsTaplet */ #lithium-body .ModeratorControlsTaplet a, #lithium-body .ModeratorControlsTaplet .admin-notes-title, #lithium-body .ModeratorControlsTaplet .adminNotes, #lithium-body .ModeratorControlsTaplet #adminNotesSubmit { display:block; } /* Moderator Controls Taplet */ #lithium-body .ModeratorControlsTaplet { padding:10px; } #lithium-body .ModeratorControlsTaplet li.single-row { height:2em; } /* WidgetAdminPage */ #lithium-body .WidgetListTaplet, #lithium-body .DefaultTemplatesTaplet, #lithium-body .CustomTemplatesTaplet { overflow:hidden; } #lithium-body .WidgetListActions .action-buttons a.action-button, #lithium-body .TemplateListActions .action-buttons a.action-button { margin-right:5px; border:1px solid #000000; } #lithium-body .TemplateList table.t-data-grid thead tr th, #lithium-body .TemplateList table.t-data-grid tbody tr td { height:3em; padding:4px; width:66.6%; } #lithium-body .WidgetList table.t-data-grid thead tr th, #lithium-body .WidgetList table.t-data-grid tbody tr td { height:3em; padding:4px; width:33%; } #lithium-body.WidgetAdminPage .create-widget { margin:10px 0; } /* UploadedImageDisplay UploadedVideoDisplay */ #lithium-body .UploadedImageDisplay, #lithium-body .UploadedVideoDisplay { text-align:center; padding:10px; } #lithium-body .UploadedImageDisplay .image-preview-link, #lithium-body .UploadedVideoDisplay .video-preview-link { display:block; } #lithium-body .UploadedImageDisplay .image-title, #lithium-body .UploadedVideoDisplay .video-title, #lithium-body .UploadedVideoDisplay .video-thumb-title, #lithium-body .UploadedImageDisplay .image-addedby-wrapper, #lithium-body .UploadedVideoDisplay .video-addedby-wrapper, #lithium-body .UploadedImageDisplay .image-batch-processing, #lithium-body .UploadedVideoDisplay .video-batch-processing { display:block; margin-bottom:5px; } #lithium-body .UploadedImageDisplay .image-title, #lithium-body .UploadedVideoDisplay .video-title, #lithium-body .UploadedVideoDisplay .video-thumb-title { font-style:bold; } #lithium-body .UploadedImageDisplay > img, #lithium-body .UploadedVideoDisplay > img { clear:left; display:block; margin:0 auto; } #lithium-body .UploadedImageDisplay.single-image, #lithium-body .UploadedVideoDisplay.single-video { text-align:left; } #lithium-body .UploadedImageDisplay.single-image .image-title, #lithium-body .UploadedVideoDisplay.single-video .video-title { font-weight:bold; } #lithium-body .UploadedImageDisplay.single-image .image-thumbnail-wrapper, #lithium-body .UploadedVideoDisplay.single-video .video-thumbnail-wrapper { float:left; margin:0 10px 10px 0; } #lithium-body .UploadedVideoDisplay.single-video .metadata { float:left; padding:10px; } #lithium-body .UploadedImageDisplay.single-image .description, #lithium-body .UploadedVideoDisplay.single-video .description, #lithium-body .UploadedImageDisplay.single-image .image-status, #lithium-body .UploadedVideoDisplay.single-video .video-status { clear:both; } #lithium-body .UploadedImageDisplay.single-image .image-status, #lithium-body .UploadedVideoDisplay.single-video .video-status { text-align:right; } /* User ImageGalleryPage User VideoGalleryPage*/ #lithium-body.ImageGalleryPage .ImageUpload, #lithium-body.VideoGalleryPage .videoUpload { margin:10px; } #lithium-body.ImageGalleryPage .ImageGallery .image-list, #lithium-body.VideoGalleryPage .VideoGallery .video-list { padding:0 10px 10px 0; } #lithium-body.ImageGalleryPage .single-image, #lithium-body.VideoGalleryPage .single-video { margin:10px; } #lithium-body.VideoGalleryPage .video-upload-popup { zoom:1; margin:10px;} #lithium-body.VideoGalleryPage .video-upload-popup:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #lithium-body.VideoGalleryPage .video-upload-popup .video-upload-link { float:left; } #lithium-body .video-embed-left { float:left; margin:0 10px 10px 0; } #lithium-body .video-embed-center { display:inline-block; margin:0 10px 10px; } /* ie inline-block */ * html #lithium-body .video-embed-center { display:inline; } #lithium-body .video-embed-right { float:right; margin:0 0 10px 10px; } #lithium-body .video-embed-left .video-embed-link, #lithium-body .video-embed-center .video-embed-link, #lithium-body .video-embed-right .video-embed-link { display:block; text-align:right; } #lithium-body .video-youtube-embed-left { float:left; margin:0 10px 10px 0; } #lithium-body .video-youtube-embed-center { display:inline-block; margin:0 10px 10px; } /* ie inline-block */ * html #lithium-body .video-youtube-embed-center { display:inline; } #lithium-body .video-youtube-embed-right { float:right; margin:0 0 10px 10px; } #lithium-body .video-youtube-embed-left .video-embed-link, #lithium-body .video-youtube-embed-center .video-embed-link, #lithium-body .video-youtube-embed-right .video-embed-link { display:block; text-align:right; } /* Image Uploader Popup Page */ #lithium-body.ImageUploaderPopupPage { margin:0; padding:0; } #lithium-body.ImageUploaderPopupPage .feedback { margin:0 0 5px 0; } #lithium-body.ImageUploaderPopupPage .ImageGallery .image-list { padding:0 0 10px 10px; } #lithium-body.ImageUploaderPopupPage .ImageGallery .image-list > li { margin:10px 10px 0 0; } #lithium-body.ImageUploaderPopupPage .MinimumWidthContainer { margin:10px; } #lithium-body.ImageUploaderPopupPage .MinimumWidthContainer .lithium-content { width:100%; border:none; background:none; } /* video Uploader Popup Page */ #lithium-body.VideoEmbedPopupPage { margin:0; padding:0; } #lithium-body.VideoEmbedPopupPage .feedback { margin:0 0 5px 0; } #lithium-body.VideoEmbedPopupPage .VideoGallery .video-list { padding:0 0 10px 10px; } #lithium-body.VideoEmbedPopupPage .VideoGallery .video-list > li { margin:10px 10px 0 0; } #lithium-body.VideoEmbedPopupPage .MinimumWidthContainer { margin:10px; } #lithium-body.VideoEmbedPopupPage .MinimumWidthContainer .lithium-content { width:100%; border:none; background:none; } #lithium-body .VideoUploadForm {padding: 0 0 10px 10px;} #lithium-body .VideoUploadForm .base-form-row, #lithium-body .VideoEmbedOptions .base-form-row, #lithium-body .VideoUploadForm .base-form-input-wrapper, #lithium-body .VideoEmbedOptions .base-form-input-wrapper { zoom:1; margin: 0 0 5px; } #lithium-body .VideoUploadForm .base-form-row:after, #lithium-body .VideoEmbedOptions .base-form-row:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #lithium-body .VideoUploadForm .base-form-label, #lithium-body .VideoEmbedOptions .base-form-label { float:left;width:30%; display:block; } #lithium-body .VideoUploadForm .base-form-input-wrapper, #lithium-body .VideoEmbedOptions .base-form-input-wrapper { float:left; } #lithium-body .VideoUploadForm .base-form-input-wrapper input, #lithium-body .VideoUploadForm .base-form-input-wrapper embed, #lithium-body .VideoEmbedOptions .base-form-input-wrapper .base-form-radio-group { float:left; margin:0 5px 0 0; } #lithium-body .video-upload-widget { float:left; margin:0px; border:thin solid; } /* VideoEmbedPopupPage */ #lithium-body.VideoEmbedPopupPage .video-preview:hover { cursor:pointer; } /******************** External Video Embed **********************/ #lithium-body .ExternalVideoForm {padding: 0 0 10px 10px;} #lithium-body .ExternalVideoForm .base-form-row {width: 90%;} #lithium-body .ExternalVideoForm .base-form-row .external-url {width: 60%;} /******************** VideoEmbedOptions ***********************/ #lithium-body .VideoEmbedOptions .video-size-select img { vertical-align:middle; padding:5px; clip:rect(0px 50px 50px 0px); position: absolute; } #lithium-body .VideoEmbedOptions .video-size-select img:hover { vertical-align:middle; padding:5px; clip:auto; position:absolute; z-index:800; } #lithium-body .lithium-content .unknown-video img.alignment-preview { width:50px; height:50px; background-color:#787; } #lithium-body .lithium-content .unknown-video .video-preview { display:none; } #lithium-body .lithium-content .insert-video { max-height:150px; } #lithium-body .VideoEmbedOptions .video-alignment { display:block; float:left; } #lithium-body .VideoEmbedOptions .video-preview { clear:left; padding: 0 0 10px 10px;} #lithium-body .VideoEmbedOptions .layout-options { margin:10px 0; padding: 0 0 10px 10px;} #lithium-body .VideoEmbedOptions .insertion-preview { max-width:98%; overflow:auto; clear:both; display:block; margin:10px 0; } #lithium-body .VideoEmbedOptions .unknown-video .insertion-preview img { display:none; } #lithium-body .VideoEmbedOptions .form-label { width:180px; display:block; float:left; } #lithium-body .VideoEmbedOptions li { padding:5px; } .mceItemLithiumVideo { border:1px dotted #333333; background:#ffffcc no-repeat scroll center center; } /* External Image Inserter */ #lithium-body .ExternalImageInserter { margin-bottom:10px; } #lithium-body .ExternalImageInserter .external-image-url { width:250px; } /******************** RecentImageGallery ***********************/ #lithium-body .RecentImageGallery { margin:10px; } #lithium-body .RecentImageGallery .UploadedImageDisplay { margin:3px; padding:0; } #lithium-body .RecentImageGallery .t-data-grid-pager { margin-bottom:3px; } #lithium-body .RecentImageGallery .t-data-grid-pager span, #lithium-body .RecentImageGallery .t-data-grid-pager a { margin-right:3px; } #lithium-body .RecentImageGallery table.t-data-grid .batchCheckbox { text-align:center; } #lithium-body .RecentImageGallery table.t-data-grid td { padding:0 5px; } #lithium-body .RecentVideoGallery { margin:10px; } #lithium-body .RecentVideoGallery .VideoDisplay { margin:3px; padding:0; } #lithium-body .RecentVideoGallery .t-data-grid-pager { margin-bottom:3px; } #lithium-body .RecentVideoGallery .t-data-grid-pager span, #lithium-body .RecentVideoGallery .t-data-grid-pager a { margin-right:3px; } /******************** InsertImageFromCollectionPage ***********************/ .InsertImageFromCollectionPage .lithium-content { background:none; } .InsertImageFromCollectionPage .action-button { width:250px; padding:5px; display:block; margin:20px; align:right; } .InsertImageFromCollectionPage a.action-button { padding:5px; text-decoration:none; } /******************** ImageLayoutOptions ***********************/ #lithium-body .ImageLayoutOptions .image-size-select img { vertical-align:middle; padding:5px; clip:rect(0px 50px 50px 0px); position: absolute; } #lithium-body .ImageLayoutOptions .image-size-select img:hover { vertical-align:middle; padding:5px; clip:auto; position:absolute; z-index:800; } #lithium-body .lithium-content .unknown-image img.alignment-preview { width:50px; height:50px; background-color:#787; } #lithium-body .lithium-content .unknown-image .image-preview { display:none; } #lithium-body .lithium-content .insert-image { max-height:150px; } #lithium-body .ImageLayoutOptions .image-alignment { display:block; float:left; } #lithium-body .ImageLayoutOptions .image-preview { clear:left; } #lithium-body .ImageLayoutOptions .layout-options { margin-bottom:10px; } #lithium-body .ImageLayoutOptions .insertion-preview { max-width:98%; overflow:auto; clear:both; display:block; margin:10px 0; } #lithium-body .ImageLayoutOptions .unknown-image .insertion-preview img { display:none; } /* Image Upload */ #lithium-body .ImageUpload .upload-form li, #lithium-body .ImageLayoutOptions li { padding:5px; } #lithium-body .ImageUpload .AjaxFeedback { margin:0 0 10px 0; padding:5px; } #lithium-body .lithium-content .ImageUpload .upload-form a.browse-button { padding:0; height:1.5em; float:left; margin-right:10px; cursor:pointer; } #lithium-body .ImageUpload .swfupload { cursor:pointer; } #lithium-body .ImageUpload .save-image { margin-left:185px; } #lithium-body .ImageUpload .upload-form { float:left; position:relative; } #lithium-body .ImageUpload .uploaded-image-preview { float:right; } #lithium-body .ImageUpload label, #lithium-body .ImageLayoutOptions .form-label { width:180px; display:block; float:left; } #lithium-body .ImageUpload .ProgressBar { float:left; } /* Widget Editor Form */ #lithium-body .lithium-content .WidgetEditorForm .feedback .action-button { border:0px; background-color:transparent; cursor:pointer; } #lithium-body .lithium-content .WidgetEditorForm fieldset { border:none; margin-bottom:10px; } #lithium-body .WidgetEditorForm .widget-id, .WidgetEditorForm .widget-title { width:100%; margin:0 0 10px 0; padding:2px 0; } #lithium-body .WidgetEditorForm .widget-content { width:100%; margin:0 0 10px 0; height:400px; } #lithium-body .WidgetEditorForm div.t-error { margin:0 0 10px 0; } #lithium-body .WidgetEditorForm .confirm-save-changes, #lithium-body .WidgetEditorForm .saved-confirmation, #lithium-body .WidgetEditorForm .overwrite-confirmation { padding:5px; } #lithium-body .WidgetEditorForm span.save-changes, #lithium-body .WidgetEditorForm span.disgard-changes { font-weight:bold; cursor:pointer; } /* Sniplet List */ #lithium-body .SnipletList { border:1px solid #000; margin-bottom:10px; } #lithium-body .SnipletList div.t-data-grid { margin:0; } #lithium-body .SnipletList table.t-data-grid { margin:0; } #lithium-body .SnipletList .sniplets-log { border:1px solid #000; } #lithium-body .SnipletList a.action-button { float:right; } #lithium-body .SnipletList td { padding:2px; } #lithium-body .SnipletList .t-last td { border-bottom:0; } #lithium-body .SnipletList .t-sort-icon { vertical-align:top; } #lithium-body .SnipletList .sniplet-content { float:left; } /******************** SnipletAdminPage ********************/ #lithium-body .lithium-content .sniplet-preview { margin-top:10px; } /******************************************************* 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; } .mceContentBody strong {font-weight:bold; } .mceContentBody em {font-style: italic; } .mceContentBody strong em, .mceContentBody em strong { font-weight: bold; font-style: italic;} .mceContentBody font { line-height:normal;} /* Message Editor */ #lithium-body .MessageEditor { margin:0 0 5px 0; } #lithium-body .MessageEditor { overflow:hidden; 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%; } /* Message Editor Form */ #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; } #lithium-body .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 .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; } /* ResolveDuplicateUser */ #lithium-body .lithium-content .ResolveDuplicateUsers .checkbox-container { float:left; margin-right:10px; } #lithium-body .lithium-content .ResolveDuplicateUsers .profile-information { float:left; margin-right:10px; } #lithium-body .lithium-content .ResolveDuplicateUsers .UserAvatar img { float:left; padding:0; margin:0 10px 0 0; } #lithium-body .lithium-content .ResolveDuplicateUsers .profile-information li { display:block; } #lithium-body .lithium-content .ResolveDuplicateUsers .user-conflict-list>li { clear:left; margin-bottom:10px; } #lithium-body .lithium-content .ResolveDuplicateUsers .user-conflict-list { margin:10px 0; } /* 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 .NotesTab .select-section { margin:10px 10px 10px 10px; padding:7px; clear:both; text-align:center; } #lithium-body .NotesTab { overflow:hidden; } #lithium-body .NotesTab .InfoMessage { margin-top:10px; margin-bottom:10px; clear:both; text-align:center; } #lithium-body .NotesTab .t-data-grid thead img { margin-left:3px; } #lithium-body .NotesTab .noteSubjectColumn { width:50%; } #lithium-body .NotesTab .noteUserColumn { width:20%; } #lithium-body .NotesTab .t-data-grid tbody .noteUserColumn img { display:block; float:left; margin:2px 0pt; } #lithium-body .NotesTab .t-data-grid tbody .noteUserColumn .UserName { display:block; float:left; margin:12px; } #lithium-body .NotesTab .t-data-grid tbody .noteUserColumn .UserName img { display:block; float:left; margin:2px 6px 2px 2px; } #lithium-body .NotesTab .select-mode { display:none; } #lithium-body .NotesTab .noteCheckboxColumn { text-align:center; } #lithium-body .NotesTab .select-links-bar { clear:both; margin:10px; } #lithium-body .NotesTab .select-title { display:inline; float:left; padding-right:4px; } #lithium-body .NotesTab .select-links li { float:left; display:inline; } #lithium-body .NotesTab .select-links a:hover { text-decoration:underline; } #lithium-body .NotesTab .select-links .separator-list-item { padding:0px 4px 0px; } #lithium-body .NotesTab .form-action-buttons { clear:both; } #lithium-body .NotesTab .form-action-buttons { margin:10px; } #lithium-body .NotesTab .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 .ContactsTab { display:block; clear:both; overflow:hidden; } #lithium-body .ContactsTab .contactsUserColumn { width:30%; } #lithium-body .ContactsTab .contactsLatestPostColumn { width:30%; } #lithium-body .ContactsTab .contactsActionColumn { width:30%; } #lithium-body .ContactsTab .InfoMessage { margin-top:10px; margin-bottom:10px; clear:both; text-align:center; } #lithium-body .ContactsTab .t-data-grid tbody .contactsUserColumn img { float:left; margin:2px 0pt; } #lithium-body .ContactsTab .t-data-grid tbody .contactsUserColumn .UserName { display:block; float:left; margin:12px; } #lithium-body .ContactsTab .t-data-grid tbody .contactsUserColumn .UserName img { display:block; float:left; margin:2px 6px 2px 2px; } #lithium-body .ContactsTab .contactsSendMessageColumn { text-align:center; } #lithium-body .ContactsTab .contactsStatusColumn { text-align:center; } #lithium-body .ContactsTab .contactsActionColumn { text-align:center; } #lithium-body .ContactsTab .contactsLatestPostColumn { text-align:right; } #lithium-body .ContactsTab .contactsSendMessageColumn { text-align:center; } #lithium-body .ContactsTab .contactsStatusColumn { text-align:center; } #lithium-body .ContactsTab .contactsActionColumn { text-align:center; } #lithium-body .ContactsTab .contactsLatestPostColumn { text-align:right; } #lithium-body .ContactsTab .online, #lithium-body .ContactsTab .online span { font-weight:bold !important; } #lithium-body .ContactsTab .offline { font-weight:normal; } #lithium-body .ContactsTab .bottom-block { border-bottom:0px; } /* Note View */ #lithium-body .NoteView { clear:both; } #lithium-body .NoteView .note-section { margin:10px; } #lithium-body .NoteView .InfoMessage { margin-top:10px; margin-bottom:10px; clear:both; text-align:center; } #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:-20px auto 0 auto; } #lithium-body .KudosButton .kudos-link { * margin:0; } #lithium-body .KudosButton .MessageKudosCount { font-weight:bold; line-height:20px; text-align: center; } #lithium-body .KudosButton .has-kudos { * margin-top:-20px; } #lithium-body .KudosButton .MessageKudosCount { cursor:pointer; * position:relative; * top:20px; } #lithium-body .KudosButton .kudos-link { display:block; } #lithium-body .KudosButton a.kudos-count-link { text-decoration:none; height:20px; line-height:20px; display:block; text-align: center; } #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; text-align: center; } #lithium-body .KudosButton .not-kudoed .kudos-label-thanks { display:none; } #lithium-body .KudosButton div.kudoed .kudos-label-thanks { display:block; } /* LIA-10463 - restoring 'thanks' display */ #lithium-body .KudosButton .kudos-enabled .kudos-give .kudos-label { text-decoration:none; font-size:69%; cursor:pointer} /** States **/ #lithium-body .lithium-content .CommentList .deletedState {border: none; } #lithium-body .CommentList .deletedState .comment-author-bar .approve, #lithium-body .CommentList .deletedState .comment-author-bar .unapprove, #lithium-body .CommentList .deletedState .comment-author-bar .show-delete, #lithium-body .CommentList .deletedState .comment-author-bar .delete-confirmation, #lithium-body .CommentList .deletedState .comment-author-bar .comment-status-icon, #lithium-body .CommentList .deletedState .comment-author-bar .BatchProcessing {display:none; } #lithium-body .CommentList .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 .page-admin-controls { padding:10px; } #lithium-body .PageAdmin .page-admin-controls .sniplet-admin-page-link, #lithium-body .PageAdmin .page-admin-controls .disable-inline-edit-link { display:block; margin:10px 0px; } #lithium-body .PageAdmin .static-controls { float:right; } #lithium-body .PageAdmin .custom-render-order .custom-render-order-form .select-list { width:248px; margin-bottom:10px; } #lithium-body .PageAdmin .custom-render-order .custom-render-order-form { margin-bottom:10px; } #lithium-body .PageAdmin .draggable-editor { z-index:100; position:absolute; top:0; width:270px; } #lithium-body .PageAdmin .editor { position:absolute; top:0; width:270px; } /* Special Page Admin Mode classes */ .page-admin-mode .page-content, .page-admin-mode h3.page-preview-title { margin-left:280px; 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:0; margin:5px 0 15px 0; 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; } 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 { text-align:left; } #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 .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%; margin-left:85px; } /* 85 = w of .leaderboard-rank + 10px margin + w of (avatar + border) + 5 margin */ /* User Avatar */ #lithium-body .UserAvatar img { margin:10px 0; } /* 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>div { display:list-item; line-height: 1.1em; } #lithium-body .UserProfileSummary>div.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 ul { display:inline; } #lithium-body .UsersOnlineTaplet .UserProfileSummary 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%; } /* ViewProfilePage */ #lithium-body.ViewProfilePage .base-panel .SimpleUserList ul li { clear:none; } #lithium-body.ViewProfilePage .base-panel .SimpleMessageList ul li { clear:none; } #lithium-body.ViewProfilePage .viewprofilepagebanner .UserProfileSummary { margin:0px 0px -10px; } #lithium-body.ViewProfilePage .viewprofilepagebanner { padding:10px; } /* SimpleUserList */ #lithium-body .SimpleUserList .UserProfileSummary { margin:0px 0px 5px; } /* ContactMeTaplet */ #lithium-body .ContactMeTaplet .last-visited { padding-right:5px; } #lithium-body .ContactMeTaplet a { display:block; } #lithium-body .ContactMeTaplet .InstantMessageClientList a { display:inline; } #lithium-body .ContactMeTaplet .InstantMessageClientList a img { margin:10px; } /* MyStatisticsTaplet */ #lithium-body .MyStatisticsTaplet .base-list-slim .custom-input .custom-input-value { text-align:right; } #lithium-body .MyStatisticsTaplet { overflow:auto; } /* ModeratorControlsTaplet */ #lithium-body .ModeratorControlsTaplet div.t-beandisplay-label { float:left; width:50%; } #lithium-body .ModeratorControlsTaplet div.t-beandisplay-value { float:left; text-align:right; width:50%; font-weight:bold; } #lithium-body .ModeratorControlsTaplet { overflow:auto; } /******************************************************* 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; } #lithium-body .lithium-content input.action-button { *position:relative; *top:2px; } #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 { padding:3px 0; width:99.8%; 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, #lithium-body .ajax-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, #lithium-body .ajax-error li { margin-left:0px; font-size:92%; } #lithium-body label.t-error { color:inherit; } #lithium-body .t-error-icon { display:none; } #lithium-body .page-content .lithium-content input.t-error, #lithium-body .page-content .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 */ #lithium-body .DropDownMenu .dropdown-navigation a, #lithium-body .DropDownMenu .dropdown-menu-items span { display:block; float:none; } #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; } #lithium-body .AddMessageTags .add-tags-form { float:left; clear:left; } #lithium-body .AddMessageTags .add-tags-input { width:250px; } /* 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 .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:3px; 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; 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; } /* LIA-11589 Wayne Cheng: Increasing the z-index of the calendar on the User Reports Page so that it wont appear behind the buttons */ #lithium-body.UserReportsPage .lithium-content .datePicker { z-index: 1; } /* 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; } #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 * File: GlobalStyles2.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: *********************************************************/ /******************************************************* User Navigation Bar - Start ********************************************************/ /* reset GlobalStyles.css - start */ #lithium-body .UserNavigationBar .LinkDisplay { float:none; margin:0; } #lithium-body .UserNavigationBar li, #lithium-body .UserNavigationBar .separator { float:none; } /* reset GlobalStyles.css - end */ #lithium-body .UserNavigationBar { zoom:1; } #lithium-body .UserNavigationBar:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } #lithium-body .UserNavigationBar li { float:left; } /******************************************************* User Navigation Bar - End ********************************************************/ /******************************************************* Private Notes Link - Start ********************************************************/ /* reset GlobalStyles.css - start */ #lithium-body .PrivateNotes { float:none; margin:0; } #lithium-body .PrivateNotes a.LinkDisplay { float:none; margin:0; } #lithium-body .PrivateNotes img { margin:0; position:static; top:auto; } /* reset GlobalStyles.css - end */ #lithium-body .PrivateNotes { float:right; } #lithium-body .PrivateNotes img { vertical-align:middle; } /******************************************************* Private Notes Link - End ********************************************************/ /******************************************************* Bread Crumb - Start ********************************************************/ /* reset GlobalStyles.css - start */ #lithium-body .BreadCrumb, #lithium-body .BreadCrumb a, #lithium-body .BreadCrumb a:hover { font-weight:normal; } #lithium-body .BreadCrumb.crumb-line li { display:block; } #lithium-body .BreadCrumb .tree ul { position:relative; left:1em; } /* reset GlobalStyles.css - end */ #lithium-body .BreadCrumb { zoom:1 } #lithium-body .BreadCrumb:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } #lithium-body .BreadCrumb li { float:left; } #lithium-body .BreadCrumb .final-crumb, #lithium-body .BreadCrumb a.final-crumb:hover { font-weight:bold; } /******************************************************* Bread Crumb - End ********************************************************/ /******************************************************* Action Menu - Start ********************************************************/ /* reset GlobalStyles.css - start */ #lithium-body .ActionMenu .dropdown-menu-items a, #lithium-body .ActionMenu .dropdown-menu-items span.dis { font-size:100%; display:block; padding:5px 20px; } /* reset GlobalStyles.css - end */ /******************************************************* Action Menu - End ********************************************************/ /******************************************************* Reset GlobalStyles - Start ********************************************************/ #lithium-body .UserAvatar img { margin:0; } /******************************************************* Reset GlobalStyles - End ********************************************************/ /******************************************************* To Clean Up - Start ********************************************************/ /* Page Admin Mode */ #lithium-body .PageAdmin .editModeGrid { zoom: 1; } #lithium-body .PageAdmin .editModeGrid:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } #lithium-body .PageAdmin .page-admin-controls .sniplet-admin-page-link, #lithium-body .PageAdmin .page-admin-controls .disable-inline-edit-link { display:block; margin:10px 0px; } #lithium-body .PageAdmin .page-content { margin:10px 16%; } #lithium-body .PageAdmin .page-preview-title { margin:10px 16% 10px; } #lithium-body .PageAdmin .static-controls { float:right; } #lithium-body .PageAdmin .custom-render-order .custom-render-order-form .select-list { width:90%; margin-bottom:10px; } #lithium-body .PageAdmin .custom-render-order .custom-render-order-form { margin-bottom:10px; } #lithium-body .PageAdmin .draggable-editor { z-index:100; position:absolute; top:10px; width:15%; } #lithium-body .PageAdmin .editor { position:absolute; top:40px; width:15%; } #lithium-body .PageAdmin #componentchooser { left:10px; top:10px; } #lithium-body .PageAdmin #quilteditor { right:10px; top:10px; } #lithium-body .PageAdmin #customrenderorder { right:10px; top:150px; } /* Page Admin Mode Blog and Ideas */ #lithium-body.BlogPage .PageAdmin .page-content, #lithium-body.IdeaBankPage .PageAdmin .page-content { margin:10px 10px 10px 270px; } #lithium-body.BlogPage .PageAdmin .page-preview-title, #lithium-body.IdeaBankPage .PageAdmin .page-preview-title { margin-left:270px; margin-right:10px; } #lithium-body.BlogPage .PageAdmin #componentchooser, #lithium-body.IdeaBankPage .PageAdmin #componentchooser { width:250px; } /* Special Page Admin Mode classes */ #lithium-body .PageAdmin .editing-enabled { margin-bottom:10px; } #lithium-body .PageAdmin .editing-enabled .tree-node-depth-2 { display:none; } /* Component Chooser */ #lithium-body .ComponentChooser .tree-node-item, #lithium-body .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:10px; } #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; } /* Quilt Layout Editor */ #lithium-body .QuiltEditor .place-block-element { font-weight:bold; cursor:pointer; } #lithium-body .QuiltEditor .place-span-element { font-weight:bold; cursor:pointer; } #lithium-body div.block .block-handle, #lithium-body .span-handle { display:none; } #lithium-body .editing-enabled { position:relative; } #lithium-body .editing-enabled .editModeGrid { position:relative; } #lithium-body .editing-enabled div.block { position:relative; border:1px #999 solid; margin:2px 0; padding:2px 0; } #lithium-body .editing-enabled div.block .block-handle { display:none; position:absolute; top:-1px; bottom:1px; left:-16px; width:16px; cursor:move; } #lithium-body .editing-enabled div.block:hover { border-color: #339; padding:15px 0 2px 0; } #lithium-body .editing-enabled div.block:hover .block-handle { display:block; } #lithium-body .editing-enabled div.block .block-handle div { height: 100%; background-color:#66c; border-left:1px solid #339; } #lithium-body .editing-enabled div.block .block-handle div.curve { margin-left:1px; height:1px; background-color: #339; } #lithium-body .editing-enabled div.block .block-handle div.close { height:13px; border-width:0; background:url(/i/skins/default/button_widget_close.gif) no-repeat center 1px; cursor:pointer; } #lithium-body .editing-enabled div.block>div.span { position:relative; padding:0; margin-top:9px; } #lithium-body .editing-enabled div.block>div.span>div { min-height: 25px; } #lithium-body .editing-enabled div.block>div.span>div:hover { background-color: #eed; } #lithium-body .editing-enabled div.block .span-handle { display:none; position:absolute; top:-16px; right:0; left:0; height:16px; min-height:auto; margin:0 18px; cursor:move; } #lithium-body .editing-enabled div.block:hover .span-handle { display:block; } #lithium-body .editing-enabled div.block:hover .span-handle:hover { background-color:inherit; } #lithium-body .editing-enabled div.block:hover .span-handle>div { background-color:#b66; height:15px; border:solid #933; border-width:0 1px; } #lithium-body .editing-enabled div.block:hover .span-handle>div.curve { margin:0 1px; height:1px; background-color:#933; } #lithium-body .editing-enabled div.block:hover .span-handle div.close { height:13px; width:13px; float:right; border-width:0; background:url(/i/skins/default/button_widget_close.gif) no-repeat 0 1px; cursor:pointer; } /* 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; } /* Lithium Logo */ #lithium-body .LithiumLogo { padding:6px 5px 5px 0; float:right; } #lithium-body .LithiumLogo { *padding:6px 5px 3px 0; } /* 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; 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; } /******************************************************* To Clean Up - 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 .base-panel a { text-decoration:none; } #lithium-body .base-panel 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 .BlogrollTapletChrome .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; } /* Infor Message */ #lithium-body .InfoMessage { margin:10px 10px 0 10px; padding:7px; } /* 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; } #lithium-body .MenuBar .polish-ui a, #lithium-body .MenuBar .polish-ui span.dis { padding:0; } /* 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; } /* Add Message Tags */ #lithium-body .AddMessageTags .show-add-tags { margin-left:.5em; } /******************************************************* 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; } #lithium-body .lithium-content .feedback { padding:10px 10px 0 10px; margin-bottom:10px; } /******************************************************* 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 font { line-height: normal; } #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; } #lithium-body .MessageView .attachments-label { display:none; } /* 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 .base-panel { width:50%; border:0; float:left; margin:0; } #lithium-body .TwoColumnLayout .tag-clouds-bottom .TaggerLeaderboardTapletChrome { margin-left:-1px; } /******************************************************* Layout - End ********************************************************/ /******************************************************* Board Pages - Start ********************************************************/ /* NavTreeModule */ #lithium-body .lithium-content .NavTreeModule { border:1px solid; margin:10px 0 0; padding:5px 5px; width:500px; height:150px; overflow:auto; } #lithium-body .lithium-content .NavTreeModule a { text-decoration:none; outline:none; } #lithium-body .lithium-content .NavTreeModule a:hover { font-weight:bold; } /* Message Page */ #lithium-body .message-list .SideMessageView { border:none; } .MessagePage .JumpToPaging { clear:both; width:100%; } /* MoveMessagesPage */ #lithium-body .MoveMessagesForm { padding:0 10px 10px 10px; } #lithium-body .MoveMessagesForm .label-begin { margin:10px 0 0; } #lithium-body .MoveMessagesForm .heading-begin { margin:15px 0 0; } #lithium-body .MoveMessagesForm .text-input-begin { margin:5px 0; } #lithium-body .MoveMessagesForm .text-field { padding:0 2px; width:350px; } #lithium-body .MoveMessagesForm .type-radios { margin:5px 0 5px; } #lithium-body .MoveMessagesForm .type-radios li { padding:5px; } #lithium-body .MoveMessagesForm .type-radios li label { margin:0 0 5px; font-weight:normal; } #lithium-body .MoveMessagesForm .move-messages-list { border:1px solid; } #lithium-body .MoveMessagesForm .form-container { margin-top:5px; color:#000; } #lithium-body .MoveMessagesForm .form-fields { padding:5px 7px 5px 5px; } #lithium-body .MoveMessagesForm .help-icon { cursor:help; } #lithium-body .MoveMessagesForm .dest-type-input { margin:20px 0 0; } #lithium-body .MoveMessagesForm .label-help { margin:2px 0 0; } #lithium-body .MoveMessagesForm .help-box { padding:5px 5px 0; } #lithium-body .MoveMessagesForm .placeholder-read-only-input { display:inline; margin:0 0; } #lithium-body .MoveMessagesForm .placeholder-text { padding:5px 5px; width:500px; height:150px; } #lithium-body .MoveMessagesForm .TwoColumnLayout .columns-container .main-content-column { padding-right:15px; } #lithium-body .MoveMessagesForm .TwoColumnLayout .columns-container .side-column-content { padding-left:16px; margin-left:-1px; overflow:hidden; } /******************************************************* Board Pages - End ********************************************************/ /******************************************************* Board Pages Tapestry Overrides - Begin ********************************************************/ /******************************************************* Board Pages Tapestry Overrides - End ********************************************************//******************************************************* * Author: Adam Ayres * File: BaseStyles.vm * * Base 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 * - Do not use top margins nor top padding, only bottom. This prevents double margins when items are stacked. * If elimination of bottom margin is required for flush placement, use negative top margin and sibling selectors "+": * ex: .base-panel-heading-bar-wrapper+.base-panel-content-wrapper table.base-list-wide { margin-top:-XXpx; } * * Usage: * - BaseStyles and GlobalStyles2 is included in new ui 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: * - Min-Width * - HTML Tags * - Headers and Borders * - Buttons * - Buttons Groups * - Forms * - Panels * - Panel Message * - Lists * - Tabs * - Navigator - Paging * - Actions * - Tags *******************************************************/ /******************************************************* Min-Width - Start ********************************************************/ #lithium-body .MinimumWidthContainer { min-width:900px; } #lithium-body .MinimumWidthContainer .lithium-content { width:100%; } * html .min-width-wrapper { border-left:900px solid #FFFFFF; } * html .min-width { margin-left:-900px; position:relative; } * html .min-width-wrapper, * html .min-width { height:1px; } /******************************************************* Min-Width - End ********************************************************/ /******************************************************* HTML Tags - Start ********************************************************/ body { background-color:#FFFFFF; } body#lithium-body .lithium-content, .mceContentBody { font-family:Verdana; font-weight:normal; font-size:12px; line-height:15px;; background-color:#FFFFFF; color:#000000; } #lithium-body .lithium-content p { margin:0 0 1.00em 0; } #lithium-body .lithium-content h1 { font-family:Verdana; font-weight:bold; font-size:30px; line-height:36px; } #lithium-body .lithium-content h2 { font-family:Verdana; font-weight:bold; font-size:20px; line-height:24px; } #lithium-body .lithium-content h3 { font-family:Verdana; font-weight:bold; font-size:14px; line-height:17px; } #lithium-body .lithium-content h4 { font-family:Verdana; font-weight:normal; font-size:12px; line-height:15px; font-weight:bold; } #lithium-body .lithium-content h5 { font-family:Verdana; font-weight:bold; font-size:10px; line-height:12px; } #lithium-body .lithium-content h6 { font-family:Verdana; font-weight:normal; font-size:10px; line-height:12px; font-weight:bold; } /* 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-body .lithium-content a, .lithium-body .lithium-content a:link, .lithium-body .lithium-content a:visited, .lithium-body .lithium-content a:hover, .lithium-body .lithium-content a:active, .lithium-body .lithium-content a:focus { color:#4D7AB0; } /******************************************************* HTML Tags - End ********************************************************/ /******************************************************* Headers and Borders - Start ********************************************************/ #lithium-body .lithium-content .section-header { margin:0 0 5px; } #lithium-body .lithium-content .sub-header { border-bottom:1px solid #CCCCCC; padding:5px 0; margin:0 0 5px; } /* Separator */ #lithium-body .lithium-content .separator-pre { background-color:#CCCCCC; } /* Page Title */ #lithium-body .PageTitle, #lithium-body .PageTitle a { color:#4D7AB0; } /******************************************************* Headers and Borders - End ********************************************************/ /******************************************************* Buttons - Start ********************************************************/ #lithium-body .lithium-content a.base-button, #lithium-body .lithium-content button.base-button, #lithium-body .lithium-content input.base-button { color:#FFFFFF; font-family:Verdana; font-weight:normal; font-size:12px; line-height:15px; line-height:128%; text-decoration:none; white-space:nowrap; } #lithium-body .lithium-content a.base-button:hover, #lithium-body .lithium-content a.base-button:active { text-decoration:none; } #lithium-body .lithium-content a.base-button, #lithium-body .lithium-content button.base-button, #lithium-body .lithium-content input.base-button, #lithium-body .lithium-content input.base-button:focus { background-color:#CCCCCC; border:1px solid #000000; } #lithium-body .lithium-content a.base-button, #lithium-body .lithium-content input.base-button, #lithium-body .lithium-content button.base-button { cursor:pointer; display:block; display:inline-block; display:-moz-inline-box; text-decoration:none; padding:2px 10px 2px 10px; } #lithium-body .lithium-content input.base-button, #lithium-body .lithium-content button.base-button { width:auto; overflow:visible; padding:1px 7px 0 10px; /* IE6 */ } #lithium-body .lithium-content input[type].base-button, #lithium-body .lithium-content button[type].base-button { padding:1px 7px 1px 7px; } /* Firefox */ *:first-child+html #lithium-body .lithium-content button.base-button, *:first-child+html #lithium-body .lithium-content input.base-button { padding:0 7px 0 7px; } /* IE7 */ *:first-child+html #lithium-body .lithium-content a.base-button { padding:1px 10px 2px 10px; } /* IE7 */ #lithium-body .lithium-content input.base-button img, #lithium-body .lithium-content button.base-button img, #lithium-body .lithium-content a.base-button img { margin:0 0 -2px 2px !important; padding:0; border:none; width:12px; height:12px; } *:first-child+html #lithium-body .lithium-content a.base-button img { padding-top:2px; } /* IE7 */ /******************************************************* Buttons - End ********************************************************/ /******************************************************* Buttons Groups - Start ********************************************************/ #lithium-body .lithium-content .base-button-group { margin-bottom:10px; zoom:1; } #lithium-body .lithium-content .base-button-group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #lithium-body .lithium-content .base-button-group a.base-button, #lithium-body .lithium-content .base-button-group input.base-button, #lithium-body .lithium-content .base-button-group button.base-button, #lithium-body .lithium-content .base-button-group a.base-button-custom, #lithium-body .lithium-content .base-button-group div.base-button-custom { float:right; margin:0 0 0 5px; } #lithium-body .lithium-content .base-button-group-left a.base-button, #lithium-body .lithium-content .base-button-group-left input.base-button, #lithium-body .lithium-content .base-button-group-left button.base-button, #lithium-body .lithium-content .base-button-group-left a.base-button-custom, #lithium-body .lithium-content .base-button-group-left div.base-button-custom { float:left; margin:0 5px 0 0; } #lithium-body .lithium-content .base-button-group .base-button.base-button-space-wide, #lithium-body .lithium-content .base-button-group .base-button-custom.base-button-space-wide { margin-right:20px; } #lithium-body .lithium-content .base-button-group-left .base-button.base-button-space-wide, #lithium-body .lithium-content .base-button-group-left .base-button-custom.base-button-space-wide { margin-left:20px; } #lithium-body .lithium-content .base-button-group a.base-button, #lithium-body .lithium-content .base-button-group button.base-button, #lithium-body .lithium-content .base-button-group input.base-button, #lithium-body .lithium-content .base-button-group a.base-button-custom, #lithium-body .lithium-content .base-button-group div.base-button-custom { float:right; } #lithium-body .lithium-content .base-button-group-left a.base-button, #lithium-body .lithium-content .base-button-group-left input.base-button, #lithium-body .lithium-content .base-button-group-left button.base-button, #lithium-body .lithium-content .base-button-group-left a.base-button-custom, #lithium-body .lithium-content .base-button-group-left div.base-button-custom { float:left; margin:0 5px 0 0; } /****** .base-button-field-group - fields and buttons */ #lithium-body .lithium-content .base-button-field-group { margin-bottom:10px; zoom:1; } #lithium-body .lithium-content .base-button-field-group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #lithium-body .lithium-content .base-button-field-group label, #lithium-body .lithium-content .base-button-field-group a.base-button, #lithium-body .lithium-content .base-button-field-group input.base-button, #lithium-body .lithium-content .base-button-field-group button.base-button, #lithium-body .lithium-content .base-button-field-group a.base-button-custom, #lithium-body .lithium-content .base-button-field-group div.base-button-custom, #lithium-body .lithium-content .base-button-field-group input, #lithium-body .lithium-content .base-button-field-group select { float:left; margin:0 0 0 5px; } #lithium-body .lithium-content .base-button-field-group.base-button-field-group-left label, #lithium-body .lithium-content .base-button-field-group.base-button-field-group-left a.base-button, #lithium-body .lithium-content .base-button-field-group.base-button-field-group-left input.base-button, #lithium-body .lithium-content .base-button-field-group.base-button-field-group-left button.base-button, #lithium-body .lithium-content .base-button-field-group.base-button-field-group-left a.base-button-custom, #lithium-body .lithium-content .base-button-field-group.base-button-field-group-left div.base-button-custom, #lithium-body .lithium-content .base-button-field-group.base-button-field-group-left input, #lithium-body .lithium-content .base-button-field-group.base-button-field-group-left select { float:left; margin:0 5px 0 0; } /******************************************************* Buttons Groups - End ********************************************************/ /******************************************************* Forms - Start ********************************************************/ #lithium-body .lithium-content input.checkbox, #lithium-body .lithium-content input.radio { border:0px; background:none; } #lithium-body .lithium-content .base-form-fieldset-content { padding-top:10px; } #lithium-body .lithium-content fieldset { border:1px solid #CCCCCC; margin-bottom:10px; padding:0 10px 10px; } #lithium-body .lithium-content fieldset label { font-weight:bold; display:block; margin-bottom:0.200em; } .lithium-body .lithium-content fieldset fieldset ul { margin-top:10px; } #lithium-body .lithium-content legend { color:#000000; font-family:Verdana; font-weight:bold; font-size:14px; line-height:17px; } #lithium-body .lithium-content fieldset fieldset legend { font-family:Verdana; font-weight:normal; font-size:12px; line-height:15px; } #lithium-body .lithium-content input, #lithium-body .lithium-content select, #lithium-body .lithium-content textarea { font-family:Verdana; font-weight:normal; font-size:12px; line-height:15px; line-height:normal; } #lithium-body .lithium-content input[type="text"], #lithium-body .lithium-content input[type="password"], #lithium-body .lithium-content select, #lithium-body .lithium-content textarea { background:#FFFFFF; border:1px solid #CCCCCC; color:#000000; } #lithium-body .lithium-content p.base-form-field-error, #lithium-body .lithium-content .base-form-field-error label, #lithium-body .lithium-content .base-form-field-error legend { color:#990000; } #lithium-body .lithium-content .base-form-field-error select, #lithium-body .lithium-content .base-form-field-error input[type="text"], #lithium-body .lithium-content .base-form-field-error input[type="password"], #lithium-body .lithium-content .base-form-field-error textarea { background-color:#F4E5E5; } #lithium-body .lithium-content .base-form-field-info { border-left:1px solid #CCCCCC; } #lithium-body .lithium-content .base-form-field-error label { background:url() no-repeat 100% 0; } /******************************************************* Forms - End ********************************************************/ /******************************************************* Panels - ".base-panel" - Start ********************************************************/ #lithium-body .lithium-content .base-panel .base-panel-heading-bar { font-family:Verdana; font-weight:bold; font-size:14px; line-height:17px; border-bottom:1px solid #CCCCCC; background-color:#DBE4EF; margin:0 0 5px; padding:5px 10px; } #lithium-body .lithium-content .base-panel .base-panel-content-wrapper { margin:0 0 10px; } /******************************************************* Panels - End ********************************************************/ /******************************************************* Panel Message - Start ********************************************************/ #lithium-body .lithium-content .base-panel .base-message { margin:0 10px 5px; } /******************************************************* Panels - End ********************************************************/ /******************************************************* Lists - Start - ul.base-list-standard, ul.base-list-standard-inline, table.base-list-slim, table.base-list-wide, table.base-list-statisics ********************************************************/ /****** .base-panel .base-list-standard */ #lithium-body .lithium-content .base-panel ul.base-list-standard { margin:0 10px 10px; } #lithium-body .lithium-content .base-panel ul.base-list-standard li { margin-bottom:5px; } #lithium-body .lithium-content .base-panel ul.base-list-standard .dis { color:#CCCCCC; } /****** .base-panel .base-list-standard-inline */ #lithium-body .lithium-content ul.base-list-standard-inline { margin:0 0 10px; } #lithium-body .lithium-content ul.base-list-standard-inline li { margin:0 10px 5px 0; } #lithium-body .lithium-content ul.base-list-standard-inline .dis { color:#CCCCCC; } #lithium-body .lithium-content .base-panel ul.base-list-standard-inline { margin:0 10px 10px; } /****** .base-panel .base-list-slim */ #lithium-body .lithium-content .base-panel table.base-list-slim { margin-bottom:10px; } #lithium-body .lithium-content .base-panel table.base-list-slim td { border-bottom:1px solid #CCCCCC; padding:5px 10px; } /****** .base-panel .base-list-wide */ #lithium-body .lithium-content .base-panel table.base-list-wide { margin:0 0 10px } /* Negative margin-top to move remove gap between .base-panel-header-wrapper .base-panel-content-wrapper ( + "plus" = sibling selector) */ #lithium-body .lithium-content .base-panel .base-panel-heading-bar-wrapper+.base-panel-content-wrapper table.base-list-wide { margin-top:-5px; } #lithium-body .lithium-content .base-panel table.base-list-wide th, #lithium-body .lithium-content .base-panel table.base-list-wide td { padding:5px 10px; } #lithium-body .lithium-content .base-panel table.base-list-wide td { border-bottom:1px solid #CCCCCC; } #lithium-body .lithium-content .base-panel table.base-list-wide th { background-color:#CCCCCC; color:#FFFFFF; } /****** .base-panel .base-list-statistics */ #lithium-body .lithium-content .base-panel table.base-list-statistics { border-bottom:2px solid #F4F4F4; margin:0 0 10px } #lithium-body .lithium-content .base-panel table.base-list-statistics td { padding:5px 10px; } #lithium-body .lithium-content .base-panel table.base-list-statistics tr.base-row-even td { background-color:#F4F4F4; } /******************************************************* Lists - End ********************************************************/ /******************************************************* Tabs - Start ********************************************************/ /****** .base-tabs-sort */ #lithium-body .lithium-content ul.base-tabs-sort { margin-bottom:10px; } #lithium-body .lithium-content .base-panel ul.base-tabs-sort { padding:0 10px 0 0; margin-bottom:0; } #lithium-body .lithium-content ul.base-tabs-sort li { font-family:Verdana; font-weight:normal; font-size:10px; line-height:12px; margin:0 5px 5px 0; } /****** Label for .base-tabs-sort */ #lithium-body .lithium-content .base-label { font-family:Verdana; font-weight:normal; font-size:12px; line-height:15px; margin:0 10px 5px 0; } #lithium-body .lithium-content .base-panel .base-label { padding-left:10px; } /******************************************************* Tabs - End ********************************************************/ /******************************************************* Navigator - Paging - Start ********************************************************/ /****** .base-navigator-paging-simple */ #lithium-body .lithium-content ul.base-navigator-paging-simple { float:right; } #lithium-body .lithium-content ul.base-navigator-paging-simple li { margin:0; padding:0; } #lithium-body .lithium-content ul.base-navigator-paging-simple .page-previous .active, #lithium-body .lithium-content ul.base-navigator-paging-simple .page-next .active { margin:0 0 10px 20px; } /* To deprecate once background images are moved to BaseStyles */ #lithium-body .lithium-content ul.base-navigator-paging-simple .page-previous .active, #lithium-body .lithium-content ul.base-navigator-paging-simple .page-next .active { background:none; = } /******************************************************* Navigator - Paging - End ********************************************************/ /******************************************************* Actions - Start ********************************************************/ #lithium-body .lithium-content .base-panel ul.base-list-standard-inline li.base-view-all { margin:0; } #lithium-body .lithium-content .base-panel .base-view-all { margin:0 0 10px; padding:0 10px; } /******************************************************* Actions - End ********************************************************/ /******************************************************* Tags - Start ********************************************************/ #lithium-body .lithium-content .tagging-weight-0 { color:#A6BCD7; } #lithium-body .lithium-content .tagging-weight-1, #lithium-body .lithium-content .tagging-weight-2 { color:#94AFCF; } #lithium-body .lithium-content .tagging-weight-3, #lithium-body .lithium-content .tagging-weight-4 { color:#82A1C7; } #lithium-body .lithium-content .tagging-weight-5, #lithium-body .lithium-content .tagging-weight-6 { color:#7094BF; font-weight:bold; } #lithium-body .lithium-content .tagging-weight-7, #lithium-body .lithium-content .tagging-weight-8 { color:#5E87B7; font-weight:bold; } #lithium-body .lithium-content .tagging-weight-9, #lithium-body .lithium-content .tagging-weight-10 { color:#4D7AB0; font-weight:bold; } /******************************************************* Tags - End ********************************************************/ /******************************************************* To Deprecate - Start ********************************************************/ #lithium-body .lithium-content .tagging-leaderboard-wrapper { margin:0 0 10px; padding:0 10px; } /* User Profile Summary - overrides and reset - begin */ #lithium-body .UserProfileSummary { text-align:left; } #lithium-body .UserProfileSummary .user-avatar { margin:0; } #lithium-body .UserProfileSummary .username a { font-family:Verdana; font-weight:normal; font-size:12px; line-height:15px; color:#4D7AB0; } #lithium-body .lithium-content span.LinkDisplay .anon-user, #lithium-body .lithium-content .anon-label, #lithium-body .UserProfileSummary .user-rank, #lithium-body .UserProfileSummary .kudos-count, #lithium-body .UserProfileSummary .kudos-weight { color:#000000; font-size:100%; } #lithium-body .UserProfileSummary { margin:0; } /* User Profile Summary - overrides and reset - end */ /* User Profile Summary - Replace once styles for all User Profile Summary displays types are created */ #lithium-body .viewprofilepagebanner .UserProfileSummary, #lithium-body .base-panel .user-profile { margin:0 0 10px; padding:0 10px; zoom:1; } #lithium-body .viewprofilepagebanner .UserProfileSummary:after, #lithium-body .base-panel .user-profile:after { clear:both; content:"."; display:block; height:0; line-height:0; visibility:hidden; } #lithium-body .viewprofilepagebanner .UserProfileSummary .user-avatar, #lithium-body .base-panel .user-profile .user-avatar, #lithium-body .base-panel .userColumn .UserAvatar, #lithium-body .viewprofilepagebanner .UserProfileSummary .username, #lithium-body .base-panel .user-profile .username, #lithium-body .base-panel .userColumn .UserName, #lithium-body .viewprofilepagebanner .UserProfileSummary .user-rank { margin:0 5px 0 0; } #lithium-body .viewprofilepagebanner .UserProfileSummary .user-avatar, #lithium-body .base-panel .user-profile .user-avatar, #lithium-body .base-panel .userColumn .UserAvatar { float:left; } #lithium-body .viewprofilepagebanner .UserProfileSummary .user-avatar img, #lithium-body .base-panel .user-profile .user-avatar img, #lithium-body .base-panel .userColumn .UserAvatar img { height:36px; width:36px; } #lithium-body .UserListBlock .UserProfileSummary, #lithium-body .TopKudoedUsersLeaderBoard .UserProfileSummary { margin-bottom:10px; } #lithium-body .TopKudoedUsersLeaderBoard .UserProfileSummary.top-user { margin-bottom:0; } #lithium-body .UserListBlock .top-user-1, #lithium-body .TopKudoedUsersLeaderBoard .top-user-1 { background-color:#F1F1F1; } #lithium-body .UserListBlock .top-user-2, #lithium-body .TopKudoedUsersLeaderBoard .top-user-2 { background-color:#F6F6F6; } #lithium-body .UserListBlock .top-user-3, #lithium-body .TopKudoedUsersLeaderBoard .top-user-3 { background-color:#FAFAFA; } #lithium-body .UserListBlock .leaderboard-rank, #lithium-body .TopKudoedUsersLeaderBoard .leaderboard-rank { color:#B2B2B2; line-height:41px; } #lithium-body .UserListBlock .top-user-1 .leaderboard-rank, #lithium-body .TopKudoedUsersLeaderBoard .top-user-1 .leaderboard-rank { font-family:Verdana; font-weight:bold; font-size:30px; line-height:36px; line-height:41px; color:#000000; } #lithium-body .UserListBlock .top-user-2 .leaderboard-rank, #lithium-body .TopKudoedUsersLeaderBoard .top-user-2 .leaderboard-rank { font-family:Verdana; font-weight:bold; font-size:20px; line-height:24px; line-height:41px; color:#666666; } #lithium-body .UserListBlock .top-user-3 .leaderboard-rank, #lithium-body .TopKudoedUsersLeaderBoard .top-user-3 .leaderboard-rank { font-family:Verdana; font-weight:bold; font-size:14px; line-height:17px; line-height:41px; color:#B2B2B2; } #lithium-body .UserListBlock .UserProfileSummary .user-avatar, #lithium-body .TopKudoedUsersLeaderBoard .UserProfileSummary .user-avatar { margin:0 5px 5px 0; } #lithium-body .viewprofilepagebanner .UserProfileSummary .user-rank, #lithium-body .UserListBlock .UserProfileSummary .user-rank, #lithium-body .TopKudoedUsersLeaderBoard .UserProfileSummary .user-rank, #lithium-body .UserListBlock .UserProfileSummary .kudos-count, #lithium-body .TopKudoedUsersLeaderBoard .UserProfileSummary .kudos-count, #lithium-body .UserListBlock .UserProfileSummary .kudos-weight, #lithium-body .TopKudoedUsersLeaderBoard .UserProfileSummary .kudos-weight { font-family:Verdana; font-weight:normal; font-size:10px; line-height:12px; } /* User Online Status */ #lithium-body .lithium-content .UserOnline img { vertical-align:middle; margin:0 5px 0 0; } /* Legend Key */ #lithium-body .LegendKey .title { font-family:Verdana; font-weight:bold; font-size:14px; line-height:17px; border-bottom:1px solid #CCCCCC; background-color:#E5E5E5; margin:0 0 5px; padding:5px 10px; } #lithium-body .LegendKey .legend-icon { font-family:Verdana; font-weight:normal; font-size:10px; line-height:12px; } /* Time Range, Max Age Selector */ #lithium-body .TimeRangeSelector { padding:0; } #lithium-body .TimeRangeSelector .base-label, #lithium-body .MaxAgeSelector .base-label { font-family:Verdana; font-weight:normal; font-size:10px; line-height:12px; } /* Simple Paging, Topic Navigator */ #lithium-body .TopicNavigator ul.base-navigator-paging-simple, #lithium-body .MenuBar ul.base-navigator-paging-simple { float:right; } #lithium-body .TopicNavigator ul.base-navigator-paging-simple li, #lithium-body .MenuBar ul.base-navigator-paging-simple li { padding:0; } #lithium-body .TopicNavigator ul.base-navigator-paging-simple .page-previous .active, #lithium-body .TopicNavigator ul.base-navigator-paging-simple .page-next .active, #lithium-body .MenuBar ul.base-navigator-paging-simple .page-previous .active, #lithium-body .MenuBar ul.base-navigator-paging-simple .page-next .active { width:auto; height:auto; background:transparent none; margin:0 0 10px 20px; } /******************************************************* To Deprecate - 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 * - Template 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 directly, 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:#f8f8f8; background:#000000; } /******************************************************* States - End ********************************************************/ /******************************************************* Page Elements - Start ********************************************************/ /* Two Column Layout */ #lithium-body .lithium-content .fiftypx-fluid .main-content-column-wrapper { margin-left:50px; } #lithium-body .lithium-content .fiftypx-fluid .side-column-content-wrapper { height:50px; _left:-70px; width:50px; } /* 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 #000000; background-color:#FFFFFF; color:#000000; } #lithium-body .SiteNavigationDropDown .DropDownMenu .active, #lithium-body .SiteNavigationDropDown .DropDownMenu .dis { color:#000000; } /* Polls */ #lithium-body .PollsList .polls-header { background:#4D7AB0 ; font-size:85%; border-bottom:1px solid #E4E4E4; 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:#F2F1EC ; border-bottom:1px solid #E4E4E4; } /* Tab Bar */ #lithium-body .TabBar { background-color:#F0F0F0; 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 #000000; 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:#000000; font-size:85%; background-image:url('/i/skins/default/tab-middle.gif'); line-height:18px; } #lithium-body .TabBar span span.dis { color:#000000; font-size:85%; background-image:url('/i/skins/default/tab-middle-selected.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 #000000; } /* User Online */ #lithium-body .UserOnline span { font-weight:bold; font-size:85%; padding-left:4px; } #lithium-body .UserOnline span.online { color:#${color_useronline_text}; } #lithium-body .UserOnline span.offline { color:#${color_useroffline_text}; } /* Quick Stats Taplet */ #lithium-body .QuickStatsTaplet .user-attr { font-size:85%; } #lithium-body .QuickStatsTaplet .user-info { font-size:69%; } #lithium-body .lithium-content .infobox { background:#FFFFFF repeat-x; padding:10px; } /* Success Message based on Tapestry Error CSS */ #lithium-body .lithium-content div.success-message { background:#FFFFFF; border:1px solid #E4E4E4; } #lithium-body .lithium-content div.success-message div { background:#FFFFFF; } #lithium-body .lithium-content div.success-message ul { background:#FFFFFF; } #lithium-body .lithium-content div.success-message li { background:#FFFFFF; } /* Moderator Controls Taplet */ #lithium-body .ModeratorControlsTaplet { padding:10px; } #lithium-body .ModeratorControlsTaplet li.single-row { height:2em; } /* SnipletEditorForm */ #lithium-body .SnipletEditorForm #overwriteContainer { background:#FFFFFF; border:1px solid #E4E4E4; margin-top:10px; } #lithium-body .video-embed-disabled { color:#${color.menubar_disabled_text}; } #lithium-body .video-youtube-embed-disabled { color:#${color.menubar_disabled_text}; } /* UploadedImageDisplay UploadedVideoDisplay */ #lithium-body .UploadedImageDisplay, #lithium-body .UploadedVideoDisplay { background:#FFFFFF; } #lithium-body .UploadedImageDisplay .image-preview-link, #lithium-body .UploadedVideoDisplay .video-thumb-title, #lithium-body .UploadedVideoDisplay .video-preview-link, #lithium-body .UploadedVideoDisplay .video-addedby-wrapper, #lithium-body .UploadedVideoDisplay .video-status { overflow:hidden; } #lithium-body .UploadedVideoDisplay .video-thumb-title, #lithium-body .UploadedVideoDisplay .video-addedby-wrapper, #lithium-body .UploadedVideoDisplay .video-status { height:1.4em; width:150px; } #lithium-body .UploadedVideoDisplay .video-addedby-wrapper, #lithium-body .UploadedVideoDisplay .video-status { height:2.8em; } #lithium-body .UploadedVideoDisplay.single-video .video-addedby-wrapper, #lithium-body .UploadedVideoDisplay.single-video .video-status { height:auto; width:auto; } #lithium-body .UploadedImageDisplay .image-status .privacy, #lithium-body .UploadedVideoDisplay .video-status .privacy { display:block; } #lithium-body .UploadedImageDisplay.single-image .image-status .privacy, #lithium-body .UploadedVideoDisplay.single-video .video-status .privacy { display:inline; } #lithium-body.VideoEmbedPopupPage .UploadedVideoDisplay .video-status { width:75px; } #lithium-body .UploadedImageDisplay.single-image, #lithium-body .UploadedVideoDisplay.single-video { background:none; border:0; } #lithium-body .UploadedVideoDisplay.single-video .metadata { border:1px solid #FFFFFF; } #lithium-body .UploadedImageDisplay .image-status, #lithium-body .UploadedVideoDisplay .video-status, #lithium-body .UploadedVideoDisplay .video-addedby-wrapper { font-size:85%; } #lithium-body.VideoEmbedPopupPage .UploadedVideoDisplay .video-status { font-size:69%; } /* User ImageGalleryPage User VideoGalleryPage*/ #lithium-body .ImageGallery .image-list > li, #lithium-body .VideoGallery .video-list > li { float:left; margin:10px 0 0 10px; padding:0px; } #lithium-body .ImageGallery .image-list > li { width:${mathTool.add($imageupload_thumb_image_size, 20)}px; } #lithium-body .VideoGallery .video-list > li { width:170px; } /* ie6 child selector equivalent */ * html #lithium-body .ImageGallery .image-list li, * html #lithium-body .VideoGallery .video-list li { float:left; margin:10px 0 0 10px; padding:0; } * html #lithium-body .ImageGallery .image-list li { width:${mathTool.add($imageupload_thumb_image_size, 20)}px; } * html #lithium-body .VideoGallery .video-list li { width:170px; } * html #lithium-body .ImageGallery .image-list * li, * html #lithium-body .VideoGallery .video-list * li { float:none; margin:0; width:auto; } #lithium-body.VideoEmbedPopupPage .VideoGallery .video-list > li { width:95px; } /* RecentImageGallery */ #lithium-body .RecentImageGallery .UploadedImageDisplay, #lithium-body .RecentImageGallery .UploadedImageDisplay img { border:0; background:none; } /* Image Uploader Popup Page */ #lithium-body.ImageUploaderPopupPage { background:#FFFFFF none; } #lithium-body.ImageUploaderPopupPage .lithium-content { background:#FFFFFF none; } /* Video Uploader Popup Page */ #lithium-body.VideoUploadPopupPage { background:#FFFFFF none; } #lithium-body.VideoUploadPopupPage .MinimumWidthContainer .lithium-content { background:#FFFFFF none; border:0; } #lithium-body .VideoUploadForm .upload-form .embed-code { font-size:69%; } /******************************************************* Page Elements - End ********************************************************/ /******************************************************* Messages - Start ********************************************************/ /* Overrides for tapestry grid styles */ #lithium-body .lithium-content table.t-data-grid thead tr { background:#C0C0C0 ; } #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:#707070; font-weight:bold; } #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 #E4E4E4; border-left:1px solid #E4E4E4; } #lithium-body .lithium-content table.t-data-grid tbody tr.even-row { background:#f8f8f8 ; } #lithium-body .lithium-content table.t-data-grid tbody tr.odd-row { background:#FFFFFF ; } #lithium-body .lithium-content table.t-data-grid tbody tr.float-row { background:#F0F0F0 ; } #lithium-body .lithium-content table.t-data-grid tbody tr.first-non-float { border-top:5px solid #C0C0C0; } #lithium-body .lithium-content table.t-data-grid tbody tr.highlight-row { background:#F0F0F0 ; } #lithium-body .lithium-content table.t-data-grid tbody tr.hover td { background-color:#F0F0F0; 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:16px; } #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/default/button-first.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .polish-ui .article-listing .dis { background:url('/i/skins/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/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/default/button-previous-thread.gif') no-repeat; width:30px; height:20px; } #lithium-body .lithium-content .polish-ui .thread-previous .dis { background:url('/i/skins/default/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/default/button-next-thread.gif') no-repeat; width:30px; height:20px; } #lithium-body .lithium-content .polish-ui .thread-next .dis { background:url('/i/skins/default/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/default/button-message-list.gif') no-repeat; width:20px; height:20px; } #lithium-body .lithium-content .polish-ui .message-listing .dis { background:url('/i/skins/default/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:#999999; border-left:1px solid #C3C3C3; border-top:1px solid #C3C3C3; border-right:1px solid #707070; border-bottom:1px solid #707070; } #lithium-body .lithium-content div.t-autocomplete-menu li { color:#FFFFFF; background-color:#999999; border:0px; } #lithium-body .lithium-content div.t-autocomplete-menu .selected { background-color:#C3C3C3; color:#FFFFFF; } #lithium-body .lithium-content div.t-autocomplete-menu li.selected { color:#FFFFFF; background-color:#666666; } /******************************************************* 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 solid #A6BCD7; } .page-admin-mode .page-content { border:1px solid #A6BCD7; } .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 .PageAdmin .editor, #lithium-body .PageAdmin .draggable-editor { background-color:#FFFFFF; } #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:900px; } #lithium-body .MinimumWidthContainer .lithium-content { width:100%; } * html .min-width-wrapper { border-left:900px solid #FFFFFF; } * html .min-width { margin-left:-900px; position:relative; } * html .min-width-wrapper, * html .min-width { height:1px; } /******************************************************* Hacks - End ********************************************************/ /******************************************************* WYSIWYG - Start ********************************************************/ /* Message Editor */ #lithium-body .MessageEditor .editor-controls .editor-button { font-size:93%;} .MessageEditor .editor-controls { font-size:85%; } .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:#f8f8f8; font-family:Verdana; font-size:93%; } /* TinyMce */ .forecolor-automatic { background-color:#000000; } .mceWindowHead { background-color:#4D7AB0 !important; color:#000000 !important; } /* JSpell */ #spellingDialog { border:1px solid #A6BCD7 !important; } #spellingDialog td { background-color:#F0F0F0 !important; } #spellingDialog #titleBarHandle span { background:#4D7AB0 !important; color:#FFFFFF !important; font-size:123.1% !important; text-decoration:none !important; border-bottom:1px solid #E4E4E4 !important; } #spellingDialog #jspell_finish { background-color:#DDDDDD !important; color:#000000 !important; } #spellingDialog .jsd_button { border:1px solid #000000 !important; background-color:#AAAAAA !important; color:#000000 !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 * * 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: * - GlobalStyles2 is included in new ui 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: * - Layout * - Buttons * - Page Elements *******************************************************/ /******************************************************* Layout - Start ********************************************************/ /* Two Column Layout */ #lithium-body .TwoColumnLayout .columns-container .main-content-column { border-right:1px solid #4D7AB0; } #lithium-body .TwoColumnLayout .columns-container .side-column-content { border-left:1px solid #4D7AB0; } /******************************************************* Layout - End ********************************************************/ /******************************************************* 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 #7F7F7F; background-color:#CCCCCC; color:#000000; } #lithium-body .lithium-content .form-action-buttons .submit-button { background:#CCCCCC no-repeat; width:px; height:px; text-indent:px; } /******************************************************* Buttons - End ********************************************************/ /******************************************************* Page Elements - Start ********************************************************/ /* Title Bar */ #lithium-body .TitleBar { margin-bottom:10px; } /* Message Editor Form */ #lithium-body .MessageEditorForm .editor-label, .MessageEditorForm .editor-checkbox-label { color:#000000; } /* Action Menu */ #lithium-body .ActionMenu .default-menu-option { background:url('/i/skins/default/button-options.gif') no-repeat 97% 50%; padding-left:0; padding-right:20px; } #lithium-body .ActionMenu .dropdown-menu-items { background-color:#E5E5E5; } #lithium-body .ActionMenu .dropdown-menu-items a { color:#000000; } #lithium-body .ActionMenu .dropdown-menu-items a:hover { background-color:#F1F1F1; } #lithium-body .ActionMenu .dropdown-menu-items .dis { color:#CCCCCC; } #lithium-body .ActionMenu .dropdown-navigation .dropdown-menu-items { border:1px solid #CCCCCC; } #lithium-body .lithium-content .comment-links-bar .comment-links li, #lithium-body .ActionMenu .default-menu-option, #lithium-body .lithium-content .primary-action { line-height:22px; } /* Panel */ #lithium-body .base-panel .handle { background:url('/i/skins/default/button_widget_move.gif'); height:12px; width:12px; } #lithium-body .base-panel .chrome-remove { background:url('/i/skins/default/button_widget_close.gif'); height:12px; width:12px;} #lithium-body .closed .chrome-toggle { background:url('/i/skins/default/button_widget_minimize.gif'); height:12px; width:12px;} #lithium-body .opened .chrome-toggle { background:url('/i/skins/default/button_widget_maximize.gif'); height:12px; width:12px;} /* User Navigation Bar */ #lithium-body .UserNavigationBar { margin:0 0 5px; } #lithium-body .UserNavigationBar li { font-family:Verdana; font-weight:normal; font-size:10px; line-height:12px; margin:0 5px 0 0; } /* Private Notes Link */ #lithium-body .PrivateNotes a.LinkDisplay { font-family:Verdana; font-weight:normal; font-size:10px; line-height:12px; } #lithium-body .PrivateNotes img { margin-left:5px; } /* Bread Crumb */ #lithium-body .BreadCrumb { border-bottom:1px solid #4D7AB0; } #lithium-body .BreadCrumb { margin:0 0 20px; padding:0 0 5px; } #lithium-body .BreadCrumb li { font-family:Verdana; font-weight:normal; font-size:10px; line-height:12px; margin:0 5px 0 0; } /* Footer Bar */ #lithium-body .FooterBar { border-top:1px solid #4D7AB0; } /* Simple Message List */ #lithium-body .lithium-content .base-panel .message-subject { font-family:Verdana; font-weight:normal; font-size:12px; line-height:15px; font-weight:bold; display:inline; } /* Success Message and Error Message */ #lithium-body div.t-error { border:1px solid #990000; color:#990000; } #lithium-body div.t-error ul { list-style-type:disc; list-style-position:inside; margin:5px 0 0 10px; } #lithium-body div.t-error li { margin-left:0px; font-size:92%; } #lithium-body .lithium-content div.success-message { background:#F1F1F1; border:1px solid #000000; } #lithium-body .lithium-content div.success-message div, #lithium-body .lithium-content div.success-message ul, #lithium-body .lithium-content div.success-message li { background:#F1F1F1; } /******************************************************* Page Elements - End ********************************************************/ /******************************************************* To Clean Up - Start ********************************************************/ /* Page Admin Mode */ #lithium-body .PageAdmin .page-admin-mode .page-admin-controls { background:#F9F9F9; } #lithium-body .PageAdmin .page-content { border:1px dotted #CCCCCC; } #lithium-body .PageAdmin .page-admin-controls { background:#F9F9F9; padding:10px; } #lithium-body .PageAdmin .component-list .closed { background:url('/i/skins/default/button_widget_maximize.gif') no-repeat 0 50%; padding-left:17px; } #lithium-body .PageAdmin .component-list .opened { background:url('/i/skins/default/button_widget_minimize.gif') no-repeat 0 50%; padding-left:17px; } #lithium-body .PageAdmin .component-list .handle { background:url('/i/skins/default/button_widget_move.gif') no-repeat 0px 50%; padding-left:17px; } #lithium-body .PageAdmin .page-editors h3 { background:#DBE4EF; border-bottom:1px solid #4D7AB0; padding:5px 10px; } #lithium-body .PageAdmin .admin-mode-title, #lithium-body .PageAdmin .page-admin-controls { border:solid #CCCCCC; border-width:0 2px 2px 0; } #lithium-body .PageAdmin #componentchooser, #lithium-body .PageAdmin #quilteditor, #lithium-body .PageAdmin #customrenderorder { border:solid #F4F4F4; border-width:0 2px 2px 0; } /******************************************************* To Clean Up - 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 Settings 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:30px; margin-bottom:20px; } body .lithium-content, .mceContentBody { color:#000000; } #lithium-body .lithium-content { background:#f8f8f8 } #lithium-body .lithium-content h1 { color:#FFFFFF; font-weight:bold; text-decoration:none; } #lithium-body .lithium-content h3 { color:000000; } #lithium-body .lithium-content p { font-size:100%; } #lithium-body .lithium-content label { font-size:100%; color:#000000; } #lithium-body .lithium-content input, .lithium-content textarea, .lithium-content select { border:1px solid #000000; background-color:#FFFFFF; color:#000000; } #lithium-body .lithium-content input[type="radio"] { border:0; background-color:transparent; } #lithium-body .lithium-content input[type="checkbox"] { border:0; background-color:transparent; } #lithium-body .lithium-content table,.lithium-content td { color:#000000; font-family:Verdana,Arial,Helvetica; } #lithium-body .MinimumWidthContainer .lithium-content { border:1px solid #E4E4E4; } /* 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:#000000; font-size:100%; } /******************************************************* HTML Tags - End ********************************************************/ /******************************************************* Headers and Borders - Start ********************************************************/ /* HeadingBar */ #lithium-body .lithium-content .heading-bar { background:#C0C0C0 ; color:#707070; font-weight:bold; border-bottom:1px solid #E4E4E4; } #lithium-body .lithium-content .feedback { background:#FFFFFF ; border:1px solid #E4E4E4; } /******************************************************* 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:93%; } #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:#4D7AB0; } #lithium-body .lithium-content .separator-pre { background-color:#C3C3C3; } #lithium-body .lithium-content .separator-post { background-color:#707070; } /******************************************************* 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 #000000; background-color:#AAAAAA; color:#000000; font-size:100%; } #lithium-body .lithium-content .form-action-buttons .submit-button { background:#AAAAAA 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:#f8f8f8 ; } /* Announcement */ #lithium-body .Announcement .announcement-header { background:#4D7AB0 ; font-size:93%; border-bottom:1px solid #E4E4E4; color:#FFFFFF; font-weight:bold; } #lithium-body .Announcement .announcement-text { background:#F2F1EC ; font-size:93%; border-bottom:1px solid #E4E4E4; color:#000000; font-weight:normal; text-decoration:none} /* AnonymouseUserMessageEditorFields */ #lithium-body .AnonymouseUserMessageEditorFields .anon-editor .editor-label { font-size:93%; } /* LabelList */ #lithium-body .LabelsList .dis { font-size:100%; } /* BreadCrumb */ #lithium-body .BreadCrumb { background:#EEEEEE ; border-bottom:1px solid #E4E4E4; font-weight:bold; } #lithium-body .BreadCrumb a, .final-crumb { color:#FF6600; text-decoration:none; font-weight:bold; } #lithium-body .BreadCrumb .final-crumb { color:#365880; } #lithium-body .BreadCrumb a:hover { font-weight:bold; } #lithium-body .BreadCrumb .separator { color:#333333; } /* Chrome */ #lithium-body .base-panel, #lithium-body .base-panel a { color:#333333; } #lithium-body .base-panel .handle { background:url('/i/skins/default/button_widget_move.gif'); height:12px; width:12px;} #lithium-body .base-panel .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:#f8f8f8; border:1px solid #E4E4E4; } /** Chrome Bar **/ #lithium-body .lithium-content .chrome-bar { background:#4D7AB0 ; border-bottom:1px solid #E4E4E4; } #lithium-body .lithium-content .chrome-bar .title { font-size:93%; } #lithium-body .lithium-content .chrome-bar .content { background:#F2F1EC ; font-size:93%; color:#000000; font-weight:normal; text-decoration:none } /* InfoMessage , ErrorMessage */ #lithium-body .InfoMessage, #lithium-body .ErrorMessage, #lithium-body .FilteredByLabelName { background:#FFFFFF ; border:1px solid #E4E4E4; } #lithium-body .InfoMessage, #lithium-body .FilteredByLabelName { font-size:100%; } #lithium-body .ErrorMessage .error-description { font-size:93%; } /* 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:#FFFFFF; } #lithium-body .ActionMenu .dropdown-menu-items { background-color:#999999; } #lithium-body .ActionMenu .dropdown-navigation .dropdown-menu-items { border-left:1px solid #C3C3C3; border-top:1px solid #C3C3C3; border-right:1px solid #707070; border-bottom:1px solid #707070; } /* LegendKey */ #lithium-body .LegendKey { background:#F2F1EC ; border-top:1px solid #E4E4E4; } #lithium-body .LegendKey .title { background:#D7D7D7 ; border-bottom:1px solid #E4E4E4; color:#808080; font-weight:bold; font-size:116%; } #lithium-body .LegendKey .legend-icon { font-size:93%; } /* MenuBlock */ #lithium-body .MenuBar { color:#FFFFFF; font-weight:normal; background:#999999 ; } #lithium-body .MenuBar .dis, #lithium-body .DropDownMenu .dis, #lithium-body .MessageView .message-header .DropDownMenu .dis { color:#BBBBBB; } #lithium-body .MenuBar .active, #lithium-body .DropDownMenu .active, #lithium-body .MessageView .message-header .DropDownMenu .active { color:#FFFFFF; } #lithium-body .lithium-content .top-block { border-bottom:1px solid #E4E4E4; } #lithium-body .lithium-content .bottom-block { border-top:1px solid #E4E4E4; } #lithium-body .MenuBar .legacy-ui .page-numbered-pages .dis { font-size:116%; font-weight:bold; } #lithium-body .MenuBar .legacy-ui .shadow { background-color:#707070; } #lithium-body .MenuBar .legacy-ui .highlight { background-color:#C3C3C3; } #lithium-body .MenuBar .legacy-ui .active, #lithium-body .JumpToPaging, .JumpToPaging .dis { color:#FFFFFF; } #lithium-body .MenuBar .polish-ui .active:link, #lithium-body .MenuBar .polish-ui .active:visitied { border-color:#999999; } #lithium-body .MenuBar .polish-ui .dis { border-color:#999999; } #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 a.primary-action: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:#FFFFFF; background-color:#666666; } /* User Navigation Bar */ #lithium-body .UserNavigationBar { background:#FFFFFF ; color:#000000; border-bottom:1px solid #E4E4E4; } #lithium-body .UserNavigationBar a { font-weight:normal; text-decoration:none; font-size:93%; color:#000000; } /* Page Title */ #lithium-body .PageTitle { font-weight:bold; } #lithium-body .PageTitle a { color:#FFFFFF; text-decoration:none; } /* Title Bar */ #lithium-body .TitleBar { background:#4D7AB0 ; border-bottom:1px solid #E4E4E4; color:#FFFFFF; } /* Max Age Selector */ #lithium-body .MaxAgeSelector .max-age-description { font-size:100%; } /* Search Bar & Footer Bar */ #lithium-body .FooterBar .bottom { background-color:#FFFFFF; border-top:1px solid #E4E4E4; } #lithium-body .SearchBar .top { background-color:#FFFFFF; border-bottom:1px solid #E4E4E4; } #lithium-body .SearchBar, #lithium-body .FooterBar { background:#FFFFFF ; } /* Time Range Selector */ #lithium-body .TimeRangeSelector { border-bottom:1px solid #E4E4E4; 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:93%; text-decoration:none; color:#${color_kudos-timerange-text}; } /* Search Form */ #lithium-body .SearchForm { color:#FFFFFF; } #lithium-body .SearchForm a { color:#FFFFFF; font-size:93%; font-weight:normal text-decoration:underline; } /* User Name */ #lithium-body .UserName a { font-size:100%; } /* View All Link */ #lithium-body .ViewAll:hover { border-left:1px solid #C3C3C3; cursor:pointer; background-color:#707070; } #lithium-body .ViewAll a { color:#FFFFFF !important; padding:0px 3px; } /* View Profile Page */ #lithium-body .ViewProfilePageBanner { background:#FFFFFF; padding:5px; margin:10px 10px 0px; border:1px solid #E4E4E4;} /* User Reports Pager Bar */ #lithium-body.UserReportsPage .pager-bar { border-right:1px solid #E4E4E4; border-left:1px solid #E4E4E4; } /******************************************************* Page Elements - End ********************************************************/ /******************************************************* Messages - Start ********************************************************/ /* Message Editor Form */ #lithium-body .MessageEditorForm .message-editor-fields { border:1px solid #E4E4E4; background-color:#DDDDDD; } #lithium-body .MessageEditorForm .message-meta-data { border:1px solid #E4E4E4; background-color:#DDDDDD; } #lithium-body .MessageEditorForm .editor-label, #lithium-body .MessageEditorForm .editor-checkbox-label { color:#000000; } /* Message History */ #lithium-body .MessageHistory a { font-size:93%; } #lithium-body .MessageHistory .title, #lithium-body .MessageHistory .author, #lithium-body .MessageHistory .date { font-size:93%; } #lithium-body .MessageHistory .author { font-weight:normal; text-decoration:none; } #lithium-body .MessageHistory .header-row { color:#FFFFFF; background-color:#D7D7D7; font-weight:normal; text-decoration:underline; } #lithium-body .MessageHistory .history-row { border-bottom:1px solid #D7D7D7; } /* Message Tags */ #lithium-body .MessageTags .TagList .tag-list { font-size:93%; } /* Message Subject */ #lithium-body .MessageSubject .message-subject-board { font-weight:normal; text-decoration:none; color:#4D7AB0; } #lithium-body .MessageSubject .message-subject-reply { font-weight:normal; text-decoration:none; color:#4D7AB0; } /* Message Subject Icons */ #lithium-body .MessageSubjectIcons .verified-icon { color:#009900 !important; font-size:93%; } /* Message Summary */ #lithium-body .MessageSummary { border-bottom:1px solid #E4E4E4; } #lithium-body .lithium-content .page-info { border-bottom:1px solid #E4E4E4; } /* Message View */ #lithium-body .MessageView .message-body pre { *width:750px; } #lithium-body .MessageView .message-container { border:1px solid #E4E4E4; } #lithium-body .MessageView .count { font-weight:normal; text-decoration:none; } #lithium-body .MessageView .user-information .local-date,.user-information .local-time { font-size:93%; } #lithium-body .MessageView .message-header { background:#D7D7D7 ; font-weight:bold; } #lithium-body .MessageView .highlight-message .preview-attachments { background-color:#F0F0F0; } #lithium-body .MessageView .preview-attachments { background:#f8f8f8; } #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:#F0F0F0; background-image:${bg_table_cell_selected} } #lithium-body .MessageView .message-content .report-abuse-link { font-size:93% } #lithium-body .MessageView .message-header a, #lithium-body .MessageView .message-header .message-subject, #lithium-body .MessageView .primary-action a.active { font-size:93%; text-decoration:none; color:#808080; } #lithium-body .MessageView .message-subject h5, #lithium-body .MessageView .message-subject h1 {font-weight:bold;} #lithium-body .MessageView .user-information-item, #lithium-body .MessageView .UserIpAddress { font-size:93%; } #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}; } /* Move Message Form */ #lithium-body .MoveMessagesForm .label-help { font-size:93%; } #lithium-body .MoveMessagesForm .help-box { font-size:93%; border-top:1px solid #${color_primary_01}; } #lithium-body .MoveMessagesForm .TwoColumnLayout .columns-container .main-content-column { border-right:1px solid #${color_primary_01}; } #lithium-body .MoveMessagesForm .TwoColumnLayout .columns-container .side-column-content { border-left:1px solid #${color_primary_01}; } /* Side Message View */ #lithium-body .SideMessageView { border:1px solid #E4E4E4; } #lithium-body .SideMessageView .message-body { ; font-size:100%; } #lithium-body .SideMessageView .metadata-column { border-right:1px solid #E4E4E4; } #lithium-body .SideMessageView .content-column { border-left:1px solid #E4E4E4; } #lithium-body .SideMessageView .message-content { background:#FFFFFF; } #lithium-body .SideMessageView .message-content .content-column { background:#f8f8f8; } /* Top Message View */ #lithium-body .TopMessageView .message-header .metadata-column { border-right:1px solid #E4E4E4; } #lithium-body .TopMessageView .highlight-message .message-content { background-color:#F0F0F0; } #lithium-body .TopMessageView .message-content .user-information { border:1px solid #E4E4E4; background:#FFFFFF 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, #lithium-body .RecentImageGallery table.t-data-grid { border:1px solid #E4E4E4 } /* New Messages Count */ #lithium-body .NewMessagesCount { color:#4D7AB0; font-weight:normal; text-decoration:none; } /******************************************************* Messages - End ********************************************************/ /******************************************************* Notes - Start ********************************************************/ /* Note Editor Form */ #lithium-body .NoteEditorForm .note-editor-fields { border:1px solid #000000; background-color:#F0F0F0; } #lithium-body .NoteEditorForm .editor-label, .NoteEditorForm .editor-checkbox-label { color:#000000; } /* ResolveDuplicateUser */ #lithium-body .lithium-content .ResolveDuplicateUsers .user-conflict-list { border-bottom:1px solid #E4E4E4; } /* Private Notes */ #lithium-body .PrivateNotes .new-private-notes { font-size:93%; } #lithium-body .NotesTab .select-section { border:1px solid #E4E4E4; } #lithium-body .NotesTab .select-section { font-size:100%; } #lithium-body .NotesTab .t-data-grid thead .noteCheckboxColumn { color:#C0C0C0; } #lithium-body .NotesTab .select-links-bar { font-size:93%; } #lithium-body .NotesTab .bottom-block { border-bottom:1px solid #E4E4E4; } #lithium-body .NotesTab .new-note-link .active { background:url('/i/skins/default/button_post.gif') no-repeat 8% 50%; padding-left:28px; } #lithium-body .NotesTab .new-note-link .dis{ background:url('/i/skins/default/button_post_dis.gif') no-repeat 8% 50%; padding-left:28px; } #lithium-body .NotesTab .icon-only .new-note-link .active { background:url('/i/skins/default/button_post.gif') no-repeat 50% 50%; width:15px; height:28px; } #lithium-body .NotesTab .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 .NotesTab .text-only .new-note-link .active, #lithium-body .NotesTab .text-only .new-note-link .dis { background:none; padding:6px 7px; } /* Note View */ #lithium-body .NoteView .reply-button { background:#AAAAAA 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:93%; } #lithium-body .NoteView .back-link { font-size:93%; } #lithium-body .NoteView .contact-links-bar { font-size:93%; } #lithium-body .NoteView .bottom-block { border-bottom:1px solid #E4E4E4; } /* 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 #E4E4E4; position:relative; } #lithium-body .NotesSummaryList .view-all-container a { color:#E4E4E4; } /* Simple Note View #lithium-body .SimpleNoteView { border:1px solid #E4E4E4; background-color:#FFFFFF; } #lithium-body .SimpleNoteView .note-view-subject { font-size:116%; } #lithium-body .SimpleNoteView .note-view-label { font-size:93%; } /* Contact List */ #lithium-body .ContactsTab .contactsLatestPostColumn-cell .DateTime span { font-size:93%; } /* Compose Success Message */ #lithium-body .ComposeSuccessMessage { background:#FFFFFF ; border:1px solid #E4E4E4; } #lithium-body .ComposeSuccessMessage { font-size:100%; } /******************************************************* 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 #E4E4E4; } .MessagePage .bottom-block .JumpToPaging { border-bottom:1px solid #E4E4E4; } .MessagePage .message-thread-list { border-top:1px solid #E4E4E4; } .MessagePage .message-thread-list table.t-data-grid tbody tr.odd-row { background:#f8f8f8 ; } /******************************************************* Message Page - End ********************************************************/ /******************************************************* Profile Settings Page - Start ********************************************************/ #lithium-body .SkinChooser {border:1px solid #E4E4E4;margin:1px} #lithium-body .SkinChooser .page-description {background:#FFFFFF; } #lithium-body .SkinChooser .skins-list-header {border:1px solid #E4E4E4;} #lithium-body .SkinChooser th.thumbnail {border-right:1px solid #E4E4E4; border-left:none} #lithium-body .SkinChooser th.title {border-left:1px solid #E4E4E4;font-size:100%; text-transform:none} #lithium-body .SkinChooser td {font-weight:bold; font-size:100%} #lithium-body .SkinChooser td img {border:1px solid #E4E4E4; } #lithium-body .SkinChooser td.thumbnail {border-right:1px solid #E4E4E4; margin:1px} #lithium-body .SkinChooser td.title {border-left:1px solid #E4E4E4; margin:1px} #lithium-body .SkinChooser .no-skin-desc {font-weight:normal; font-size:100%} /* User Preferences */ #lithium-body .UserPreferences th.settingTitle { border-right:none; } #lithium-body .UserPreferences th.settingSelection { border-left:none; } #lithium-body .UserPreferences .section-divider { background:#C0C0C0 ; color:#808080; font-weight:bold; border:1px solid #E4E4E4; padding:4px 5px 4px; margin-bottom:15px; } #lithium-body .UserPreferences th { border-top:1px solid #E4E4E4; font-size:bold !important; font-family:Verdana,Arial,Helvetica; color:#808080 !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:#000000; } /******************************************************* Profile Settings 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 #E4E4E4; } /******************************************************* Kudos - End ********************************************************/ /******************************************************* Tagging - Start ********************************************************/ #lithium-body .lithium-content .li-tagging .tag-group { background-color:#f8f8f8; } #lithium-body .lithium-content .li-tagging .group-title { color:#707070; background-color:#C0C0C0; border-bottom-color:#E4E4E4; } #lithium-body .lithium-content .node-tagging .group-area{ background-color:#f8f8f8; } #lithium-body .lithium-content .top-taggers .group-area { background-color:#f8f8f8; } #lithium-body .lithium-content .tag-clouds-bottom .base-panel { border-top:1px solid #E4E4E4; } #lithium-body .lithium-content .tag-clouds-bottom .TaggerLeaderboardTapletChrome { border-left:1px solid #E4E4E4; } /* Tag Statistics */ #lithium-body .TagStatistics ul li a { color:#000000; } /* Tagger Leaderboard Taplet */ #lithium-body .TaggerLeaderboardTaplet ul li { border-top:1px solid #E4E4E4; } /* Tag View Page Banner */ #lithium-body .TagViewPageBanner { padding:10px; margin-bottom:10px; background:#FFFFFF; border:1px solid #E4E4E4; } /******************************************************* Tagging - End ********************************************************/ /******************************************************* Taplets - Start ********************************************************/ /* Taplet - Simple User Lists */ #lithium-body .lithium-content .simple-user-list li { border-top:1px solid #E4E4E4; } #lithium-body .lithium-content .odd-row { background:#FFFFFF ; } /* Users Online Taplet */ #lithium-body .UsersOnlineTaplet .CurrentlyOnline { border-bottom:1px solid #E4E4E4; } #lithium-body .UsersOnlineTaplet .RecentLogins { border-bottom:1px solid #E4E4E4; } #lithium-body .UsersOnlineTaplet .RecentRegistrations { border-bottom:1px solid #E4E4E4; } /* Top Boards Taplet */ #lithium-body .TopBoardsTapletChrome .heading-bar { background:#FFFFFF ; color:#000000; font-weight:bold; border-bottom:1px solid #E4E4E4; } #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:#f8f8f8; ; } body.mceContentBody { font-size:10pt; } /******************************************************* WYSIWYG - End ********************************************************/ /******************************************************* Board Pages Tapestry Overrides - Begin To Deprecate ********************************************************/ #lithium-body .lithium-content input[type="text"], #lithium-body .lithium-content input[type="password"], #lithium-body .lithium-content select, #lithium-body .lithium-content textarea { background-color:#FFFFFF; border:1px solid #000000; } #lithium-body .lithium-content h1 { font-size:100%; font-size:123.1%; line-height:normal; } #lithium-body .lithium-content h2.message-subject { font-size:100%; font-size:100%; font-weight:bold; line-height:120%; } #lithium-body .lithium-content .message-subject-board { font-size:100%; } #lithium-body .lithium-content .base-panel .base-panel-content-wrapper { margin:0; } #lithium-body .TitleBar, #lithium-body .UserNavigationBar, #lithium-body .BreadCrumb { margin-bottom:0; } #lithium-body .UserNavigationBar, #lithium-body .BreadCrumb { padding:3px 5px; } #lithium-body .lithium-content .single-message-list table.base-list-wide { margin:0; width:100%;} #lithium-body .lithium-content .single-message-list table.base-list-wide th, #lithium-body .lithium-content .single-message-list table.base-list-wide td { padding:5px 10px; } /* Apply overrides for tapestry grid styles table.base-list-wide */ #lithium-body .lithium-content .single-message-list table.base-list-wide thead tr { background:; } #lithium-body .lithium-content .single-message-list table.base-list-wide thead tr th { background:#C0C0C0; font-size:93%; text-transform:uppercase; } #lithium-body .lithium-content .single-message-list table.base-list-wide thead tr th, #lithium-body .lithium-content .single-message-list table.base-list-wide thead tr th a { color:#707070; font-weight:bold; } #lithium-body .lithium-content .single-message-list table.base-list-wide thead tr th, #lithium-body .lithium-content .single-message-list table.base-list-wide tbody tr td { border-bottom:1px solid #E4E4E4; border-left:1px solid #E4E4E4; } #lithium-body .lithium-content .single-message-list table.base-list-wide tbody tr.even-row { background:#f8f8f8 ; } #lithium-body .lithium-content .single-message-list table.base-list-wide tbody tr.odd-row { background:#FFFFFF ; } #lithium-body .lithium-content .single-message-list table.base-list-wide tbody tr.float-row { background:#F0F0F0 ; } #lithium-body .lithium-content .single-message-list table.base-list-wide tbody tr.first-non-float { border-top:5px solid #C0C0C0; } #lithium-body .lithium-content .single-message-list table.base-list-wide tbody tr.highlight-row { background:#F0F0F0 ; } #lithium-body .lithium-content .single-message-list table.base-list-wide tbody tr.hover td { background-color:#F0F0F0; cursor:pointer; } /* Bring back User Profile Summary */ #lithium-body .UserListBlock .UserProfileSummary { margin-bottom:20px; } #lithium-body .UserProfileSummary { text-align:left; } #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 .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%; margin-left:85px; } /* 85 = w of .leaderboard-rank + 10px margin + w of (avatar + border) + 5 margin */ /* TimeRangeSelector */ #lithium-body .TimeRangeSelector { margin:0; padding:5px 5px 0; *padding:5px; } #lithium-body .TimeRangeSelector .time-range-description { float:left; padding:0; } #lithium-body .TimeRangeSelector ul.base-tabs-sort { margin-bottom:0; } #lithium-body .TimeRangeSelector .timerange-navigation li { margin:0; padding:0; } #lithium-body .TimeRangeSelector .timerange-navigation li .dis { font-weight:bold; cursor:not-allowed; } /* Post/Reply/Edit Message Page */ #lithium-body .Attachments a, #lithium-body a.discussion-link { color:#000000; text-decoration:underline; } #lithium-body .SearchForm a { text-decoration:underline; } /* ActionMenu */ #lithium-body .ActionMenu .dropdown-menu-items a { color:#FFFFFF; } /* Resetting Fonts */ #lithium-body .BreadCrumb li, #lithium-body .BreadCrumb li a, #lithium-body .BreadCrumb li span { font-size:90%; line-height:normal; } #lithium-body .UserNavigationBar li a, #lithium-body .UserNavigationBar li span, #lithium-body .SearchForm { font-size:110%; line-height:normal; } #lithium-body .TimeRangeSelector ul.base-tabs-sort li { font-size:100%; line-height:1; } #lithium-body .TimeRangeSelector .timerange-navigation li a, #lithium-body .TimeRangeSelector ul.base-tabs-sort li span, #lithium-body .TimeRangeSelector .time-range-description, #lithium-body .PrivateNotes a.LinkDisplay { font-size:93%; line-height:normal; } #lithium-body .TabBar span a { font-size:93%; } #lithium-body .PrivateNotes a.private-notes-link { float:left; } #lithium-body .PrivateNotes img { vertical-align:baseline; } /******************************************************* Board Pages Tapestry Overrides - End ********************************************************/