/* Body */ body { background : #fff; position: relative; padding: 0px; padding: 0; margin: 0; } #page-wrapper { margin: 0px; padding-top: 10px; overflow: auto; } #debug-window { position: fixed; right: 0; bottom: 30px; z-index: 99999; background: #000; border: 1px Solid #7d7d7d; padding: 10px; filter : alpha(opacity=85); -moz-opacity : 0.85; opacity : 0.85; color: #ddd; display: block; } #debug-window .title-box { font-weight: bold; border-bottom: 1px Solid #ddd; margin-bottom: 5px; } #debug-window #debug-content { width: 400px; height: 100px; overflow: auto; whitespace: no-wrap; } .debug-error { display: none; } /* Floating Links, Translation Tools and Lookup Tools SHOULD NOT BE THEMABLE! */ #floating-links { position: fixed; right: 0; bottom: 0; z-index: 1000; background:#000; padding: 3px 5px; filter : alpha(opacity=85); -moz-opacity : 0.85; opacity : 0.85; color: #ddd; font-size: 0.8em; border-style: solid; border-width: 1px 0 0 1px; border-color: #7d7d7d; } #floating-links a { margin: 0 8px; color: #7d7d7d; text-decoration: none; font-size: 1.1em; } #floating-links a:hover { color: #fff; } #floating-links a.translate { background-image: url('_IMAGE_ROOT_URLicons/translate.png'); background-repeat: no-repeat; background-position: 2px 1px; padding-left: 20px; } #floating-links a.lookup { background-image: url('_IMAGE_ROOT_URLicons/lookup.png'); background-repeat: no-repeat; background-position: 2px 1px; padding-left: 20px; } #translate-results { position: fixed; display : none; z-index: 1000; right: 5px; bottom: 25px; width: 407px; height: 242px; background: url('_IMAGE_ROOT_URLbg/translate_bg.png') no-repeat; padding: 7px 10px 10px 10px; } #translate-results .close { position: absolute; z-index: 2000; right: 16px; top: 7px; width: 18px; height: 18px; } #translate-results .title { padding: 2px 0 6px 25px; background-image: url('_IMAGE_ROOT_URLicons/translate_big.png'); background-repeat: no-repeat; background-position: 2px 2px; margin-bottom: 5px; font-size: 1.2em; color: #7d7d7d; font-weight: bold; } #translate-results form { text-align: right; margin-right: 8px; } #translate-results form .text-area { width: 385px; height: 60px; background: #fff; color: #7d7d7d; padding: 5px; margin-bottom: 5px; } #translate-results #translate-result-text { margin-top: 5px; background: #fff; border: 1px Solid #7d7d7d; margin-left: 3px; width: 380px; padding: 8px; height: 75px; overflow-y: scroll; font-size: 1.1em; } #lookup-results { position: fixed; display : none; z-index: 999; right: 5px; bottom: 25px; width: 500px; height: 500px; background: url('_IMAGE_ROOT_URLbg/lookup_bg.png') no-repeat; } #lookup-results input { border: 1px Solid #0034AB; } #lookup-results .close { position: absolute; z-index: 2000; right: 25px; top: 7px; width: 18px; height: 18px; } #lookup-results .title { padding: 2px 0 6px 25px; background-image: url('_IMAGE_ROOT_URLicons/lookup_big.png'); background-repeat: no-repeat; background-position: 2px 2px; margin-bottom: 5px; font-size: 1.2em; color: #7d7d7d; font-weight: bold; position: absolute; left: 10px; top: 6px; } #lookup-results .gsc-control { margin-top: 45px; margin-left: 20px; width : 450px; } #lookup-results .gsc-control .gsc-branding-text { /*display: none;*/ } #lookup-results .gsc-control .gsc-branding-img { /*display: none;*/ } #lookup-results .gsc-control .gsc-tabsArea { position: relative; top: 6px; } #lookup-results .gsc-control .gsc-configLabelCell, #lookup-results .gsc-control .gsc-twiddleRegionCell { display : none; } #lookup-results .gsc-control .gsc-tabsArea .gsc-tabHeader { background: #fff; padding: 2px 14px 2px 14px; margin-right: 4px; display: block; float: left; border : 1px Solid #ddd; } #lookup-results .gsc-control .gsc-tabsArea .gsc-tabhActive { border-style: solid; border-color: #ddd; border-width: 1px 1px 0 1px; border-bottom: 1px Solid #fff; padding: 5px 20px; font-weight: bold; } #lookup-results .gsc-control .gsc-tabsArea .gsc-tabhInactive { margin-top: 6px; background: #efefef; } #lookup-results .search-control { } #lookup-results .gsc-results { padding: 10px; height: 330px; width: 430px; overflow-y : scroll; background: #fff; border: 1px Solid #ddd; } #lookup-results .gsc-results .gs-result { } /* END Floating Links, Translation Tools and Lookup Tools*/ #ajax-loading { position : fixed; right: 20px; top: 20px; background : #F0F0F0 url("_IMAGE_ROOT_URLicons/ajaxloading.gif") no-repeat center center; width: 40px; height: 40px; padding: 9px; z-index: 2000; border: 2px Solid #7d7d7d; display : none; } /* Wrapper for entire page content */ #whole-page-container, #footer .content, #copyright { position : relative; width : 990px; margin : auto; padding: 0px; } /* Between the header and the footer */ #page-content { /*overflow: auto;*/ } /* Left Column */ #left-col { position : relative; width : 220px; float : left; } /* Corners of left column */ #left-col .col-top-left, #left-col .col-top-right, #left-col .col-bottom-left, #left-col .col-bottom-right { display : none; } #left-col.maximized { } #left-col.minimized { width : 14px; left : 0px; } #left-col.minimized * { display : none; /* Hide all the content when it's minimized */ } #left-col.minimized .maximize-minimize { display : block; } #left-col .maximize-minimize { position : absolute; z-index : 3; right : 0px; top : 0px; width : 12px; height : 12px; cursor : pointer; filter : alpha(opacity=50); -moz-opacity : 0.50; opacity : 0.50; background-repeat: no-repeat; background-position: top right; } #left-col.maximized .maximize-minimize { top: 4px; right: 4px; } #left-col.minimized .maximize-minimize { } /* Right Column */ #right-col { margin-left : 225px; } #right-col.maximized { margin-left : 20px; } /* Links */ a { color : #003FFF; text-decoration : none; padding : 1px; cursor : pointer; } a:hover { text-decoration : underline; } /* Message for header of site */ #message-area { position : relative; padding :10px 0; font-weight : normal; text-align: center; font-weight: bold; border-width: 0 0 1px 0; border-style: solid; } /* General Form Definitions */ form { padding : 0px; margin: 0px; } /* Form Labels */ .form-label { padding-right: 25px; } /* Text Inputs */ .text-input, .text-input-error, .text-area { padding-left : 5px; border-style : solid; border-width : 1px; /*margin : 1px;*/ } /* On Focus */ .text-input:focus, .text-input-error:focus, text-area:focus { /* border-width : 2px; margin : 0px; */ } .text-input-error { background : #F47A7A; } .text-area { font-size : 1.0em; padding : 5px; } /* Select Box */ select { } /* Buttons */ .button { cursor : pointer; } /* Used in forms and other areas */ .group-heading { padding-bottom: 10px; } .group-spacer { padding-bottom: 10px; } /* Field Error, Field OK (verified) and Field Focused */ .form-status-field-error, .form-status-field-ok, .form-status-field-focused { background-repeat : no-repeat; background-position : left; padding : 2px 5px 2px 30px; } /* Search Box Forms */ .search-box { margin : 0; padding : 0; } .search-box .search-box-input { } .search-box .search-box-button { cursor : pointer; } /* Error Page */ .error-box-content { padding-right : 10px; } .error-title { padding : 5px; border-style: solid; border-color: #7d7d7d; border-width: 1px 0 1px 0; background : #FF9E9E; font-weight : bold; margin : 10px 0; } .error-description { } /* User Picture Display */ .profile-pic { border : 1px Solid #7d7d7d; } /* Tabs on My Profile Page */ #my-profile-tabs {} #my-profile-tabs ul { padding-left : 0px; } /* My Photo */ #my-profile-my-photo-box .photo-holder { overflow : hidden; position : relative; text-decoration : none; display : block; } #my-profile-my-photo-box .photo-holder .profile-pic { border-width: 0; } #my-profile-my-photo-box .photo-holder .show-view-profile { position : absolute; top : 0; left : 0; z-index : -1; filter : alpha(opacity=50); -moz-opacity : .50; opacity : .50; background : #fff; font-weight : bold; color : #000; } #my-profile-my-photo-box .photo-holder:hover .show-view-profile { z-index : 10; } /* Change My Photo Form */ #change-picture #file { width: 175px; } #avatar-list { text-align: center; height: 150px; overflow-y: scroll; } #avatar-list a:hover img { width: 75px; margin: 0px; } #avatar-list img { width: 55px; margin: 10px; } /* Forms in MyAccount */ #my-account form { margin-top: 20px; position: relative; } #my-account form .form-label { width: 150px; } #my-account form .text-input, #my-account form .text-input-error { width: 240px; } #my-account form .text-area { width: 420px; height: 80px; } #my-account form select { padding: 2px; background: #fff; } .buttons { position: absolute; right: 10px; top: -15px; padding: 0px 10px; z-index: 10; } /* News View Tabs */ #view-list-main-tabs-1 a, #view-list-tag-tabs-1 a { padding-left: 26px; background-repeat: no-repeat; background-position: 4px 2px; background-image: url('_IMAGE_ROOT_URLicons/mostrecent.gif'); } #view-list-main-tabs-0 a, #view-list-tag-tabs-0 a { padding-left: 26px; background-repeat: no-repeat; background-position: 4px 2px; background-image: url('_IMAGE_ROOT_URLicons/mostpopular.gif'); } #view-list-main-tabs-2 a { padding-left: 26px; background-repeat: no-repeat; background-position: 4px 2px; background-image: url('_IMAGE_ROOT_URLicons/mediaview.gif'); } #view-list-tag-tabs-2 a { padding-left: 26px; background-repeat: no-repeat; background-position: 4px 2px; background-image: url('_IMAGE_ROOT_URLicons/mostread.gif'); } /* My Profile Tabs */ #my-profile-tabs-tabs-0 a { padding-left: 26px; background-repeat: no-repeat; background-position: 4px 2px; } #my-profile-tabs-tabs-1 a { padding-left: 26px; background-repeat: no-repeat; background-position: 4px 2px; } #my-profile-tabs-tabs-2 a { padding-left: 26px; background-repeat: no-repeat; background-position: 4px 2px; } #my-profile-tabs-tabs-3 a { padding-left: 26px; background-repeat: no-repeat; background-position: 4px 2px; } #my-profile-tabs-tabs-4 a { padding-left: 26px; background-repeat: no-repeat; background-position: 4px 2px; } /* Theme Selection */ .theme-preview, .theme-preview-selected { border-style: Solid; border-width: 1px; border-color: #aaa; padding: 2px; cursor: pointer; } .theme-preview-selected { background: #F0FF8A; } .theme-preview .theme-preview-name, .theme-preview-selected .theme-preview-name { margin-top: 5px; font-size: 0.9em; text-align: center; } .theme-preview-selected .theme-preview-name { font-weight: bold; } .theme-preview img, .theme-preview-selected img { border: 1px Solid #efefef; } /* Comments */ #comment-history .comment, #user-history-search-results .comment, #user-activity-stream .comment { background-repeat: no-repeat; background-position: top left; font-size: .85em; padding-left: 24px; padding-top: 6px; padding-bottom: 6px; margin-top: 3px; } /* My Account - Account Settings */ .email-validated, .email-not-validated { background-color: #c4ffbf; } .email-not-validated { background-color: #ffcea2; } /* My Account - Share History */ #share-history .paging-container, #read-history .paging-container, #vote-history .paging-container, #comment-history .paging-container { margin-bottom: 10px; } #share-history ul li { list-style-type:none; margin-top: 14px; } #share-history ul li { background-repeat:no-repeat; background-position:0 0; padding-left: 20px; } #my-activity-content { position: relative; } #my-activity-menu { margin-bottom: 20px; position: relative; } #my-activity-menu ul { margin: 0; list-style-type: none; } #my-activity-menu ul li { display: inline; margin: 0; padding: 0; } #my-activity-menu ul li a { font-size: 0.95em; text-decoration: none; padding: 5px 10px; margin: 0; border-style: solid; border-width: 1px; border-color: #ddd; } #my-activity-menu ul li.selected a, #my-activity-menu ul li.selected a:hover { font-weight: bold; color: #000; background: #efefef; } #my-activity-menu ul li a:hover { background: #0063DC; color: #fff; } #my-activity-menu #search-activity-form { position: absolute; right: 0px; top: 0px; padding: 0; margin: 0; } #my-activity-menu #search-activity-form .search-box-input { } #my-activity-menu #search-activity-form .search-box-button { } /* MyAccount -- NewsDrops Management */ #newsdrop-cal-container { width: 710px; } #newsdrop-cal-title { margin: 10px 0; font-size:1.2em;c olor: #7d7d7d; font-weight:bold; } #newsdrop-cal-table td.newsdrop-cal-time { width:52px; text-align:right; color:#7d7d7d; font-weight:bold; font-size:.9em; } #newsdrop-cal-table td.newsdrop-cal-entry { width:94px; } #newsdrop-cal-body { background-image:url('_IMAGE_ROOT_URLbg/calendar_body_bg.jpg'); background-repeat:repeat-y; border-bottom: 1px Solid #7d7d7d; } /* HEADER */ #header { position: relative; margin-bottom: 10px; z-index : 3; } /* Corners of header */ #header .top-left, #header .top-right, #header .bottom-left, #header .bottom-right { display: none; } #header #sunmoon { display: none; position: absolute; } #header.minimized { } /* Header Logo */ #header #logo { position: absolute; z-index: 3; } /* Header Links - Maximized */ #header #header-links { position: absolute; } /* Header Links - Colors */ #header #header-links a { padding: 0 4px; } #header #header-links a:hover { text-decoration: underline; } #header.maximized #header-links #language-selection { display : inline; } #header.minimized #header-links #language-selection { display : none; } #header #header-links #language-selection { position: relative; height: 19px; } #header #header-links #language-selection select { } /* Minimized / Maximize Button */ #header .maximize-minimize { background-repeat: no-repeat; position: absolute; z-index: 3; right: 0px; top: 2px; width: 12px; height: 12px; cursor: pointer; } /* Site Search Box - Header */ #header #search-header-form { position: absolute; z-index: 3; } #header.maximized #search-header-form { } #header.minimized #search-header-form { } #header #search-header-form .search-box-input { } #header #search-header-form .search-box-button { } /* Login / Signup Form */ #login-form, #signup-form { padding: 10px 0 10px 5px; } /* Login / Signup Form Form Elements */ #login-form .text-input, #login-form .text-input-error, #signup-form .text-input, #signup-form .text-input-error{ width: 200px; } #login-form #login-error, #signup-form #signup-error { display: none; } /* Reset Password / Forgot user name forms */ #forgot-password-form, #forgot-username-form { margin-top: 10px; } #forgot-password-form .text-input, #forgot-password-form .text-input-error, #forgot-username-form .text-input, #forgot-username-form .text-input-error { width: 200px; } /* Used in viewItem.php to display item in detail */ .item-detail { padding: 20px 5px 25px 10px; } .item-detail-header { position: relative; } .item-detail-header .title { margin-right: 150px; } .item-detail-header .title a { } .item-detail-header .title a:hover { } .item-detail-header .source-image { width: 150px; height: 50px; overflow: hidden; position: absolute; right: 0; top: 0; text-align: right; vertical-align: top; z-index: 4; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } .item-detail-header .date { margin-top: 10px; } .item-detail-content { padding-top: 10px; overflow: auto; font-size: 1.2em; } .item-detail-content img { margin: 5px; } .item-detail-tags { margin : 15px 0; position: relative; overflow: auto; padding: 5px 0px; } .item-detail-tags a { text-decoration: none; } .item-detail-tags a:hover { text-decoration: none; } .item-detail-tags .title { padding: 3px 0; } .item-detail-tags .title a { margin-left: 5px; } .item-detail-tags .title .title-text { } .item-detail-tags #tag-item-form { display: inline; margin-left: 10px; display: none; } .item-detail-tags #tag-item-form .text-input { background: #fff; border: 1px Solid #3472CA; padding: 2px 0 2px 20px; background-position: 2px 2px; background-repeat: no-repeat; background-image: url("_IMAGE_ROOT_URLicons/tag.png"); width: 70px; } .item-detail-tags #tag-list { margin: 3px 0 0 0; padding: 5px 4px; border-style: solid; border-width: 1px 0 1px 0; overflow: auto; } .item-detail-tags #tag-list a { display: block; float: left; padding-right: 4px; margin-right: 4px; } .item-detail-tags #tag-list a:hover { } /* Item Comments - viewItem.php */ .item-comment { margin: 2px 0 10px 0; position: relative; } .item-comment .title { border-style: solid; border-width: 1px 0 0 0; padding: 4px 2px; overflow: auto; } .item-comment .title a { } .item-comment .profile-pic-holder { display: block; float: left; width: _AVATAR_THUMB_WIDTHpx; height: _AVATAR_THUMB_HEIGHTpx; overflow: hidden; border-style: solid; border-width: 1px; margin-right: 5px; } .item-comment .profile-pic-holder .profile-pic { border: 0; } .item-comment .content { background-repeat:no-repeat; background-position: top left; padding: 2px 0 10px 24px; margin: 5px; } .item-comment .flag-item { position: absolute; right: 5px; top: 4px; width: 20px; height: 24px; background-repeat: no-repeat; } /* Item Votes - viewItem.php */ #item-votes { text-align: center; position: relative; } #item-votes ul { margin: 0; padding: 0; } /* viewItem.php - Post Comment Form */ #post-comment { margin: 0px 0px 10px 0px; padding: 5px; border-style: solid; border-width: 1px; } #post-comment table { width: 100%; } #post-comment .left-column { width: 10px; text-align: center; vertical-align: top; } #post-comment .profile-pic-holder { width: _AVATAR_MEDIUM_THUMB_WIDTHpx; height: _AVATAR_MEDIUM_THUMB_HEIGHTpx; overflow: hidden; border-style: solid; border-width: 1px; } #post-comment .profile-pic-holder .profile-pic { border: none; } #post-comment .right-column { text-align: center; vertical-align: top; } #post-comment .text-area { width: 95%; } #post-comment .button { margin: 10px 0; padding: 0 10px; } #share-box {} #share-box ul { margin: 0; padding: 0; list-style-type: none; } #share-box ul li { margin: 0px 10px 5px 0px; } #share-box a { display: block; padding: 2px 6px; border-style: solid; border-width: 1px; text-decoration: none; } #share-box a:hover { } /* viewItem.php - Send Item via Email Box */ #send-item { text-align: right; padding-right: 10px; } #send-item .text-input { width: 160px; background-image : url('_IMAGE_ROOT_URLshare/email.gif'); background-repeat : no-repeat; background-position:3px 2px; padding: 4px 0 4px 22px; } #send-item .button { margin-top: 4px; } #send-item-result { display: none; margin: 10px 0; padding: 4px 0; text-align: center; } #send-item-result .error { } #send-item-result .success { } /* Index.php & Search.php - Main News Display (Anywhere where news items are printed in full form */ #category-list-1 ul, #category-list-member-1 ul { padding-left: 0; } #category-list-1 li a .customize { display: none; } a#tour-link {font-weight: bold;} #doc-body-content.edit-state #category-list-member-1 li a:hover .customize, #doc-body-content.edit-state #category-list-member-0 li a:hover .customize, #my-news-topics-content li a:hover .customize{ display: block; position: absolute; width: 16px; height: 16px; top: -6px; right: -5px; z-index: 10; background: url("_IMAGE_ROOT_URLicons/delete.gif") no-repeat; } #tab-my-saves { /*display: none;*/ } #right-col.maximized #tab-my-saves { /*display: block;*/ } #main-news-display, #news-search-results { background: #fff; } #main-news-display-container { } /* Cover Story */ .cover-story { overflow: auto; padding: 10px; margin-right: 20px; margin-bottom: 20px; position: relative; } .cover-story .image-holder { float: left; display: block; border-style: solid; border-width: 1px; padding: 5px; margin-right: 10px; margin-bottom: 6px; } .cover-story .image-holder .cover-story-image { } .cover-story .cover-story-title { text-align: justify; /*margin-right: 130px;*/ margin-right: 0px; } .cover-story .cover-story-date { display: none; margin-top: 8px; } .cover-story .cover-story-content { margin-top: 8px; text-align: justify; /*margin-right: 130px;*/ margin-right: 0px; } .cover-story .news-item-actions { display: none; position: absolute; right: 0px; top: 0px; padding: 5px 0 5px 10px; margin: 0px; border-style: solid; border-width: 0 0 1px 1px; } .cover-story .news-item-actions a { display: block; padding: 5px 0 5px 25px; background-repeat: no-repeat; background-position: left; } .cover-story .news-item-actions a:hover { } #main-news-display { padding: 0px 10px; position: relative; } .news-view-options { position: absolute; z-index: 10; right: 10px; top: 0px; } .news-view-options a{ margin-left: 10px; padding: 0px 1px 2px 1px; } .news-view-options .lang-select { font-size: .9em; height: 16px; padding: 1px 25px 4px 8px; position: relative; margin-left: 10px; background-repeat: repeat-x; display: inline; } .news-view-options .lang-select select { height: 14px; padding: 0px; font-size: 1.1em; position: absolute; right: 0; top: 0; z-index: 5; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; } .news-view-options .lang-select .lang-select-left { height: 16px; width: 6px; position: absolute; top: 0; left: 0; background-repeat: no-repeat; } .news-view-options .lang-select .lang-select-right { height: 16px; width: 19px; position: absolute; top: 0; right: 0; background-repeat: no-repeat; } .news-view-options .rss-output { background-repeat: no-repeat; } .news-view-options .rss-output img { height: 16px; width: 16px; } .news-view-options .auto-add-topic { background: url('_IMAGE_ROOT_URLicons/mysearchesadd.gif') no-repeat; } .news-view-options .auto-add-topic img { width: 16px; height: 16px; } .news-view-options .newsdrop-add { background: url('_IMAGE_ROOT_URLicons/newsdrop_add.gif') no-repeat; } .news-view-options .newsdrop-modify { background: url('_IMAGE_ROOT_URLicons/newsdrop_modify.gif') no-repeat; } .news-view-options .newsdrop-add img, .news-view-options .newsdrop-modify img { width: 77px; height: 16px; } .news-view-options .news-view { background-repeat: no-repeat; } #main-news-display.list-view .news-view-options .news-view { background-position: top; } #main-news-display.full-view .news-view-options .news-view { background-position: bottom; } #main-news-display .news-view-options .news-view img { height: 16px; width: 39px; } #main-news-display-content { padding: 10px 10px; } /* #main-news-display.list-view .news-item-content, #main-news-display.list-view .news-item-date { display: none; } #main-news-display.list-view .showhide-override .news-item-content, #main-news-display.list-view .showhide-override .news-item-date { display: block; } #main-news-display.full-view .news-item-content, #main-news-display.full-view .news-item-date { display: block; } #main-news-display.full-view .showhide-override .news-item-content, #main-news-display.full-view .showhide-override .news-item-date { display: none; } */ #main-news-display.list-view .news-item-content { display: none; } #main-news-display.list-view .showhide-override .news-item-content { display: block; } #main-news-display.full-view .news-item-content { display: block; } #main-news-display.full-view .showhide-override .news-item-content { display: none; } /* Display of each news item */ .news-item{ padding: 5px 10px; position: relative; margin-bottom: 15px; } .news-item .toggle { position: absolute; right: 0px; top: 2px; z-index: 11; background-repeat: no-repeat; width: 16px; height: 16px; cursor: pointer; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } /* Corners of newsitem */ .news-item .top-left, .news-item .top-right, .news-item .bottom-left, .news-item .bottom-right { display : none; position : absolute; z-index : 10; } .news-item .top-left { top: -1px; left: -1px; background-position: top left; } .news-item .top-right { top: -1px; right: -1px; background-position: top right; } .news-item .bottom-left { bottom: -1px; left: -1px; background-position: bottom left; } .news-item .bottom-right { bottom: -1px; right: -1px; background-position: bottom right; } .news-item .news-item-title { padding: 4px 0; } .news-item .news-item-date { } .news-item .news-item-feed { display: none; } .news-item .news-item-content { padding: 12px 10px 10px 0; overflow: auto; text-align: justify; } .news-item .news-item-content img { margin: 5px; } .news-item .news-item-actions { overflow: auto; border-style: solid; border-width: 1px 0 0 0; margin-top: 10px; } .news-item .news-item-actions a, #mediaview-actions a{ display: block; float: left; padding: 5px 0 5px 25px; margin-right: 15px; background-repeat: no-repeat; background-position: left; } .news-item .news-item-actions a:hover { } .news-item .news-item-actions .action-comments, .cover-story .news-item-actions .action-comments { background-image: url("_IMAGE_ROOT_URLicons/textbubble.gif"); } .news-item .news-item-actions .action-votes, .cover-story .news-item-actions .action-votes { background-image: url("_IMAGE_ROOT_URLicons/vote.gif"); } .news-item .news-item-actions .action-reads, .cover-story .news-item-actions .action-reads { background-image: url("_IMAGE_ROOT_URLicons/read.gif"); } .news-item .news-item-actions .action-shares, .cover-story .news-item-actions .action-shares { background-image: url("_IMAGE_ROOT_URLicons/share.gif"); } .news-item .news-item-actions .action-save, .cover-story .news-item-actions .action-save, #mediaview-actions .action-save { float: right; background-image: url("_IMAGE_ROOT_URLicons/saveadd.gif"); padding: 5px 25px 5px 0px; background-position: right; margin-right: 5px; } .news-item .news-item-actions .action-saved, .cover-story .news-item-actions .action-saved, #mediaview-actions .action-saved { float: right; background-image: url("_IMAGE_ROOT_URLicons/saved.gif"); padding: 5px 25px 5px 0px; background-position: right; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; margin-right: 5px; } .news-item .news-item-actions .action-delete-save, .cover-story .news-item-actions .action-delete-save { float: right; background-image: url("_IMAGE_ROOT_URLicons/deletesave.gif"); padding: 5px 25px 5px 0px; background-position: right; margin-right: 5px; } .news-item .inline-comments, .news-item .inline-votes { padding: 5px 5px 0 5px; border-style: solid; border-width: 1px; } .news-item .inline-votes { display: none; } .news-item .inline-comments { } .news-item .inline-comments .title .profile-pic-holder { display: none;} .news-item .inline-comments .title .comment-by { display: none;} .news-item .inline-comments .flag-item {display: none;} .news-item .inline-comments .content {padding-bottom: 0px;} .news-item .inline-votes { } .news-item .inline-comments .item-comment .title { background: #FDFDAA; border-color: #FDFDAA; } /* MediaView Actions */ #mediaview-actions { margin: 10px 0; height: 26px; padding: 3px; background: #f8f8f8; border: 1px Solid #efefef; } /* Add Content Tab and Page */ #tab-add-content { } #tab-add-content .customize { display: none; } #doc-body-content .customize { display: none; } #doc-body-content.edit-state .customize { display: none; } #edit-mode-what-is { float: left; width: 300px; } .add-content-box { width: 200px; margin-left: 20px; float: left; } .add-content-box .add-content-item { font-size: 1.1em; padding-left: 20px; background: url('_IMAGE_ROOT_URLicons/addcontent.gif') no-repeat left center; margin: 2px 0; } /* MySearches (MyTopics) Page */ #my-news-topics-content { padding-top: 10px; } /* Form */ #add-my-topic { } #add-my-topic #add-topic-text-input { width: 140px; } #add-my-topic #my-topic-submit { width: 53px; height: 26px; background: url('_IMAGE_ROOT_URLbg/addtopic_button_bg.gif') no-repeat; border: 0; } #my-news-topics-content a:hover .customize { display: block; } /* Search.php - Search Box Form */ #search-main-form { position: relative; width: 180px; text-align: right; line-height: 25px; } #search-main-form .search-box-input { } #search-main-form .search-box-button { } /* Highlighted Search Term */ .highlight { border-style: solid; border-width: 0 0 2px 0; border-color: #F8FD76; } /* Search Results Tab List Container */ #search-results { margin-top: 20px; } /* Search Results Result Container - for each tab */ .search-results-content { padding: 20px 0 0 10px; background: #fff; } /* viewUser.php - Profile Page & user.php - View User page*/ #user-page-content { padding-top: 10px; } #user-page-content #user-page-left-col { position: relative; float : left; width : 420px; margin-left: 10px; padding-right: 10px; } #user-page-content #user-page-left-col .profile-joined, #user-page-content #user-page-left-col .profile-name, #user-page-content #user-page-left-col .profile-location, #user-page-content #user-page-left-col .profile-blurb { position: relative; height: 30px; padding: 50px 10px 30px 100px; margin-bottom: 10px; border-style: solid; border-width: 0 0 2px 0; border-color: #ddd; text-align: center; background-repeat: no-repeat; background-position: left center; } #user-page-content #user-page-left-col .flag-item { position: absolute; right: 0px; top: 4px; width: 20px; height: 24px; background-repeat: no-repeat; z-index: 10; } #user-page-content #user-page-left-col .profile-joined { background-image: url("_IMAGE_ROOT_URLicons/joined.gif"); } #user-page-content #user-page-left-col .profile-name { background-image: url("_IMAGE_ROOT_URLicons/aka.gif"); } #user-page-content #user-page-left-col .profile-location { background-image: url("_IMAGE_ROOT_URLicons/house.gif"); } #user-page-content #user-page-left-col .profile-location #country-flag { display: none; position: absolute; left: 10px; top:90px; z-index: 3; } #user-page-content #user-page-left-col .profile-blurb { background-image: url("_IMAGE_ROOT_URLicons/blurb.gif"); } #user-page-content #user-page-right-col { position: relative; margin-left: 445px; } /* Lists */ ul { margin: 10px 0 0 0; padding: 0 0 20px 0; } ul.bulleted li{ list-style-type:none; padding-left:24px; margin: 6px 0 0 2px; } ul.yellow li, li.yellow, ul.vote li, li.vote, ul.book li, li.book, ul.glasses li, li.glasses, ul.thumbsup li, li.thumbsup, ul.pencil li, li.pencil, ul.profile li, li.profile, ul.saved li, li.saved { background-repeat:no-repeat; background-position:0 4px; list-style-type:none; } /* Display for opening links in a new window */ .external-link { background-repeat: no-repeat; background-position: left; width: 10px; height: 10px; text-decoration: none; font-size: 14px; } /* Message bars */ .infobar { padding: 3px; border-style: Solid; border-width: 1px 0 1px 0; } .success-message { margin: 20px 0; padding: 10px 40px; border-style: solid; border-width: 1px 0 1px 0; text-align: center; background-repeat: no-repeat; background-position: 5px center; font-size: 14px; position: relative; } .success-message .close-box { position: absolute; background-repeat: no-repeat; right: -6px; top: -6px; z-index: 1000; } .success-message .close-box img { width: 20px; height: 20px; } .bold { font-weight: bold; } .notice { height: 60px; padding: 30px 10px 10px 10px; border-style: solid; border-width: 1px; text-align: center; background-repeat: no-repeat; background-position: center center; font-size: 14px; } /* Category Display - Index Page*/ .category-level-list { font-size: 1.0em; margin-right: 10px; } .category-level-list ul {margin: 0; padding: 0;} .category-level-list li { list-style-type: none; position: relative; padding-left: 6px;} .category-level-list li a { width: 100%; padding: 3px 2px; height: 14px; text-decoration: none; display: block; border: 1px Solid transparent; } .category-level-list li img.minmax { position: absolute; left: -8px; top: 5px; } .category-level-list li a .flag { margin-right: 6px; width: 16px; margin-bottom: 2px; vertical-align: middle; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } .category-level-list li a:hover .flag { filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90; } .category-level-list li a.selected .flag { width: 20px; margin-right: 2px; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; } .category-level-list li a:hover { text-decoration: none; background-repeat: repeat-x; border-style: solid; border-width: 1px; } .category-level-list li ul { display: none; margin: 5px 0 5px 10px;} .category-level-list li.expanded ul { display: block;} .category-level-list li a { font-weight: normal; } .category-level-list li a.selected { background-repeat: repeat-x; border-style: solid; border-width: 1px; font-weight: bold; } /* User Display */ .user-list { overflow: auto; } .user-list li { display:inline; list-style-type:none; position: relative; } .user-list li a.user-icon { border-style: solid; border-width: 1px; text-decoration: none; margin: 0 15px 15px 0; display: block; float: left; text-align: center; position: relative; overflow: hidden; } .user-list li a.user-icon:hover { } .user-list li a.user-icon:hover .profile-pic-holder .name { filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; } .user-list li a.user-icon .profile-pic-holder { background-color: #fff; overflow: hidden; position: relative; } .user-list li a.user-icon .profile-pic { } .user-list li a.user-icon .profile-pic-holder .name { position: absolute; z-index: 5; bottom: 1px; left: 1px; text-align: center; font-size: .9em; filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; padding: 2px 0; } /* Paging */ .paging-container { position: relative; text-align: center; padding: 5px; } .paging-container a, .paging-container .fake-link { padding: 5px; text-decoration: none; border-style: solid; border-width: 1px; } .paging-container fake-link { } .paging-container a:hover { text-decoration : none; } .paging-container .paging-pages { margin: 0 10px } .paging-container .paging-pages select { border-style: solid; border-width: 1px; padding: 3px; } .paging-container .page-number-status { display: none; } /* Tag Cloud */ .tag-cloud { text-align: center; } .tag-cloud ul { list-style-type: none; padding: 0;; margin: 0; line-height: 18px; } .tag-cloud ul li { display: inline; margin: 0; } .tag-cloud ul li a { text-decoration: none; } /* tags.php */ #news-items-by-tag { padding: 20px 10px 10px 10px; } #news-items-by-tag .tag-cloud ul { line-height: 24px; } /* Breadcrumbs */ .breadcrumbs { position: relative; background-repeat: repeat-x; } /* Corners of breadcrumbs */ .breadcrumbs .top-left, .breadcrumbs .top-right, .breadcrumbs .bottom-left, .breadcrumbs .bottom-right { display : none; position : absolute; z-index : 10; } .breadcrumbs .top-left { top: -1px; left: -1px; background-position: top left; } .breadcrumbs .top-right { top: -1px; right: -1px; background-position: top right; } .breadcrumbs .bottom-left { bottom: -1px; left: -1px; background-position: bottom left; } .breadcrumbs .bottom-right { bottom: -1px; right: -1px; background-position: bottom right; } .breadcrumbs ul { list-style-type: none; margin: 0px; padding-left: 0px; position: absolute; } .breadcrumbs ul li { display: inline; } .breadcrumbs ul li a { } .breadcrumbs .buttons { position: absolute; } .breadcrumbs .buttons a { margin-left: 10px; display: block; float: left; text-decoration: none; } .breadcrumbs .buttons a.bread-crumb-button { background-repeat: repeat-x; } .breadcrumbs .buttons a.bread-crumb-button:hover { } /* Alert Windows */ .alert-box-content { overflow: auto; line-height: 14px; padding: 10px; } .alert-box-content .alert-box-content-description { width: 100%; padding-bottom: 30px; } .alert-box-content form { } .alert-box-content .text-area { width: 90%; height: 60px; } .alert-box-content form .button-row { text-align: center; margin-top: 10px; } /* Grey Text */ .grey-text { color: #7d7d7d; } /* viewFeed.php Feed List Items */ .feed-list { overflow: auto; } .feed-list li { display:inline; list-style-type:none; position: relative; } .feed-list li a.feed-list-item { height: 20px; width: _MAX_FEED_LOGO_WIDTHpx; text-decoration: none; margin: 0 15px 15px 0; display: block; float: left; text-align: center; position: relative; overflow: hidden; border-style: solid; border-width: 1px; padding-top: 10px; } .feed-list li a.feed-list-item:hover { border-style: solid; border-width: 1px; } .feed-list li a.feed-list-item .feed-image-holder { height: _MAX_FEED_LOGO_HEIGHTpx; } .feed-list li a.feed-list-item .feed-name { position: absolute; padding: 4px 0 2px 0; text-align: center; font-size: .9em; display: block; bottom: 0px; left: 0px; width: _MAX_FEED_LOGO_WIDTHpx; height: 14px; } .feed-list li a.feed-list-item:hover .feed-name { } .feed-detail { height: 85px; width: 770px; background-repeat : no-repeat; position: relative; margin-bottom: 20px; } .feed-detail .feed-detail-title { text-align: center; font-size: 1.4em; padding-top: 10px; font-weight: bold; } .feed-detail .feed-detail-title a { text-decoration: none; } .feed-detail .feed-detail-image { position: absolute; right: 5px; bottom: 9px; border-style: solid; border-width: 0px; filter : alpha(opacity=20); -moz-opacity : 0.2; opacity : 0.2; } .feed-detail .feed-detail-image img { } .feed-detail .feed-detail-description { text-align: center; padding: 10px 100px; } /* Footer */ #footer { clear:both; padding-bottom: 25px; } #footer a { } #footer a:hover { } #footer .fade-out { margin: 0; padding: 0; } #footer .content-wrapper { margin: 0; padding: 0; } #footer .content-wrapper .content { position: relative; padding: 30px 0 10px 0; } #footer .content-wrapper .content .online-now-content { position: relative; float: left; width: 50%; text-align: center; } #footer #no-one-connected { } #footer .content-wrapper .content .online-now-content .user-list { padding: 2px; } #footer .content-wrapper .content .online-now-content .user-list li a.user-icon { margin: 0 5px 5px 0; } #footer .content-wrapper .content .online-now-content .user-list li a.user-icon .name{ font-size: 0.7em; } #footer .content-wrapper .content .online-now-title { margin-bottom: 20px; } #footer .content-wrapper .content .online-now-count { margin-top: 10px; } #footer .content-wrapper .content #copyright { padding-top: 10px; text-align: center; font-size: 1em; padding-bottom: 0; clear: both; } #footer .content-wrapper .content #footer-links { text-align: center; padding-top: 60px; } #footer .content-wrapper .content #footer-links #language-selection { display: inline; } #footer .content-wrapper .content #footer-links #language-selection select { font-size: .8em; } #footer .most-popular { margin-left: 50%; border-left: 1px Dotted #7d7d7d; padding-left: 10px; text-align: center; } #footer .most-popular .title { margin-bottom: 20px; } #footer .most-popular .tag-cloud { text-align: center; } /* Help Section */ .help-section-title { font-size: 1.2em; font-weight: bold; color: #217321; margin-top: 20px; } .help-section-content { padding: 15px 0 0 15px; } #feedback-form { } #feedback-form .text-area { width: 500px; height: 200px; } #feedback-form .submit { margin-top: 10px; } #tour-header { width: 100%; } #tour-header .tour-option a, #tour-header .tour-option-selected a { padding-left: 5px; } #tour-header .tour-option { background: #efefef; border-bottom: 2px Solid #ddd; } #tour-header .tour-option a { color: #5175c9; } #tour-header .tour-option-selected { background: #fff; } #tour-header .tour-option-selected a { color: #000; font-weight: bold; font-size: 1.2em; } #tour-header .tour-option-number { font-size: 18px; font-weight: bold; color: #8ed2f5; } #tour-footer { text-align: center; position: relative; height: 100px; margin-top: 20px; border-top: 1px Solid #efefef; } #tour-footer a:hover { text-decoration: none; color: #8ed2f5; } #tour-previous-step { position: absolute; left: 0; bottom: 30px; font-size: 14px; /* color: #5175c9; padding: 10px 5px 10px 36px; background: url('_IMAGE_ROOT_URLbg/bg_arr_left.gif') no-repeat left center; */ color: #7d7d7d; padding: 15px 0px 15px 30px; text-align: center; font-weight: bold; width: 150px; background: url('_IMAGE_ROOT_URLbg/bg_tour_button_prev.gif') no-repeat; } #tour-next-step { position: absolute; right: 0; bottom: 30px; font-size: 14px; /* color: #5175c9; padding: 10px 36px 10px 5px; background: url('_IMAGE_ROOT_URLbg/bg_arr_right.gif') no-repeat right center; */ color: #7d7d7d; padding: 15px 30px 15px 0; text-align: center; font-weight: bold; width: 150px; background: url('_IMAGE_ROOT_URLbg/bg_tour_button_next.gif') no-repeat; } #sign-up-now { color: #5175c9; font-size: 22px; font-weight: bold; background: url('_IMAGE_ROOT_URLbg/signupnow.gif') no-repeat; text-align: center; width: 271px; display: block; padding: 22px 0; text-decoration: none; margin-bottom: 20px; } #sign-up-now:hover { text-decoration: none; color: #8ed2f5; } #tour-step-content { width: 900px; text-align: left; margin-top: 40px; position: relative; } #tour-step-content-title { font-size: 20px; font-weight: bold; color: #8ed2f5; margin: 0 0 15px 0; } #tour-step-content-subtitle { font-size: 16px; color: #7d7d7d; font-weight: bold; } .tour-step-content-box { position: absolute; z-index: 10; } /* Whats Hot Stuff */ #whats-hot-holder { padding-top: 10px; } #whats-hot { } #whats-hot ul { margin:0;padding:0;list-style:none;font-size:1em;font-weight:normal;line-height:12px;color:#c4c4c4;} #whats-hot ul li {height:24px;margin:0;position:relative;padding:0;border-bottom:1px solid #e6e6e6;overflow:hidden;} #whats-hot ul li a {height:12px;display:block;padding:6px 0 6px 30px;text-decoration:none;} #whats-hot ul li b {position:absolute;top:6px;left:6px;} #whats-hot table { width: 100%; } #whats-hot table td {text-align: center; border-style: solid; border-color: #d7d7d7; border-width: 1px 1px 0 1px; padding: 4px 0;} /* hover */ #whats-hot ul li a:hover {background:#FEFDE8; color: #873131;} /* Image Search results */ .search-result-image, .search-result-image:hover { text-decoration: none; } .search-result-image img { border-style: solid; border-width: 1px; padding: 5px; margin-right: 10px; margin-bottom: 6px; background-color: #efefef; border-color: #cacaca; } .search-result-image:hover img { background-color: #F6AEA0; border-color: #cacaca; }