/* 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; } #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 */ #lithium-body .UploadedImageDisplay { text-align:center; padding:10px; } #lithium-body .UploadedImageDisplay .image-preview-link { display:block; } #lithium-body .UploadedImageDisplay .image-title { display:block; margin-bottom:2px; } #lithium-body .UploadedImageDisplay > img { clear:left; display:block; margin:0 auto; } #lithium-body .UploadedImageDisplay .image-title { font-style: bold; padding: 3px; } #lithium-body .UploadedImageDisplay .moderation-status { font-style: italic; color: #CCC; } #lithium-body .UploadedImageDisplay .metadata { text-align:center; } /* User Gallery Page */ #lithium-body.ImageGalleryPage .ImageUpload { margin:10px; } #lithium-body.ImageGalleryPage .ImageGallery .image-list { padding:0 0 10px 10px; } #lithium-body.ImageGalleryPage .single-image { margin:10px; } #lithium-body .ImageGallery .image-list > li { float:left; margin:10px 10px 0 0; padding:0px; } #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; } /* 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; } /* External Image Inserter */ #lithium-body .ExternalImageInserter { margin-bottom:10px; } #lithium-body .ExternalImageInserter .external-image-url { width:250px; } /******************** RecentImageGallery ***********************/ #lithium-body .RecentImageGallery table.t-data-grid .batchCheckbox { text-align:center; } #lithium-body .RecentImageGallery table.t-data-grid td { padding:0 5px; } /******************** 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; }.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; } /* 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:938px; } #lithium-body .MinimumWidthContainer .lithium-content { width:938px; } * html .min-width-wrapper { border-left:938px solid #ffffff; } * html .min-width { margin-left:-938px; 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 h