/* Theme Name: SocialMediaNews Theme URL: Description: Tema Wp personalizzato Author: Websushi.it Author URI: http://www.websushi.it Version: 1.0 Date: September 2009 */ /* regole generali =========================================*/ /* Neutralize styling: Elements we want to clean out entirely: */ html, body, form {margin: 0; padding: 0;} html {font-size:100%;} img {border:0;} label {cursor:auto} h1, h2, h3, h4 {margin: 0; padding: 0;} ul {list-style-type: none; margin:0; padding:0;} /* Miscellaneous conveniences: */ fieldset { border: none;padding:0; margin:0} input, select, textarea {font: 12px Arial, Helvetica, sans-serif;} .clear {clear:both;} br.clear {clear:both; line-height:0; height:0} .left {float:left} .right {float:right} .center {text-align:center} .nascosto {display:none;} .alignLeft {float:left; margin-right:5px;} .alignRight {float:right; margin-left:5px;} p {margin:1em 0;} /* Apply styles ========================================= */ body {font: 12px/1.3 Arial, Helvetica, sans-serif; background:#fff url("images/bg.jpg") repeat-x; color:#000; text-align: center;} /*link*/ a {color:#f06600;text-decoration:none;} a:hover {color:#666; text-decoration:underline; outline:none;} /*titoli*/ h1 {font-size:30px; margin:5px 0;} h2 {font-size:24px; margin:5px 0; font-family:georgia, serif;} h3 {font-size:14px; margin:5px 0;} /* struttura */ #wrapper {width:960px; margin: 0px auto; text-align:left; } #page {width:960px;} #footer {} #content {width:960px; padding-top:30px; float:left;} #mainCol {width:635px; float:left; } #sidebar {width:280px; float:right; } /************************************************ * Header * ************************************************/ #header {height:120px; position:relative;} #logo {position:absolute; top:5px;} #logo h1 {width:353px; height:104px;} #logo h1 a {outline:none;} #logo h1 span {display:none;} #searchBox {position:absolute; top:80px; right:0;} #form-search label {display:none} #form-search input { vertical-align:middle} input#search {border:#a9a9a9 1px solid; padding:2px 10px 2px; width:225px} /**** MENU ******/ #navbar {float:left; width:100%; height:23px; background:url("images/bg_nav.gif") repeat-x;} ul.menu {margin:0; padding:0; float:left; } ul.menu li { float: left; margin: 0; height:23px; text-transform:uppercase; background:url("images/bg_nav_a.gif") bottom right no-repeat;} ul.menu li a { padding:6px 12px; margin-right:1px; font-size:11px; line-height:11px; color:#000; text-decoration:none; display:block;} ul.menu li a:hover {text-decoration:none; background:url("images/bg_nav_ahover.gif"); } ul.menu li.current_page_item a, ul.menu li.current_page_parent a {text-decoration:none; background:url("images/bg_nav_ahover.gif");} /************************************************ * POST * ************************************************/ .post {margin:0 0 15px 0; } .post h2 {padding-left:24px; color:#000; background:url("images/square.gif") 0 7px no-repeat;} .post h2 a {color:#000;} .post .entry {line-height:1.4em; padding-left:24px;} .post .entry h3 {margin:1em 0;} .post .entry p {margin:1em 0;} .post .entry p a {font-weight:bold; text-decoration:underline;} .post .entry blockquote {margin:10px 0 5px; padding:10px 0 5px; color:#000; border-top:3px solid #e6e6e6; font-size:16px; font-weight:bold;} .post .entry blockquote p {display:inline; margin:0; text-transform: uppercase;} /*.post .entry blockquote p:first-letter {text-transform:uppercase;}*/ .post .entry ul {margin:0 1.3em; list-style:none;} .post .entry ul li {background:none;} .postMeta {position:relative; height:25px; font-size:11px; } .postMeta span.category {position:absolute; top:0; left:0; color:#fe6c01; font-weight:bold;} .postMeta span.category a {color:#fe6c01; text-transform:uppercase;} .postMeta span.date {position:absolute; top:0; right:0; background:#ff7f00; color:#fff; padding:1px 2px;} /*commenti*/ #commenti { clear:both; margin-top:40px} #commenti h3, #noComments h3 {margin-bottom:10px;} #commenti ol {list-style:none; padding:5px 0;} #commenti li {margin-bottom:40px; clear:both;} #commenti li img.avatar {padding:3px; border:#e7e7e7 1px solid; float:left;} #commenti li small {font-size:11px; display:block; width:545px; float:right;} #commenti li .right {width: 545px; margin-top:10px; min-height:60px} #commenti li cite, #commenti li cite a {font-style:normal} #commenti p {font-size:12px; padding:0; margin:0;} #postcomment { clear:both;} #postcomment h3 {} #commentform {padding:10px 0px;} #commentform p {clear:both} #commentform label {display:block; color:#333; float:left; width:80px; margin-top:10px} #commentform p span {vertical-align:bottom; font-size:11px;} #commentform input {width:200px; border:#a9a9a9 1px solid; vertical-align:middle; padding:4px; margin-top:10px; margin-right:10px} #commentform textarea {vertical-align:top; width:545px; border:#a9a9a9 1px solid; padding:2px; margin-top:10px} #commentform p.alignRight {text-align:right; margin-top:5px;} #commentform input#submit {border:none; height:auto; width:auto; margin:10px 4px 0 0; padding:0} /* archivio */ #archivio {margin-top:20px;} #archivio .postMeta {background:url("images/bg_postmeta_lanci.gif") 0 2px repeat-x; height:20px;} #archivio .postMeta span.date {position:absolute; top:0; right:0; background:#fff; color:#666; padding:1px 2px 0 3px;} #archivio .post h2 {color:#000; font-family:georgia; font-size:18px; margin-top:0; padding-left:24px; background:url("images/square.gif") 0 4px no-repeat;} #archivio .post a {color:#000;} #archivio .post .entry {padding-left:24px;} /************************************************ * Homepage * ************************************************/ #topnews {width:960px; float:left; margin-bottom:20px;} #topnews #primopost {float:left; width:600px;} #topnews #primopost span.category {color:#fe6c01;} #topnews #primopost .entry {} #topnews #primopost img#leadpic {float:left; margin-right:8px; border:1px solid #d2d2d2;} #topnews #videotop {float:right; width:336px; } #topnews #videotop #labelvideo {text-align:right;} #topnews #videotop #labelvideo span { background:#ff7f00; color:#fff; padding:1px 5px; font-zie:11px; font-weight:bold;} #topnews #videotop #boxvideo {background:#e9e9e9; padding:18px;} #topnews #videotop #boxvideo ul {margin:0; padding:0; list-style-type:none;} #topnews #videotop #boxvideo h2 {display:none;} #boxCat {background:#e9e9e9; width:960px; margin-bottom:40px; float:left;} #boxCat ul {margin:10px 0; float:left;} #boxCat ul li {width:192px; height:20px; float:left; background:url("images/bg_catlist.gif") 10px 0 no-repeat} #boxCat ul li a {margin:0 10px; display:block; padding-left:10px; font-size:11px; font-weight:normal; color:#424242; text-transform:uppercase;} #boxCat ul li a:hover {text-decoration:none; color:#f06600;} #lancihp {width:960px; float:left; margin-bottom:20px;} #lancihp .lancio {width:290px; _width:275px; height:215px; margin:10px 15px; float:left;} #lancihp .lancio .postMeta {background:url("images/bg_postmeta_lanci.gif") 0 2px repeat-x;} #lancihp .lancio .postMeta span.category {background:#fff; padding-right:4px;} #lancihp .lancio .postMeta span.date {position:absolute; top:0; right:0; background:#fff; color:#666; padding:1px 2px 0 4px;} #lancihp .lancio h2 {color:#000; font-family:georgia; font-size:13px; margin-top:0; padding-left:15px; background:url("images/square_small.gif") 0 4px no-repeat;} #lancihp .lancio h2 a {color:#000;} #lancihp .lancio .entry {padding-left:15px; padding-top:3px;} #lancihp .lancio .entry img {float:left; margin-right:5px; border:1px solid #d2d2d2;} /************************************************ * Sidebar * ************************************************/ #sidebar #boxCat {background:#e9e9e9; width:280px; margin-bottom:40px;} #sidebar #boxCat ul {margin:10px 0;} #sidebar #boxCat ul li {width:280px; height:20px; float:left; background:url("images/bg_catlist_sidebar.gif") 10px 0 no-repeat} #sidebar #boxCat ul li a {margin:0 10px; display:block; padding-left:10px; font-size:11px; font-weight:normal; color:#424242; text-transform:uppercase; } /* sidebar single page */ #sidebar .blocco {margin-bottom:20px;} #sidebar h3.seguifeed {padding-top:7px;} #sidebar .utility {background:#f3f3f3; border:1px solid #e8e8e8; padding:10px 0; width:280px; text-align:center;} #sidebar .utility a {text-decoration:none; color:#000; margin-right:10px;} #sidebar .utility a img {vertical-align:middle; margin-right:3px;} #sidebar .utility a:hover {color:#f06600;} #sidebar .utility a.share {margin-right:0px;} #sidebar .listNotizie {margin-bottom:15px;} #sidebar .listNotizie a {color:#333;} #sidebar .listNotizie ul li {clear:both;} #sidebar .listNotizie span.date { background:#ff7f00; color:#fff; padding:0 2px; float:left;} #sidebar .listNotizie span.title {display:block; width:220px; float:right; margin-bottom:10px;} /************************************************ * Footer * ************************************************/ #footer {border-top:1px solid #ccc; color:#666; padding:10px 0 30px;} #footer a {color:#444; font-weight:bold;} /************************************************ /* pagine */ h2.page-title {font-size:18px; font-weight:normal; background:none; padding:0; margin:0; font-family:arial;} .post .entryPagina ul {margin:0 1.3em; list-style:none;} .post .entryPagina ul li {background:url(images/dot.gif) no-repeat 0 6px; padding-left:10px; margin-bottom:7px;} /* paginazione standard */ .navigation {position:relative; margin:10px 0; height:18px; line-height:18px;} .navigation span.previous-entries {position:absolute; left:0;} .navigation span.next-entries {position:absolute; right:0;} /*paginazione con plugin #wp_page_numbers {font-size:20px; position:relative; color:#000;} #wp_page_numbers ul {width:100%; text-align:right;padding:2px 0} #wp_page_numbers li.page_info {position:absolute; top:0; left:0; padding:0 10px} #wp_page_numbers li {display:inline; border:#e4e4e4 1px solid; } #wp_page_numbers li a {color:#666; padding:2px 5px; font-weight:normal; text-decoration:none} #wp_page_numbers li a:hover {color:#666;} #wp_page_numbers li.active_page a {color:#000; text-decoration:none} */