/* Theme Name: Coelum5d Description: Tema del sito web Coelum Astronomia Author: Gabriele Marini Version: 1.0 . General comments/License Statement if any. Tags: coelum, astronomia, buddypress . */ body { background: #333333 url('images/main-bg.png') top left; margin: 0px; border: 0px; font-family: Tahoma, Arial, Sans-Serif; font-size: 10pt; color: #191919; behavior: url('csshover3.htc'); /* per hover in IE6 */ } /* -- Reset Lists -- */ ol, ul, li { list-style-type: none; } /* Elimina punti dalle liste */ ul { padding-left: 5px; margin: 0px; } ul.normal li, ol.normal li { display: list-item; } ul.normal, ol.normal { margin: 1.12em 0; margin-left: 30px; } ul.normal ul.normal, ul.normal ol.normal, ol.normal ul.normal, ol.normal ol.normal { margin-top: 0px; margin-bottom: 0px; } ol.normal, ol.normal li { list-style-type: decimal; } ul.normal, ul.normal li { list-style-type: circle; } ol.alpha li { list-style-type: lower-alpha; } /* -- Struttura -- */ #top-bar { width: 100%; height: 35px; background-color: #000000; color: #D4D4D4; border-bottom: 1px solid #4B4B4B; } #top-bar a.facebook { background: url('images/icons/facebook_24x24.png') 0 0 no-repeat; width: 24px; height: 24px; display: block; float: left; margin-top: 6px; margin-right: 4px; } #top-bar a.twitter { background: url('images/icons/twitter_24x24.png') 0 0 no-repeat; width: 24px; height: 24px; display: block; float: left; margin-top: 6px; margin-right: 4px; } #top-bar a.rss { background: url('images/icons/rss_24x24.png') 0 0 no-repeat; width: 24px; height: 24px; display: block; float: left; margin-top: 6px; margin-right: 4px; } #wp-admin-bar a.facebook { background: url('images/icons/facebook_24x24.png') 0 0 no-repeat; width: 24px; height: 24px; display: block; float: left; margin-top: 6px; margin-right: 4px; } #wp-admin-bar a.twitter { background: url('images/icons/twitter_24x24.png') 0 0 no-repeat; width: 24px; height: 24px; display: block; float: left; margin-top: 6px; } #wp-admin-bar a.rss { background: url('images/icons/rss_24x24.png') 0 0 no-repeat; width: 24px; height: 24px; display: block; float: left; margin-top: 6px; margin-right: 4px; } #alternate-bg { display: none; position: relative; width: 1000px; height: 0px; margin: 0 auto 0 auto; } #alternate-bg img { position: absolute; left: -350px; z-index: -2;} #body-container { width: 1000px; margin: 0 auto 30px auto; } #header { height: 90px; margin-bottom: 30px; background-color: #E2E2E2; overflow: hidden; box-shadow: 0 4px 8px #000000; -moz-box-shadow: 0 4px 8px #000000; -webkit-box-shadow: 0 4px 8px #000000; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-radius-top-left: 0px; -webkit-border-radius-top-right: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } /*#header { height: 90px; margin-bottom: 30px; background-color: #E2E2E2; overflow: hidden; box-shadow: 0 4px 10px #6D6D6D; -moz-box-shadow: 0 4px 10px #6D6D6D; -webkit-box-shadow: 0 4px 10px #6D6D6D; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -webkit-border-radius-top-left: 0px; -webkit-border-radius-top-right: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; }*/ #header #main-title { width: 300px; height: 90px; background: #B40000 url('images/main.png') top left no-repeat; float: left; } #header #main-title a { width: 300px; height: 90px; display: block; } #header #main-title h1 { position: absolute; z-index: -10; } #header #right-container { height: 90px; width: 700px; float: left; } #header #flash-news { height: 22px; line-height: 22px; font-size: 9pt; font-weight: bold; padding: 0 10px 0 10px; border-top: 2px solid #FFFFFF; background-color: #F2F2F2; } #homepage #body { background: #FFFFFF url('images/commons/body-left_bg.png') top left repeat-y; box-shadow: 0 5px 15px #000000; -moz-box-shadow: 0 5px 15px #000000; -webkit-box-shadow: 0 5px 15px #000000; } #page #body { background-color: #FFFFFF; box-shadow: 0 5px 15px #000000; -moz-box-shadow: 0 5px 15px #000000; -webkit-box-shadow: 0 5px 15px #000000; } #page #top-body { border-bottom: 1px solid #FFFFFF; } /* -- Colonna di Sinistra -- */ #homepage #body-left { width: 196px; background: #E2E2E2 url('images/commons/body-left_bg.png') top left repeat-y; float: left; } #page #body-left { width: 196px; height: 114px; overflow: hidden; background: #E2E2E2 url('images/commons/body-left_bg.png') top left repeat-y; float: left; } /* -- Contenuti Colonna Sinistra -- */ #numero-in-edicola { position: relative; margin-bottom: 10px; } #numero-in-edicola #floating-focus { position: absolute; top: 65px; left: 4px; display: none; width: 685px; height: 430px; overflow: hidden; background: url('images/commons/numeroedicola_focus_bg.gif') top left no-repeat; z-index: 10;} #numero-in-edicola #floating-focus #content { height: 430px; width: 455px; padding: 10px 15px 15px 215px; overflow: hidden; position: relative; } #numero-in-edicola #floating-focus #ripetitore_copertina { width: 162px; height: 232px; display: block; position: absolute; top: 13px; left: 12px; } #numero-in-edicola #copertina { z-index: 10; padding: 2px 0 5px 8px; } #numero-in-edicola .data_numero { margin: 6px 0 6px 0; text-align: center; font-weight: bold; font-size: 11pt; color: #154B7E; text-shadow: #C0C0C0 1px 1px 1px; } #numero-in-edicola .titolo { width: 196px; height: 38px; background: #515151 url('images/commons/body-left_titles.png') 0 0 no-repeat; } #numero-in-edicola .titolo a { display: block; width: 196px; height: 38px; } #numero-in-edicola .titolo a span { position: absolute; z-index: -10; } #numero-in-edicola .copertina { width: 162px; height: 232px; padding: 8px 0 0 8px; } #numero-in-edicola #preview-articoli { width: 176px; height: 70px; overflow: hidden; font-weight: bold; font-family: Tahoma, Arial, sans-serif; font-size: 8pt; border: 1px solid #CBCBCB; margin: 8px 0 8px 8px; background-color: #F8F8F8; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #numero-in-edicola #preview-articoli div { text-align: center; padding: 5px; } #numero-in-edicola #menu { font-size: 9pt; width: 176px; margin-left: 7px; margin-top: 4px; } #numero-in-edicola .magazine_cover_articles ul { margin-left: 10px; } #numero-in-edicola .magazine_cover_articles ul li { list-style-type: square !important; margin-bottom: 6px; } #photo-coelum { margin-bottom: 10px; } #photo-coelum .titolo { width: 196px; height: 38px; background: #515151 url('images/commons/body-left_titles.png') 0 -38px no-repeat; margin-bottom: 8px; } #photo-coelum .titolo a { display: block; width: 196px; height: 38px; } #photo-coelum .titolo a span { position: absolute; z-index: -10; } #photo-coelum #pc-immagine{ padding: 0 0 5px 12px; } #photo-coelum .photocoelum-preview-150{ width: 150px; height: 112px; padding: 8px 0 0 8px; } #photo-coelum #info { width: 176px; text-align: center; margin-left: 7px; padding: 3px; } #coelum-stream { margin-bottom: 10px; } #coelum-stream .titolo { width: 196px; height: 38px; background: #515151 url('images/commons/body-left_titles.png') 0 -76px no-repeat; margin-bottom: 8px; } #coelum-stream .titolo a { display: block; width: 196px; height: 38px; } #coelum-stream .titolo a span { position: absolute; z-index: -10; } #coelum-stream #immagine{ padding: 0 0 5px 12px; } #coelum-stream .coelumstream-preview-150{ width: 150px; height: 112px; padding: 8px 0 0 8px; } #coelum-stream #info { width: 176px; text-align: center; margin-left: 7px; padding: 3px; } #apod { margin-bottom: 10px; } #apod .titolo { width: 196px; height: 38px; background: #515151 url('images/commons/body-left_titles.png') 0 -190px no-repeat; margin-bottom: 8px; } #apod .titolo a { display: block; width: 196px; height: 38px; } #apod .titolo a span { position: absolute; z-index: -10; } #apod #immagine{ padding: 0 0 5px 12px; } #apod .apod-preview-150{ width: 150px; height: 112px; padding: 8px 0 0 8px; } #apod #info { width: 176px; text-align: center; margin-left: 7px; padding: 3px; } #coelum-viaggi { margin-bottom: 10px; } #coelum-viaggi .titolo { width: 196px; height: 38px; background: #515151 url('images/commons/body-left_titles.png') 0 -152px no-repeat; margin-bottom: 8px; } #coelum-viaggi .titolo a { display: block; width: 196px; height: 38px; } #coelum-viaggi .titolo a span { position: absolute; z-index: -10; } #coelum-viaggi #cv-immagine { padding: 0 0 5px 12px; } #coelum-viaggi #cv-immagine img { width: 150px; height: 112px; padding: 8px 0 0 8px; } #coelum-viaggi #info { width: 176px; text-align: center; margin-left: 7px; padding: 3px; } #links-sponsorizzati { margin-bottom: 10px; } #links-sponsorizzati .titolo { width: 196px; height: 38px; background: #515151 url('images/commons/body-left_titles.png') 0 -114px no-repeat; margin-bottom: 8px; } #homepage #page-body { width: 804px; float: left; } #page #page-body { width: 1000px; background: #FFFFFF url('images/commons/sidebar-bg.gif') 680px 0 repeat-y; } #sup-space { display: none; } /* -- Colonna di Destra -- */ #homepage #body-right { width: 306px; float: right; position: relative; overflow: hidden; } #homepage #body-right-margin { margin: 10px 6px 10px 0; } #page #body-right { width: 320px; float: right; position: relative; overflow: hidden; background: #FFFFFF url('images/commons/sidebar-bg.gif') top left repeat-y; } #page #body-right-margin { margin: 10px 10px 10px 10px; } #rb-top { width: 300px; margin-bottom: 15px; } /* -- Main Content -- */ /* For Pages */ #content { padding: 10px 20px 20px 20px; margin-right: 320px; clear: left; } #page-header { height: 65px; padding: 10px; background: #5A5A5A url('images/commons/page-header-bg.gif') top left repeat-x; border-bottom: 1px solid #000000; } /* --- Generici --- */ /* -- Pagina -- */ .page_content-header { background-color: #F8F8F8; color: #000000; margin-bottom: 15px; margin-right: 320px; padding: 15px; border-bottom: 1px solid #E2E2E2; border-top: 1px solid #E0E0E0; } .page_content-rating { margin-bottom: 6px; } .page_content-main_title { color: #000000; margin-bottom: 8px; } .page_content-sub_title { color: #000000; margin-bottom: 8px; } .page_content-authors { color: #000000; font-size: 12pt; } .page_content-top_toolbar { margin: 4px 330px 10px 10px; } .page_content-intro { font-size: 11pt; } .page_content-date_text { } .page_content-date_box { overflow: hidden; width: 50px; height: 70px; text-align: center; padding: 1px; border: 1px solid #515151; font-family: Verdana, Arial, Tahoma, sans-serif; background-color: #FFFFFF; } .page_content-date_box-right_margin { margin-left: 70px; } .page_content-date_box .data-giorno { font-size: 18pt; line-height: 30px; font-weight: bold; color: #000000; } .page_content-date_box .data-mese { font-size: 10pt; line-height: 20px; height: 20px; font-weight: bold; color: #FFFFFF; background-color: #B30000; } .page_content-date_box .data-anno { font-size: 10pt; line-height: 22px; height: 22px; font-weight: bold; color: #000000; } .post-top-toolbars { height: 80px; margin-right: 320px; } .entry { padding: 0 20px 0 20px; line-height: 24px; margin-bottom: 25px; } .publication-info { color: #FAFAFA; margin: 0 0 10px 5px; } .page-title { color: #FAFAFA; margin: 0 0 5px 5px; text-shadow: #000000 0 0 4px; } .page-subtitle { color: #FFFFFF; margin: 0 0 5px 5px; text-shadow: #000000 0 0 3px; } /* -- Post Footer -- */ .post-footer { background-color: #F3F3F3; border: 1px solid #DDDDDD; padding: 10px; margin: 10px 0; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .post-footer-meta { float: left; width: 250px; } .post-footer-index { float: left; width: 340px; margin-left: 10px; } .news .post-footer-meta { float: left; width: 300px; } .news .post-footer-index { float: left; width: 290px; margin-left: 10px; } .post-pages { text-align: right; margin: 6px 10px 6px 0; } .post-index-title { font-size: 10pt; font-weight: bold; } ol.contentlist { margin: 2px 0 6px 0; list-style-type: decimal; } ol.contentlist li { list-style-type: decimal; } /* -- Social -- */ .share-toolbar { height: 65px; width: 200px; float: right; margin: 8px 10px 0 10px; overflow: hidden; } .fb-share { float: right; } .fb_share_no_count { display: run-in !important; } .tw-share { float: right; margin-left: 6px; margin-right: 6px; } .buzz-share { float: right; } .sociable { margin-top: 8px; } /* --- Sezione Articoli Online --- */ .article-info-toolbar { margin: 4px 10px 10px 10px; } .article-date { float: left; font-size: 10pt; font-weight: bold; margin: 4px 0 8px 10px; line-height: 24px; padding-left: 32px; background: transparent url('images/icons/clock_24x24.png') 0 0 no-repeat; } .article-views-count { height: 26px; float: left; margin: 0 0 8px 10px; background: transparent url('images/icons/users_24x24.png') 0 -3px no-repeat; padding-left: 28px; } .article-comments-count { height: 26px; float: left; margin: 0 0 8px 10px; background: transparent url('images/icons/comment_24x24.png') 0 -2px no-repeat; padding-left: 28px; } .article-add-comment { height: 26px; float: left; margin: 0 0 8px 10px; background: transparent url('images/icons/comment_add_24x24.png') 0 -2px no-repeat; padding-left: 28px; } .article-rating { float: left; height: 24px; line-height: 24px; margin-left: 10px; } .article-title { color: #FAFAFA; margin: 0 0 0 5px; text-shadow: #000000 0 0 4px; } .article-author { font-size: 11pt; margin: 0 0 0 5px; color: #FAFAFA; text-shadow: #000000 0 0 3px; } /* --- Sezione News --- */ .news-date { font-size: 12pt; color: #FFCC00; margin: 0 0 0 5px; text-shadow: #000000 0 0 4px; } .news-title { color: #FAFAFA; margin: 2px 0 3px 5px; text-shadow: #000000 0 0 4px; } .news-author { font-size: 11pt; margin: 0 0 0 5px; color: #FAFAFA; text-shadow: #000000 0 0 3px; } .news-rating { float: left; height: 24px; width: 450px; line-height: 24px; margin: 4px 0 8px 10px; padding-top: 4px; } .news-sources { margin-top: 6px; } .news-sources ul { padding-left: 20px; } .news-sources li { list-style: url('images/commons/external.gif') circle; } /* --- Buddy Press --- */ .bp-page-title { color: #FAFAFA; margin: 0 0 5px 5px; text-shadow: #000000 0 0 4px; } /* -- Navigation -- */ /* Navigazione Categorie */ .top-navigation { float: right; width: 290px; height: 65px; margin-left: 15px; } .top-navigation .title { color: #FFFFFF; padding-left: 32px; font-weight: normal; font-size: 12pt; line-height: 24px; background: transparent url('images/icons/info_24x24.png') 0 0 no-repeat; text-shadow: #000000 0 0 3px; } .top-navigation ul { margin: 2px 10px 8px 46px; padding: 0px; } .top-navigation ul li { font-size: 9pt; color: #F2F2F2; line-height: 16px; list-style-image: url('images/icons/up_16x16.png'); } .top-navigation a { color: #F2F2F2 !important; } .top-navigation a:hover { color: #FF9900 !important; } /* Navigazione Commenti */ .navigation { height: 18px; margin: 10px 0 10px 0; } /* Navigazione Pagine */ .page-navigation { height: 25px; margin: 15px 0 15px 0; } .page-navigation a { color: #FFFFFF !important; background-color: #00589E; font-weight: bold; font-size: 8pt; padding: 3px 10px 3px 10px; text-align: center; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .page-navigation a:hover { background-color: #4774C6; } /* Barra Navigazione */ .navigation-bar { height: 30px; line-height: 30px; font-size: 8pt; background-color: #F2F2F2; color: #000000; padding-left: 6px; border-bottom: 1px solid #C2C2C2; font-family: Verdana, Arial, Helvetica, sans-serif; } /* -- Content Box -- */ .content-box { margin-top: 25px; } /* -- Colonna Destra -- */ .rb-content-box { width: 300px; overflow: hidden; } /* -- Corpo Centrale -- */ .cb-content-box { width: 468px; margin-left: 15px; overflow: hidden; } .content-box .excerpt { margin-right: 50px; } .content-box .titolo { margin: 0 8px 0 8px; height: 32px; line-height: 32px; color: #FFFFFF; font-weight: bold; text-shadow: #000000 1px 1px 1px; background-color: #4C4C4C; padding-left: 12px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* url('images/commons/field_title-bg-redflat.png') bottom left repeat-x; */ .content-box h2.titolo { font-size: 10pt; margin: 0 8px 0 8px; height: 32px; line-height: 32px; color: #FFFFFF; font-weight: bold; text-shadow: #000000 1px 1px 1px; background-color: #4C4C4C; padding-left: 12px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* url('images/commons/field_title-bg-redflat.png') bottom left repeat-x; */ /* To use outside content box */ .content-box_titolo { margin: 0 8px 15px 8px; height: 32px; line-height: 32px; color: #FFFFFF; font-weight: bold; text-shadow: #000000 1px 1px 1px; background-color: #4C4C4C; padding-left: 12px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .content-box_sottotitolo { font-size: 10pt; margin: 0 15px 20px 15px; } .content-box .content { padding: 8px 8px 8px 8px; border-left: 0px solid #CCCCCC; border-right: 0px solid #CCCCCC; } .cb-content-box .topper50 .excerpt { width: 330px !important; } .cb-content-box .topper80 .excerpt { width: 290px !important; } .content-box .content_titolo1 { font-weight: bold; font-size: 10.5pt; margin-bottom: 2px; } .content-box .content_titolo2 { font-weight: bold; font-size: 10pt; } .content-box .element { min-height: 60px; height: auto !important; height: 60px; padding-bottom: 9px; margin-top: 8px; margin-bottom: 0px; background: #FFFFFF url('images/commons/element-bg.png') bottom left repeat-x; } .content-box .element .voti { font-size: 8pt; } .content-box .data { overflow: hidden; margin: 2px 8px 4px 8px; width: 28px; height: 34px; text-align: center; padding: 1px; border: 1px solid #515151; font-family: Arial, Tahoma, sans-serif; } .content-box .data-giorno { font-size: 14pt; line-height: 20px; font-weight: bold; color: #000000; } .content-box .data-mese { font-size: 8pt; font-weight: bold; color: #FFFFFF; background-color: #B30000; } .content-box a.rss-feed{ width: 16px; height: 16px; display: block; background: #474747 url('images/commons/rssfeed.png') top left no-repeat; float: right; margin: 8px 8px 0 0; } .content-box .footer { margin: 0 8px 0 8px; border-top: 2px solid #4b4b4b; } .content-box .footer div { border-left: 2px solid #E5E5E5; background-color: #4b4b4b; padding: 1px 6px 3px 6px; float: right; font-weight: bold; font-size: 8pt; color: #ffffff; } .content-box .footer a { color: #ffffff; text-decoration: none; } .content-box .footer a:hover { color: #FF9900; } .content-box .topper50 .testo { min-height: 70px; height: auto !important; height: 70px; margin-left: 7px; font-size: 9pt; } /*.cb-content-box .topper50 .testo { min-height: 60px; height: auto !important; height: 60px; margin-left: 7px; font-size: 9pt; } */ .content-box .topper80 { padding-bottom: 12px; } .content-box .topper80 .testo { min-height: 90px; height: auto !important; height: 90px; margin-left: 7px; font-size: 9pt; margin-left: 95px; } .content-box .topper80 .testo .excerpt { margin-right: 60px; } .content-box .topper80 .testo .content_titolo1 { font-weight: bold; font-size: 10.5pt; margin-bottom: 2px; } .content-box .topper80 .testo .content_titolo2 { font-weight: bold; font-size: 10pt; } .content-box .element .testo { margin-left: 70px; } .content-box .element .testo .content_titolo1 { font-weight: bold; font-size: 10.5pt; margin-bottom: 2px; } .content-box .element .testo .content_titolo2 { font-weight: bold; font-size: 10pt; } /*.cb-content-box .topper80 .testo { min-height: 100px; height: auto !important; height: 100px; margin-left: 7px; font-size: 9pt; } **/ .content-box .bottom-link { text-align: right; font-size: 8pt; margin-top: 4px; margin-right: 3px; } .content-box ul li { font-weight: bold; height: 26px; line-height: 26px; } .content-box .intro { margin-top: 6px; margin-bottom: 8px; } .content-box .sub-box-titolo { font-weight: bold; margin-top: 12px; padding-left: 4px; margin-bottom: 8px; border-bottom: 1px solid #000000; } /* -- Small Content Box SCB -- */ .scb { border: 1px solid #999999; font-size: 8pt; background: #FFFFFF url('images/commons/box_bg_bottom_gray.gif') bottom left repeat-x; overflow: hidden; } .scb_content { margin: 6px; } .scb_titolo { font-size: 8pt; line-height: 10pt; font-weight: bold; border-bottom: 1px dotted #C0C0C0; margin-bottom: 6px; } /* -- Archivi -- */ .archive-index { margin: 25px 20px; } .archive-index .excerpt { margin-right: 50px; line-height: 14pt; } .archive-index .topper80 .excerpt { margin-right: 60px; } .archive-index .topper50 .excerpt { font-size: 8pt; } .archive-index .topper80 .excerpt { font-size: 10pt; } .archive-index .content_titolo1 { font-family: Verdana, Tahoma, Arial, sans-serif; font-weight: bold; font-size: 10.5pt; margin-bottom: 2px; } .archive-index .topper80 .content_titolo1 { font-size: 11.5pt; margin-bottom: 3px; } .archive-index .topper50 .content_titolo1 { font-size: 10pt; margin-bottom: 3px; } .archive-index .element { min-height: 40px; height: auto !important; height: 40px; margin-bottom: 20px; } .archive-index .element .voti { font-size: 8pt; } .archive-index .data { overflow: hidden; margin: 2px 8px 4px 8px; width: 28px; height: 34px; text-align: center; padding: 1px; border: 1px solid #515151; font-family: Arial, Tahoma, sans-serif; } .archive-index .data-giorno { font-size: 14pt; line-height: 20px; font-weight: bold; color: #000000; } .archive-index .data-mese { font-size: 8pt; font-weight: bold; color: #FFFFFF; background-color: #B30000; } .archive-index .topper50 .testo { min-height: 70px; height: auto !important; height: 70px; margin-left: 80px; } .archive-index .topper80 { padding-bottom: 12px; } .archive-index .topper80 .testo { min-height: 90px; height: auto !important; height: 90px; margin-left: 120px; } .archive-index .meta { margin-bottom: 6px; } .archive-index .bottom-link { text-align: right; font-size: 8pt; margin-top: 5px; margin-right: 10px; } .archive-index .authors { margin-bottom: 6px; } #tip-box { height: 50px; margin-top: 15px; padding-top: 4px; padding-left: 65px; font-size: 9pt; overflow: hidden; background: #FFFFFF url('images/commons/tips.png') top left no-repeat; } #tip-box a { width: 235px; height: 50px; display: block; color: #191919; } #tip-box a:hover { color: #FF9900; } /* -- Men� di Navigazione -- */ #homepage #nav-menu { position: relative; z-index: 100; height: 38px; width: 804px; background-color: #000000; } #page #nav-menu { position: relative; z-index: 100; height: 38px; width: 804px; background-color: #000000; margin-left: 196px; } #nav-menu li { display: block; float: left; font-family: Arial, sans-serif; font-size: 12pt; color: #F2F2F2; text-shadow: #000000 1px 1px 3px; margin: 0 8px 0 8px; padding-left: 8px; } #nav-menu li span { cursor: pointer; display: block; height: 38px; line-height: 38px; padding-right: 8px; float: left; font-weight: normal !important; } #nav-menu li:hover{ background: #AC1300 url('images/commons/menu-bg-left.gif') bottom left no-repeat; } #nav-menu li:hover span { background: url('images/commons/menu-bg-right.gif') bottom right no-repeat; } div.menu_items { margin: 0px; padding: 0px; } a.item80 div.item_titolo { font-size: 11pt; font-weight: bold; } a.item50 div.item_titolo { font-size: 11pt; font-weight: bold; } a.item30 div.item_titolo { font-size: 10pt; font-weight: bold; } a.item50 div.item_testo{ font-size: 10pt; } a.item50 div.item_testo{ font-size: 9pt; } a.item30 div.item_testo{ font-size: 8pt; } div.menu_item_bg a { background: transparent url('images/commons/menu_item_bg.gif') bottom left repeat-x; } div.menu_items a { display: block; cursor: pointer; clear: both; font-family: Tahoma, Arial, sans-serif; display: block; font-size: 10pt; color: #000000; text-shadow: none; border-bottom: 1px solid #CCCCCC; } div.menu_items a.item80 { height: 90px; padding: 8px 4px 4px 4px; } div.menu_items a.item50 { height: 65px; padding: 6px 4px 2px 4px; } div.menu_items a.item30 { height: 40px; padding: 6px 4px 4px 4px; } div.menu_items a:hover{ background: #FFFFCC !important; } div.menu_half_items { margin: 0px; padding: 0px; } div.menu_half_items a { display: block; cursor: pointer; clear: both; font-family: Tahoma, Arial, sans-serif; display: block; font-size: 10pt; color: #000000; text-shadow: none; border-bottom: 1px solid #CCCCCC; } div.menu_half_items a.item50 { height: 65px; padding: 6px 4px 2px 4px; } div.menu_half_items a.item30 { height: 42px; padding: 6px 4px 4px 4px; } div.menu_half_items a:hover{ background: #FFFFCC !important; } #nav-menu div.menu-window { display: block; position: absolute; z-index: 2; font-family: Tahoma, Arial, sans-serif; font-size: 10pt; color: #000000; text-shadow: none; } #nav-menu div.menu-bg { background: url('images/commons/menu-bg.png') top left repeat-y; } #nav-menu div.menu-header { width: 748px; margin-left: 11px; height: 4px; background: #4C4C4C url('images/commons/field_title-bg-redflat.png') bottom left repeat-x; } #nav-menu div.menu-content { padding: 10px 20px 0 20px; } #nav-menu div.menu-content div.left-content { width: 360px; float: left; } #nav-menu div.menu-content div.right-content { width: 360px; float: left; margin-left: 10px; } #nav-menu div.menu-content div.menu_item_separator-title { margin-top: 8px; border-bottom: 1px solid #000000; font-weight: bold; } #nav-menu div.menu-footer { background: url('images/commons/menu-bg-bottom.png') top left no-repeat; } #nav-menu #menu-rivista { width: 770px; top: 38px; left: 6px; display: none; } #nav-menu #menu-coelum { width: 770px; top: 38px; left: 10px; display: none; } #nav-menu #menu-astroshop { width: 770px; top: 38px; left: 14px; display: none; } #nav-menu #menu-forum { width: 770px; top: 38px; left: 18px; display: none; } #nav-menu #menu-blog { width: 770px; top: 38px; left: 22px; display: none; } #nav-menu #menu-comenuovo { width: 770px; top: 38px; left: 26px; display: none; } #nav-menu #menu-cerca { width: 770px; top: 38px; left: 30px; display: none; } #homepage #ad-bar { height: 76px; background-color: #F0F0F0; width: 804px; overflow: hidden; } #page #ad-bar { height: 76px; width: 804px; background-color: #E8E8E8; margin-left: 196px; overflow: hidden; } /* -- Ads - Banners -- */ .ad-c-standard{ width: 468px; height: 60px; overflow: hidden; margin: 15px; } #ad-f1 { height: 67px; } #ad-f1 img { padding: 4px 0 0 5px; } #ad-s1 { width: 180px; padding-left: 6px; margin-bottom: 10px; } #ad-s2 { width: 180px; padding-left: 6px; margin-bottom: 10px; } #ad-b1 { width: 168px; height: 76px; overflow: hidden; float: left; } #ad-b1 div.margin { margin: 8px 10px 8px 8px; } #ad-b2 { width: 150px; height: 76px; overflow: hidden; float: left; } #ad-b2 div.margin { margin: 8px 0 8px 0; } #ad-c1 { width: 478px; height: 76px; overflow: hidden; float: left; } #ad-c1 div.margin { margin: 8px 10px 8px 0; } #ad-d1 { width: 300px; height: 250px; overflow: hidden; margin: 25px 0 15px 0; } /* -- Google AdSense -- */ #ad-google1 { width: 160px; height: 600px; margin: 0 0 10px 15px; } /* -- Img Frames -- */ .img-frame_180_top { width: 180px; background: #FFFFFF url('images/commons/body-left_img-frame_top.png') top left no-repeat; } .img-frame_180_bottom { width: 180px; height: 10px; background: #FFFFFF url('images/commons/body-left_img-frame_bottom.png') bottom left no-repeat; } .img-frame_grigio_150_top { width: 169px; background: #FFFFFF url('images/commons/img-frame_grigio_150_top.png') top left no-repeat; } .img-frame_grigio_150_bottom { width: 169px; height: 10px; background: #FFFFFF url('images/commons/img-frame_grigio_150_bottom.png') bottom left no-repeat; } .img-frame_30x30 { width: 32px; height: 32px; padding-top: 2px; padding-left: 2px; margin-right: 5px; margin-bottom: 5px; background-color: #FFFFFF; border: 1px solid #333333; } .img-frame_40x40 { width: 46px; height: 46px; padding-top: 3px; padding-left: 3px; margin-right: 8px; margin-bottom: 5px; background: #FFFFFF url('images/commons/img-frame_40x40.gif') top left no-repeat; } .img-frame_50x50 { width: 57px; height: 57px; padding-top: 5px; padding-left: 5px; margin-right: 8px; margin-bottom: 5px; background: #FFFFFF url('images/commons/img-frame_50x50.gif') top left no-repeat; } .img-frame_80x80 { width: 88px; height: 88px; padding-top: 6px; padding-left: 6px; margin-right: 8px; background: #FFFFFF url('images/commons/img-frame_80x80.gif') top left no-repeat; } .img-noframe_80x80 { width: 88px; height: 88px; padding-top: 6px; padding-left: 6px; margin-right: 8px; } /* -- Commons -- */ .clear { clear: both; font-size: 0pt; height: 0px; } .clear-left { clear: left; font-size: 0pt; height: 0px; } /* -- Liste ed Elenci Puntati/Numerati -- */ ul.uppercase { text-transform: uppercase; } ul.qb li { background: url("images/commons/qb.gif") 0 5px no-repeat; padding-left: 9px; } ul.qr li { background: url("images/commons/qr.gif") 0 5px no-repeat; padding-left: 10px; margin-bottom: 2px; } ul.separator-padding li { padding-bottom: 4px; border-bottom: 1px solid #CBCBCB; margin-bottom: 4px; } ul.date-title-list { padding-left: 10px; padding-right: 10px; } ul.date-title-list li { height: 23px; line-height: 23px; border-bottom: 1px solid #C0C0C0; overflow: hidden; } ul.date-title-list li div.date { width: 75px; color: #B50000; text-align: right; padding-right: 6px; display: inline-block; text-align: right; } li.newsletter { list-style: url('images/icons/mail_add_16x16.png') circle !important; } li.rss { list-style: url('images/icons/rss_16x16.png') circle !important; } li.profile { list-style: url('images/icons/user_16x16.png') circle !important; } li.settings { list-style: url('images/icons/settings_16x16.png') circle !important; } li.home { list-style: url('images/icons/home_16x16.png') circle !important; } li.groups { list-style: url('images/icons/groups_16x16.png') circle !important; } /* -- Testi -- */ .B { font-weight: bold; } .I { font-style: italic; } .U { text-decoration: underline; } .text-right { text-align: right; } .text-left { text-align: left; } .text-center { text-align: center; } /* -- Colori Testo -- */ .blu, .blue { color: #154B7E; } .rosso, .red { color: #B50000; } .verde, .green { color: #008938; } .gray { color: #666666; } .light-gray { color: #D2D2D2; } /* -- Dimensioni -- */ .xx-small { font-size: 7pt; } .x-small { font-size: 8pt; } .small { font-size: 9pt; } .normal { font-size: 10pt; } .x-normal { font-size: 11pt; } .big { font-size: 12pt; } .x-big { font-size: 14pt; } /* -- Box -- */ .box-rounded-corners { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .box-x-rounded-corners { -moz-border-radius: 10px; -khtml-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .box-border { border: 1px solid #CFCFCF; } .box-light-gray { background-color: #F2F2F2; color: #000000 !important; border-color: #CFCFCF !important; } .box-red { background-color: #CC3300; color: #FFFFFF !important; } .box-yellow { background-color: #FFFFCC; color: #000000 !important; border-color: #FFCC00 !important; } .box-green { background-color: #E4FFAD; color: #000000 !important; } .box-padding { padding: 5px; } .box-x-padding { padding: 10px; } .box-xx-padding { padding: 15px; } .box-center-content { text-align: center; } .box-yellow-fading-bg { background: #FFFFCC url('images/commons/box-yellow-fading-bg.png') bottom left repeat-x; } .box-title { background: transparent url('images/commons/hr-bg.png') bottom left repeat-x; padding-bottom: 5px; } .boxed_category_index .title { font-size: 12pt; margin-bottom: 5px; } .boxed_category_index .description { font-size: 10pt; margin-bottom: 3px; } .boxed_category_index .post_count { font-size: 8pt; font-weight: bold; } /* -- Tabelle -- */ .row_gray_BG1 { background-color: #F2F2F2; } .row_gray_BG2 { background-color: #FFFFFF; } table.no_padding td { padding: 2px; } /* -- Links -- */ a:link, a:visited, a:active { color: #154B7E; text-decoration: none; } a:hover { color: #FF9900; } a.dark:link, a.dark:visited, a.dark:active { color: #191919; text-decoration: none; } a.dark:hover { color: #FF9900; } a.rosso:link, a.rosso:visited, a.rosso:active { color: #DD240C; text-decoration: none; } a.rosso:hover { color: #FF9900; } a.hidden { color: inherit; text-decoration: none; } a.hidden:hover { color: #FF9900; } #page-footer a:link, #page-footer a:visited, #page-footer a:active { color: orange; text-decoration: none; } a:hover { color: #FF9900; } /* -- Immagini Generiche -- */ img { border: 0px; } .img-frame_30x30 img { width: 30px; height: 30px; } .img-frame_40x40 img { width: 40px; height: 40px; } .img-frame_50x50 img { width: 50px; height: 50px; } .img-frame_80x80 img { width: 80px; height: 80px; } .img-noframe_80x80 img { width: 80px; height: 80px; } /* Icona commenti */ .comments { padding-right: 20px; background: url('images/icons/comments_16x14.gif') top right no-repeat; } /* -- Voti e Misure -- */ .interesse { width: 93px; height: 12px; display: inline-block; overflow: hidden; } .difficolta { width: 89px; height: 12px; display: inline-block; overflow: hidden; } .spettacolarita { width: 114px; height: 12px; display: inline-block; overflow: hidden; } .ballbar .v1 { background: #FFFFFF url('images/commons/ballbar.png') right 1px no-repeat; } .ballbar .v2 { background: #FFFFFF url('images/commons/ballbar.png') right -11px no-repeat; } .ballbar .v3 { background: #FFFFFF url('images/commons/ballbar.png') right -23px no-repeat; } .ballbar .v4 { background: #FFFFFF url('images/commons/ballbar.png') right -35px no-repeat; } .ballbar .v5 { background: #FFFFFF url('images/commons/ballbar.png') right -47px no-repeat; } /* -- Float -- */ .left { float: left; } .right { float: right; } /* -- Varie -- */ .cursor-hand { cursor: pointer; } .relative { position: relative; } .shadow { box-shadow: 1px 1px 2px #B2B2B2; -moz-box-shadow: 1px 1px 2px #B2B2B2; -webkit-box-shadow: 1px 1px 2px #B2B2B2; } .no-text-shadow { text-shadow: none; } /* -- Form -- */ form { margin: 0px; padding: 0px; } input[type="text"], input[type="password"], textarea { font-family: Verdana, Arial, sans-serif; border: 1px solid #CCCCCC; font-size: 8pt; padding: 6px 2px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: rgba(0, 0, 0, 0.0976563) 1px 1px 1px inset; } select { font-family: Verdana, Arial, sans-serif; border: 1px solid #CCCCCC; font-size: 8pt; padding: 5px 2px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } input[type="text"].error, input[type="password"].error, textarea.error { border-bottom: 1px solid #FF5050; border-left: 1px solid #FF5050; border-top: 1px solid #FF0000; border-right: 1px solid #FF4848; } input.button { height: 28px; font-family: Tahoma, Arial, sans-serif; font-size: 8pt; font-weight: bold; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border-bottom: 1px solid #FFDB72; border-left: 1px solid #FFDA6D; border-top: 1px solid #FFC416; border-right: 1px solid #FFD764; } input[type="text"]:hover, input[type="password"]:hover, textarea:hover { border-bottom: 1px solid #C7E2F1; border-left: 1px solid #C5DAED; border-top: 1px solid #5794BF; border-right: 1px solid #B7D5EA; } input[type="button"], button { border: 0px; cursor: pointer; } /* -- Uploader -- */ #uploadInputUploader { z-index: 10; position: absolute; top: 0px; left: 0px; } form.small-form { margin: 0px; padding: 0px; } form.small-form input[type="text"], form.small-form input[type="password"], form.small-form textarea { font-family: Verdana, Arial, sans-serif; border: 1px solid #CCCCCC; font-size: 8pt; padding: 2px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; height: 10px; } /* -- Pulsanti -- */ .button { display: inline-block; padding: 1px 8px 1px 8px; border: 0px; cursor: pointer; text-align: center; -moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .button-small { color: #FFFFFF; font-size: 7pt; font-weight: bold; } .button-text-small { color: #FFFFFF; font-size: 8pt; font-weight: bold; } .button-text-normal { color: #FFFFFF; font-size: 10pt; font-weight: bold; } .button-height-normal { height: 15px; line-height: 15px; } .button-height-x-normal { height: 20px; line-height: 20px; } .button-blue { background-color: #6795B2; color: #FFFFFF !important; border-color: #087190 !important; } /* #00589E */ .button-blue:hover { background-color: #10A5C5; color: #FFFFFF; } /* 4774C6 */ .button-green { background-color: #009933; color: #FFFFFF !important; } .button-green:hover { background-color: #33CC33; color: #FFFFFF; } .button-red { background-color: #CC3300; color: #FFFFFF !important; border-color: #990000 !important; } .button-red:hover { background-color: #FF0000; color: #FFFFFF; } .button-light-gray { background-color: #F2F2F2; color: #000000 !important; } .button-light-gray:hover { background-color: #F9F4AF; color: #000000; } .button-squared { display: inline-block; padding: 2px 8px 2px 8px; border: 0px; cursor: pointer; text-align: center; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .button-border { border-width: 1px !important; border-style: solid; } /* -- Titoli -- */ h1, h2, h3 { margin: 0; padding: 0; font-weight: normal; } h1 { font-size: 16pt; font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif; } h2 { font-size: 14pt; font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif; } h3 { font-size: 12pt; font-family: Verdana, Helvetica, Tahoma, Arial, sans-serif; } /* -- Page Index List -- */ ol.contentlist { text-align: left; line-height: 18px; } ol.contentlist li { padding: 0px; } span.contentlist { color: #333333; font-weight: bold; } a.contentlist { padding: 0px; } /* -- Box Virgolette -- */ blockquote.excerpt { width: 620px; background: transparent url('images/commons/virgolette_open.gif') top left no-repeat; margin: 10px 0 10px 0; padding: 10px 0 10px 0; font-style: italic; line-height: 14pt; } blockquote.excerpt div { padding: 0 50px 0 60px; background: transparent url('images/commons/virgolette_close.gif') bottom right no-repeat; } /* -- Sidebar Widgets -- */ /* -- SideBar Menu -- */ div.sidebar-menu { margin-top: 15px; } div.sidebar-box div.title { margin: 0 0 10px 0; height: 32px; line-height: 32px; color: #FFFFFF; font-weight: bold; text-shadow: #000000 1px 1px 1px; background-color: #4C4C4C; padding-left: 12px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .widget { margin-top: 20px; } h2.widgettitle { font-size: 10pt; margin: 0 0 10px 0; height: 32px; line-height: 32px; color: #FFFFFF; font-weight: bold; text-shadow: #000000 1px 1px 1px; background-color: #4C4C4C; padding-left: 12px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* -- Errore -- */ label.error { display: block; height: 16px; padding: 4px; line-height: 16px; border: 1px solid #cd0a0a; background: #b81900 url('css/ui-lightness/images/ui-bg_diagonals-thick_18_b81900_40x40.png') 50% 50% repeat; color: #ffffff; font-size: 8pt; font-weight: bold; } div.errorMsg { padding: 6px; font-weight: bold; border: 1px solid #cd0a0a; background-color: #FFFFCC; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* --- Widgets --- */ /* -- Recently Active Members -- */ .widget_bp_core_recently_active_widget .avatar-block div.item-avatar { width: 58px; height: 58px; float: left; margin: 4px; border: 1px solid #DDDDDD; background-color: #F8F8F8; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .widget_bp_core_recently_active_widget .avatar-block div.item-avatar img { width: 50px; height: 50px; margin: 4px; } /* -- Who's Online Avatar -- */ .widget_bp_core_whos_online_widget .avatar-block div.item-avatar { width: 58px; height: 58px; display: inline-block; margin: 4px; border: 1px solid #DDDDDD; background-color: #F8F8F8; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .widget_bp_core_whos_online_widget .avatar-block div.item-avatar img { width: 50px; height: 50px; margin: 4px; } /* --- WP Defaults --- */ /* Captions */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 8pt; line-height: 10pt; padding: 5px 4px 5px; margin: 0; color: #505050; } /* End captions */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s { width: 108px; padding: 2px; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { height: 150px; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: left; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; } /* End Form Elements */ /* -- Commenti -- */ .commentlist li, #commentform input, #commentform textarea { font-size: 10pt; font-family: Tahoma, Arial, Sans-Serif; } .commentlist li ul li { font-size: 10pt;; } .commentlist li { font-weight: bold; margin-bottom: 10px; } .commentlist li .avatar { float: left; border: 1px solid #DDDDDD; margin: 0 10px 0 0; padding: 3px; background: #FFFFFF; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; width: 50px; height: 50px; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 10pt; } .commentlist p { font-weight: normal; line-height: 12pt; text-transform: none; } #commentform p { font-family: Tahoma, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } .commentlist li .comment-body { border: 1px solid #DDDDDD; padding: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .commentlist li .comment-author { background-color: #F3F3F3; padding: 3px; } .commentlist li .comment-meta { background-color: #F3F3F3; padding: 0 3px 3px 3px; font-size: 8pt; } .comments-header { margin: 15px 0 10px 0; border: 1px solid #FCEFA1; padding: 6px 6px 6px 28px; background: #FFFFE0 url('images/icons/comments_16x16.png') 6px 7px no-repeat; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } h3#comments { font-size: 10pt; } a.comment-linkbutton { margin: 0 10px 0 0; float: right; padding: 0 0 0 23px; background: #FFFFE0 url('images/icons/comment_add_16x16.png') top left no-repeat; } /* End Comments */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 3px 10px; display: inline; } img.alignleft { padding: 4px; margin: 0 10px 3px 0; display: inline; } .alignright { float: right; margin: 4px 0 4px 15px; } .alignleft { float: left; margin: 4px 15px 4px 0; } /* End Images */ /* ---- BuddyPress Style ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* > Item Headers (Profiles, Groups) -------------------------------------------------------------- */ div#item-header { overflow: hidden; } div#item-header div#item-header-content { margin-left: 170px; } div#item-header h2 { font-size: 28px; margin: 0 0 15px 0; line-height: 120%; } div#item-header h2 a { text-decoration: none; color: #777; } div#item-header img.avatar { float: left; margin: 0 15px 25px 0; } div#item-header h2 { margin-bottom: 5px; } div#item-header span.activity, div#item-header h2 span.highlight { vertical-align: middle; font-size: 11px; font-weight: normal; line-height: 170%; margin-bottom: 7px; } div#item-header h2 span.highlight { font-size: 16px; } div#item-header h2 span.highlight span { position: relative; top: -2px; right: -2px; font-weight: bold; font-size: 11px; background: #a1dcfa; color: #fff; padding: 1px 4px; margin-bottom: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; vertical-align: middle; cursor: pointer; display: none; } div#item-header div#item-meta { font-size: 14px; color: #aaa; padding-bottom: 10px; overflow: hidden; margin: 15px 0 5px 0; } div#item-header div#item-actions { float: right; width: 20%; margin: 0 0 15px 15px; text-align: right; } div#item-header div#item-actions h3 { font-size: 12px; margin: 0 0 5px 0; } div#item-header ul { overflow: hidden; margin-bottom: 15px; } div#item-header ul h5, div#item-header ul span, div#item-header ul hr { display: none; } div#item-header ul li { float: right; } div#item-header ul img.avatar, div#item-header ul.avatars img.avatar { width: 30px; height: 30px; margin: 2px; } div#item-header div.generic-button, div#item-header a.button { float: left; margin: 10px 10px 0 0; } div#item-header div#message.info { line-height: 80%; } /* > Item Lists (Activity, Friend, Group lists) -------------------------------------------------------------- */ ul.item-list { width: 100%; } ul.item-list li { position: relative; padding: 15px 0; border-bottom: 1px solid #eaeaea; } ul.single-line li { border: none; } body.activity-permalink ul.item-list li { padding-top: 0; } ul.item-list li img.avatar { float: left; margin: 0 10px 10px 0; } ul.item-list li div.item-title, ul.item-list li h4 { font-weight: normal; font-size: 14px; width: 75%; margin: 0; } ul.item-list li div.item-title span { font-size: 12px; color: #999; } ul.item-list li div.item-desc { margin: 10px 0 0 64px; font-size: 11px; color: #888; width: 50%; } ul.item-list li div.action { position: absolute; top: 15px; right: 0; text-align: right; } ul.item-list li div.meta { margin-top: 10px; color: #888; font-size: 11px; } ul.item-list li h5 span.small { font-weight: normal; font-size: 11px; } /* > Item Tabs -------------------------------------------------------------- */ div.item-list-tabs { clear: left; overflow: hidden; margin: 25px -20px 20px -20px; background: #eaeaea; } div.item-list-tabs ul li a { text-decoration: none; } div.item-list-tabs ul { width: 100%; } div.item-list-tabs ul li { float: left; margin: 5px 0 0 5px; } div.item-list-tabs#subnav ul li { margin-top: 0; } div.item-list-tabs ul li:first-child { margin-left: 20px; } div.item-list-tabs ul li.last { float: right; margin: 7px 20px 0 0; } div.item-list-tabs#subnav ul li.last { margin-top: 4px; } div.item-list-tabs ul li.last select { max-width: 175px; } div.item-list-tabs ul li a, div.item-list-tabs ul li span { display: block; padding: 5px 10px; text-decoration: none; } div.item-list-tabs ul li span { color: #aaa; } div.item-list-tabs ul li a span { display: inline; padding: 0; color: inherit; } div.item-list-tabs ul li.selected a, div.item-list-tabs ul li.current a { background-color: #fff; color: #555; font-weight: bold; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; } ul li.loading a { background-image: url( images/bp/ajax-loader.gif ); background-position: 92% 50%; background-repeat: no-repeat; padding-right: 30px !important; } div#item-nav ul li.loading a { background-position: 88% 50%; } div.item-list-tabs#object-nav { margin-top: 0; } div.item-list-tabs#subnav { background: #fff; margin: -15px -20px 15px -20px; border-bottom: 1px solid #eaeaea; min-height: 35px; overflow: hidden; } div.item-list-tabs ul li.feed a { background: url( images/bp/rss.png ) center left no-repeat; padding-left: 20px; } /* > Item Body -------------------------------------------------------------- */ .item-body { margin: 20px 0; } span.activity, div#message p { display: inline-block; font-size: 11px; font-weight: normal; background: #FFF9DB; border-bottom: 1px solid #FFE8C4; border-right: 1px solid #FFE8C4; color: #ffa200; padding: 1px 8px; margin-top: 6px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } /* > Directories (Members, Groups, Blogs, Forums) -------------------------------------------------------------- */ div.dir-search { float: right; margin: -37px 0 0 0; } div.dir-search input[type=text] { padding: 4px; font-size: 12px; } /* > Pagination -------------------------------------------------------------- */ div.pagination { margin: -15px -20px 9px -20px; border-bottom: 1px solid #eaeaea; padding: 10px 20px 10px 20px; color: #888; font-size: 11px; height: 16px; } div.pagination#user-pag, .friends div.pagination, .mygroups div.pagination, .myblogs div.pagination, noscript div.pagination { background: #f8f8f8; border: none; padding: 8px 15px; } div.pagination .pag-count { float: left; } div.pagination .pagination-links { float: right; } div.pagination .pagination-links span, div.pagination .pagination-links a { font-size: 12px; padding: 0 5px; } div.pagination .pagination-links a:hover { font-weight: bold; } /* > Error / Success Messages -------------------------------------------------------------- */ div#message { margin: 15px 0; } div#message.updated { clear: left; } div#message p { padding: 10px 15px; font-size: 12px; display:block; } div#message.error p { background: #e41717; color: #fff; border-color: #a71a1a; clear: left; } div#message.updated p { background: #dffcd9; color: #1a9b00; border-color: #c4e9bd; } form.standard-form#signup_form div div.error { color: #fff; background: #e41717; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px; width: 90%; margin: 0 0 10px 0; } /* > Buttons -------------------------------------------------------------- */ /*a.button, input[type=submit], input[type=button], */ ul.button-nav li a, div.generic-button a { background: url( images/bp/white-grad.png ) top left repeat-x; border: 1px solid #ddd; padding: 3px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; text-decoration: none; color: #888; font-size: 12px; font-weight: normal; vertical-align: bottom; cursor: pointer; } /* a.button:hover, a.button:focus, input[type=submit]:hover, input[type=button]:hover, */ ul.button-nav li a:hover, ul.button-nav li.current a, div.generic-button a:hover { border-color: #aaa; color: #555; outline: none; } /* Buttons that are disabled */ div.pending a, a.disabled { border-color: #eee; color: #bbb; cursor: default; } div.pending a:hover, a.disabled:hover { border-color: #eee; color: #bbb; } div.accept, div.reject { float: left; margin-left: 10px; } ul.button-nav li { float: left; margin: 0 10px 10px 0; } ul.button-nav li.current a { font-weight: bold; } /* > AJAX Loaders -------------------------------------------------------------- */ .ajax-loader { background: url( images/bp/ajax-loader.gif ) center left no-repeat !important; padding: 8px; display: none; } a.loading { background-image: url( images/bp/ajax-loader.gif ) !important; background-position: 95% 50% !important; background-repeat: no-repeat !important; padding-right: 25px !important; } /* > Input Forms -------------------------------------------------------------- */ form.standard-form { } form.standard-form textarea, form.standard-form input[type=text], form.standard-form select, form.standard-form input[type=password], .dir-search input[type=text] { border: 1px inset #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 6px; font: inherit; font-size: 14px; color: #888; } form.standard-form select { padding: 3px; } form.standard-form input[type=password] { margin-bottom: 5px; } form.standard-form label, form.standard-form span.label { display: block; font-weight: bold; margin: 15px 0 5px 0; } form.standard-form div.checkbox label, form.standard-form div.radio label { font-weight: normal; margin: 5px 0 0 0; font-size: 14px; color: #888; } form.standard-form#sidebar-login-form label { margin-top: 5px; } form.standard-form input[type=text] { width: 75%; } form.standard-form#sidebar-login-form input[type=text], form.standard-form#sidebar-login-form input[type=password] { padding: 4px; width: 95%; } form.standard-form #basic-details-section input[type=password], form.standard-form #blog-details-section input#signup_blog_url { width: 35%; } form.standard-form#signup_form input[type=text], form.standard-form#signup_form textarea { width: 90%; } form.standard-form#signup_form div.submit { float: right; } div#signup-avatar img { margin: 0 15px 10px 0; } form.standard-form textarea { width: 75%; height: 120px; } form.standard-form textarea#message_content { height: 200px; } form.standard-form#send-reply textarea { width: 97.5%; } form.standard-form p.description { font-size: 11px; color: #888; margin: 5px 0; } form.standard-form div.submit { padding: 15px 0; clear: left; } form.standard-form div.submit input { margin-right: 15px; } form.standard-form div.radio ul { margin: 10px 0 15px 38px; list-style: disc; } form.standard-form div.radio ul li { margin-bottom: 5px; } form.standard-form a.clear-value { display: block; margin-top: 5px; outline: none; } form.standard-form #basic-details-section, form.standard-form #blog-details-section, form.standard-form #profile-details-section { float: left; width: 48%; } form.standard-form #profile-details-section { float: right; } form.standard-form #blog-details-section { clear: left; } form.standard-form input:focus, form.standard-form textarea:focus, form.standard-form select:focus { background: #fafafa; color: #555; } form#send-invite-form { margin-top: 20px; } div#invite-list { height: 400px; overflow: scroll; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 5px; background: #f5f5f5; width: 160px; border: 1px solid #e4e4e4; margin: 10px 0; } /* > Data Tables -------------------------------------------------------------- */ table { width: 100%; } table#message-threads { margin: 0 -20px; width: auto; } table.profile-fields { margin-bottom: 20px; } div#sidebar table { margin: 0 -16px; width: 117%; } table tr td, table tr th { padding: 8px; vertical-align: middle; } table tr td.label { border-right: 1px solid #eaeaea; font-weight: bold; width: 25%; } table tr td.thread-info p { margin: 0; } table tr td.thread-info p.thread-excerpt { color: #888; font-size: 11px; margin-top: 3px; } div#sidebar table td, table.forum td { text-align: center; } table tr.alt { background: #f4f4f4; } table.notification-settings { margin-bottom: 20px; text-align: left; } table.notification-settings th.icon, table.notification-settings td:first-child { display: none; } table.notification-settings th.title { width: 80%; } table.notification-settings .yes, table.notification-settings .no { width: 40px; text-align: center; } table.forum { margin: -9px -20px 20px -20px; width: auto; } table.forum tr:first-child { background: #fafafa; } table.forum tr.sticky td { background: #FFF9DB; border-top: 1px solid #FFE8C4; border-bottom: 1px solid #FFE8C4; } table.forum tr.closed td.td-title { padding-left: 35px; background-image: url( images/bp/closed.png ); background-position: 15px 50%; background-repeat: no-repeat; } table.forum td p.topic-text { color: #888; font-size: 11px; } table.forum tr > td:first-child, table.forum tr > th:first-child { padding-left: 15px; } table.forum tr > td:last-child, table.forum tr > th:last-child { padding-right: 15px; } table.forum tr th#th-title, table.forum tr th#th-poster, table.forum tr th#th-group, table.forum td.td-poster, table.forum td.td-group, table.forum td.td-title { text-align: left; } table.forum td.td-freshness { font-size: 11px; color: #888; } table.forum td img.avatar { margin-right: 5px; } table.forum td.td-poster, table.forum td.td-group { min-width: 130px; } table.forum th#th-title { width: 40%; } table.forum th#th-postcount { width: 1%; } /* > Activity Stream Posting -------------------------------------------------------------- */ form#whats-new-form { margin-bottom: 5px; border-bottom: 1px solid #f0f0f0; overflow: hidden; padding-bottom: 20px; } #item-body form#whats-new-form { margin-top: 20px; border: none; } .home-page form#whats-new-form { border-bottom: none; padding-bottom: 0; } form#whats-new-form h5 { margin: 0; font-weight: normal; font-size: 12px; color: #888; margin-left: 76px; padding: 0 0 3px 0; } form#whats-new-form #whats-new-avatar { float: left; } form#whats-new-form #whats-new-content { margin-left: 54px; padding-left: 22px; } form#whats-new-form #whats-new-textarea { padding: 8px; border: 1px inset #ccc; background: #fff; margin-bottom: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } form#whats-new-form textarea { width: 100%; height: 60px; font-size: 14px; font-family: inherit; color: #555; border: none; margin: 0; padding: 0; } form#whats-new-form #whats-new-options select { max-width: 200px; } form#whats-new-form #whats-new-submit { float: right; margin: 0; } /* > Activity Stream Listing -------------------------------------------------------------- */ ul.activity-list li { padding: 20px 0 0 0; overflow: hidden; } ul.activity-list > li:first-child { padding-top: 5px; } ul.activity-list li.has-comments { padding-bottom: 20px; } .activity-list li.mini { position: relative; font-size: 11px; min-height: 35px; padding: 12px 0 0 0; } .activity-list li.mini div.activity-meta { margin: 0; } .activity-list li.mini div.activity-meta a { padding: 3px 8px; } .activity-list li.mini .activity-avatar img.avatar, .activity-list li.mini .activity-avatar img.FB_profile_pic { width: 20px; height: 20px; margin-left: 36px; } .activity-list li.activity_comment .activity-avatar img.avatar, .activity-list li.activity_comment .activity-avatar img.FB_profile_pic { width: 40px; height: 40px; margin-left: 20px; } body.activity-permalink .activity-list li .activity-avatar img.avatar, body.activity-permalink .activity-list li .activity-avatar img.FB_profile_pic { width: 100px; height: 100px; margin-left: 0; } .activity-list li.mini .activity-content { margin-right: 175px; } .activity-list li.mini .activity-content p { margin: 0; float: left; } .activity-list li.mini .activity-meta { position: absolute; right: 0; } body.activity-permalink .activity-list li.mini .activity-meta { position: absolute; right: 15px; } .activity-list li.mini .activity-comments { clear: left; font-size: 12px; margin-top: 30px; } .activity-list li .activity-inreplyto { font-size: 11px; color: #888; margin-left: 70px; margin-bottom: 15px; padding-left: 25px; background: url( images/bp/replyto_arrow.gif ) 7px 0 no-repeat; } .activity-list li .activity-inreplyto > p { margin: 0; display: inline; } .activity-list li .activity-inreplyto blockquote, .activity-list li .activity-inreplyto div.activity-inner { background: none; border: none; display: inline; padding: 0; margin: 0; overflow: hidden; } .activity-list .activity-avatar img { width: 60px; height: 60px; } body.activity-permalink .activity-list .activity-avatar img { width: 100px; height: 100px; } .activity-list .activity-content { margin-left: 70px; } body.activity-permalink .activity-list li .activity-content { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #fff; padding: 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; margin-left: 135px; font-size: 16px; line-height: 150%; min-height: 35px; margin-right: 0; } body.activity-permalink .activity-list li .activity-header > p { background: url( images/bp/activity_arrow.gif ) top left no-repeat; margin-left: -35px; padding: 5px 0 0 38px; height: 35px; margin-bottom: 0; } .activity-list .activity-content .activity-header, .activity-list .activity-content .comment-header { font-size: 11px; color: #888; line-height: 220%; } .activity-list .activity-header a:first-child, span.highlight { background: #EBF7FF; border-bottom: 1px solid #a1dcfa; border-right: 1px solid #a1dcfa; color: #059AE7; padding: 3px 8px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 3px; } .activity-list .activity-header a:first-child:hover { background: #059AE7 !important; color: #fff !important; } .activity-list .activity-content a:first-child:focus { outline: none; } .activity-list .activity-content span.time-since { color: #bbb; } .activity-list .activity-content span.activity-header-meta a { background: none; padding: 0; font-size: 11px; margin: 0; border: none; color: #aaa; text-decoration: underline; } .activity-list .activity-content span.activity-header-meta a:hover { color: inherit; text-decoration: none; } .activity-list .activity-content .activity-inner, .activity-list .activity-content blockquote { margin: 15px 0 15px 5px; overflow: hidden; } body.activity-permalink .activity-content .activity-inner, body.activity-permalink .activity-content blockquote { margin-top: 5px; } /* Backwards compatibility. */ .activity-inner > .activity-inner { margin: 0 !important; } .activity-inner > blockquote { margin: 0 !important; } .activity-list .activity-content img.thumbnail { float: left; margin: 0 10px 5px 0; border: 2px solid #eee; } .activity-list li.load-more { margin: 15px 0 !important; padding: 10px 15px !important; background: #f0f0f0 !important; text-align: center; font-size: 1.2em; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .activity-list li.load-more a { color: #555; } /* > Activity Stream Comments -------------------------------------------------------------- */ div.activity-meta { margin: 0 0 20px 3px; clear: left; } .activity-list div.activity-meta a { font-size: 11px; background: #f4f4f4; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; color: #999; padding: 4px 8px; text-decoration: none; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin-right: 3px; } .activity-list div.activity-meta a.acomment-reply { background: #FFF9DB; border-bottom: 1px solid #FFE8C4; border-right: 1px solid #FFE8C4; color: #ffa200; } div.activity-meta a:focus { outline: none; } div.activity-meta a:hover { background: #aaa; color: #fff; border-color: #aaa; } div.activity-meta a.acomment-reply:hover { background: #f7740a; color: #fff; border-color: #f7740a; } div.activity-comments { position: relative; margin: 0 0 0 75px; width: auto; overflow: hidden; /* IE fix */ } body.activity-permalink div.activity-comments { width: auto; margin-left: 135px; background: none; } div.activity-comments > ul { background: #f5f5f5; -moz-border-radius: 4px; -webkit-border-radius: 4px; } div.activity-comments ul, div.activity-comments ul li { border: none; list-style: none; } div.activity-comments ul { clear: left; } div.activity-comments ul li { border-top: 2px solid #fff; padding: 10px 15px 10px 0; margin-left: 15px; } body.activity-permalink div.activity-comments ul li { border-width: 1px; padding: 15px 0 15px 0; } div.activity-comments ul li p:last-child { margin-bottom: 0; } div.activity-comments > ul > li:first-child { border-top: none; } div.activity-comments ul li:last-child { margin-bottom: 0; } div.activity-comments ul li > ul { margin-top: 5px; margin-left: 25px; } body.activity-permalink div.activity-comments ul li > ul { margin-top: 15px; } div.activity-comments div.acomment-avatar img { border-width: 2px !important; float: left; margin-right: 10px; } div.activity-comments div.acomment-content { font-size: 11px; margin-left: 39px; margin-top: 5px; } div.acomment-content .time-since { display: none; } div.acomment-content .activity-delete-link { display: none; } div.acomment-content .comment-header { display: none; } body.activity-permalink div.activity-comments div.acomment-content { font-size: 14px; } div.activity-comments div.acomment-meta { font-size: 11px; color: #888; } div.activity-comments form.ac-form { display: none; margin: 10px 0 10px 33px; background: #eee; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 8px; } div.activity-comments li form.ac-form { margin-right: 15px; } div.activity-comments form.root { margin-left: 0; } div.activity-comments div#message { margin-top: 15px; margin-bottom: 0; } div.activity-comments form.loading { background-image: url( images/bp/ajax-loader.gif ); background-position: 2% 95%; background-repeat: no-repeat; } div.activity-comments form .ac-textarea { padding: 8px; border: 1px inset #ccc; background: #fff; margin-bottom: 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.activity-comments form textarea { width: 100%; font-family: inherit; font-size: 11px; color: #555; height: 60px; border: none; padding: 0; } div.activity-comments form input { margin-top: 5px; } div.activity-comments form div.ac-reply-avatar { float: left; } div.ac-reply-avatar img { border: 2px solid #fff !important; } div.activity-comments form div.ac-reply-content { margin-left: 25px; padding-left: 15px; color: #888; font-size: 11px; } /* > Private Message Threads -------------------------------------------------------------- */ table#message-threads tr.unread td { background: #FFF9DB; border-top: 1px solid #FFE8C4; border-bottom: 1px solid #FFE8C4; font-weight: bold; } table#message-threads tr.unread td span.activity { background: #fff; } li span.unread-count, tr.unread span.unread-count { background: #dd0000; padding: 2px 8px; color: #fff; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } div.item-list-tabs ul li a span.unread-count { padding: 1px 6px; color: #fff; } div.messages-options-nav { font-size: 11px; background: #eee; text-align: right; margin: 0 -20px; padding: 5px 15px; } div#message-thread div.message-box { margin: 0 -20px; padding: 15px; } div#message-thread div.alt { background: #f4f4f4; } div#message-thread p#message-recipients { margin: 10px 0 20px 0; } div#message-thread img.avatar { float: left; margin: 0 10px 0 0; vertical-align: middle; } div#message-thread strong { margin: 0; font-size: 16px; } div#message-thread strong a { text-decoration: none; } div#message-thread strong span.activity { margin: 4px 0 0 10px; } div#message-thread div.message-metadata { overflow: hidden; } div#message-thread div.message-content { margin-left: 45px; } div#message-thread div.message-options { text-align: right; } /* > Group Forum Topics -------------------------------------------------------------- */ ul#topic-post-list { margin: 15px -20px; width: auto; } ul#topic-post-list li { padding: 15px; position: relative; } ul#topic-post-list li.alt { background: #f4f4f4; } ul#topic-post-list li div.poster-meta { margin-bottom: 10px; color: #888; } ul#topic-post-list li div.post-content { margin-left: 54px; } div.admin-links { position: absolute; top: 15px; right: 25px; color: #888; font-size: 11px; } div#topic-meta div.admin-links { bottom: 0; right: 0; top: auto; } div#topic-meta { position: relative; padding: 5px 0; } div#topic-meta h3 { font-size: 20px; } div#new-topic-post { margin: 0; padding: 1px 0 0 0; }