/* Theme Name: newspress v1.2 Theme URI: http://wpcrunchy.com Description: elegant wordpress theme for any nitche made by wpcrunchy Version: 1.2 Author: akosipau Author URI: http://wpcrunchy.com/ Tags: three column, red, jquery, white */ /* RESET ------------------------------- */ @import url('css/reset.css'); @import url('css/text.css'); @import url('css/960.css'); @import url('css/dropdown.css'); /* GLOBAL ------------------------------- */ * html {text-align:center;font-family:DejaVu Sans Condensed; font-size:12px; padding:20px 0px 20px 0; color:#FFF;margin:0; padding:0;} body {align:center;font-family:DejaVu Sans Condensed; font-size:12px; padding:20px 0 20px 0; color:#fff; width:100%; margin:auto; } .left { float:left; } .right { float:right; } a {color:#0077ff; } blockquote { margin-left:10px; padding-left:10px; color:#ffffff; } .puce { list-style-image: url("http://lyon.cyclopolitain.com/wp-content/uploads/2010/03/puce2.gif"); } .puce1 { list-style-image: url("http://lyon.cyclopolitain.com/wp-content/uploads/2010/03/puce3.gif"); } .puce2 { list-style-image: url("http://lyon.cyclopolitain.com/wp-content/uploads/2010/03/puce_menu.gif"); } ul {;} /* HEADER ------------------------------- */ #header { margin-bottom:10px; } /*--- branding ---*/ #branding { margin-bottom:20px; } #branding .blog-description { font-size:10px; color: #000; font-family: 'Verdana', 'Arial', 'Trebuchet MS'; display:block; padding-left:3px; } #branding .blog-title { margin:0; padding:0; font-size: 36px; color: #252e28; font-family: 'Arial', 'Trebuchet MS'; letter-spacing: -2px; line-height:40px; } #branding .blog-title a { text-decoration:none; color:#252e28; } /*--- navigation ---*/ #accueil {border-top:0px dotted #aaa; background:url(images/nav-bg-v.jpg) repeat-x bottom left;} #accueil a {display:block; font-family: 'Verdana', 'Arial', 'Trebuchet MS'; font-size:11px; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-align:center; } #accueil a:hover {display:block; font-family: 'Verdana', 'Arial', 'Trebuchet MS'; font-size:11px; text-transform:uppercase; text-decoration:none; color:#666666; text-align:center;} #navigation {border-top:0px dotted #aaa; background:url(images/nav-bg.jpg) repeat-x bottom left; } #navigation a {display:block; font-family: 'Verdana', 'Arial', 'Trebuchet MS'; font-size:11px; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-align:center;} #navigation a:hover {display:block; font-family: 'Verdana', 'Arial', 'Trebuchet MS'; font-size:11px; text-transform:uppercase; text-decoration:none; color:#FFFFFF; text-align:center;background:url(images/nav-bg-v.jpg) repeat-x bottom left;} #navigation ul { margin:0; padding:0; list-style:none; } #navigation ul li { margin:0; padding:0; float:right; position:relative; z-index:100; } #navigation ul li a { display:block; padding:10px 15px; font-family: 'Verdana', 'Arial', 'Trebuchet MS'; font-size:11px; text-transform:uppercase; text-decoration:none; border-bottom: 5px solid #666666; color:#252e28; border-radius:0px;} #navigation ul li a:hover { color:#99CF16; border-bottom-color:#99CF16; } #navigation ul li.nav-rss { float:right; padding-left:6px; background:url(images/feed.png) no-repeat 0 8px; } #navigation ul li.nav-rss a { padding-right:10px; color:#5a5a5a; } #navigation ul li.nav-rss a:hover { border-bottom-color:#252e29; color:#252e28; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #666; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; } .sf-menu ul { border:0px solid #d4d4d4; border-top:none; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top:36px; /* overriding essential styles */ } .sf-menu ul ul { margin-top:0; } .sf-menu ul a { border-bottom:0 !important; border-top:1px solid #d4d4d4; background-color:#ff3399; } .sf-menu ul a:hover { color: #FF4B33; background-color:#f1f1f1; } /* FEATURED ------------------------------- */ #featured { margin-bottom:10px; padding:10px 0; background color=#fff; } #featured .f-item { position:relative; overflow:hidden; width:220px; height:250px; } #featured .f-item img { position:absolute; z-index:1; } #featured .f-item .f-meta { width:220px; height:250px; padding:10px; position:absolute; z-index:2; top:180px; background:url(images/featured-meta-bg.png) repeat top left; color:#fff; } #featured .f-item .f-meta h3 { font-size: 18px; font-family: 'Arial', 'Trebuchet MS'; letter-spacing: -1px; margin:0; padding:0 0 15px 0; text-transform:uppercase; text-shadow:#000 1px 1px 1px; } #featured .f-item .f-meta a { color:#99cf16; text-decoration:none; } #featured .f-item .f-meta p { margin:0 5px 0px 0px; padding-right:10 px; font-size:10px; font-family: 'Verdana', 'Arial', 'Trebuchet MS'; } /* MAIN ------------------------------- */ #main { padding:10px 0; background color:#fff; } #mainreseau { padding:10px 0; background-color:#DDDBDB; } /*--- posts ---*/ #postsReseau {margin-bottom:10px; padding:15px; border:1px solid #666 ; font-size:14px;background-color:#fff;} #posts .post, .breadcrumb {margin-bottom:10px; padding:15px; border:1px solid #666 ; font-size:14px;} #posts .breadcrumb {border:0px solid #666 ;} #posts .post-image {padding:3px; background-color:#fff; border:0px solid #fff; } #posts .post-title, .post-heading {margin:0; margin-bottom:15px;color:#333; font-family: Arial, Trebuchet MS; font-size:24px;letter-spacing: -1px; line-height:24px; text-transform:uppercase; text-shadow:#fff 1px 1px 1px; font-weight:bold; } #posts .post-title a { font-size: 24px;color:#666; text-decoration:none; } #posts .post-title a:hover {font-size: 24px;color:#666; text-decoration:none; } #posts .post-meta span { display:block; float:left; padding-left:15px; margin-right:15px; font-size:10px; text-transform:uppercase; color:#c9c9c9; } #posts .post-meta span.datetime { background:url(images/clock.png) no-repeat 0 50%; } #posts .post-meta span.category { background:url(images/category.png) no-repeat 0 50%; } #posts .post-meta span.comment { background:url(images/comments.png) no-repeat 0 50%; } #posts .post-excerpt { margin-left:5px;padding-top:0px; font-size: 12px; color: #666; font-family:Verdana;} #posts .post-full { margin-left:5px;padding-top:0px; font-size: 12px; color: #666; font-family:Verdana;} #posts .post-link { display:block; padding-left:12px; background:url(images/arrow.gif) no-repeat 0 50%; font-weight:bold; font-size:13px; text-transform:uppercase; } #posts .post-entry-meta { padding:15px; border:3px double #dcdcdc; background-color:#fafafa; text-shadow:#fff 1px 1px 1px; font-size:14px; } #posts .post-heading { display:block; padding:0 0 10px 0; } #posts .post-related { width:350px; } #posts .post-related ul { margin:0; padding:0; list-style:none; } #posts .post-related ul li { margin:0; padding:0 0 0 15px; background:url(images/bullet.png) no-repeat 0 10px; } #posts .post-related ul li a { text-decoration:none; } #posts .post-related ul li a:hover { text-decoration:underline; } #posts .post-sharing { width:215px; padding-left:15px; border-left:1px solid #dcdcdc; } #posts .post-sharing img { padding-right:5px; padding-bottom:5px; } #posts .post-full img {float:right; padding:3px 3px 3px 5px;} #posts .post-full p {margin-left:5px;padding:0 0 0 0;text-align:justify;} #posts .post-full-title {margin-left:5px; margin-bottom:15px;margin-top:10px;color:#666; font-family: 'Trebuchet MS'; font-size:24px;letter-spacing: -1px; line-height:24px; text-transform:uppercase; text-shadow:#fff 1px 1px 1px; font-weight:bold; } #posts .post-full-titlenoir {margin-left:5px; padding: 0px ;color:#666; font-family:'Trebuchet MS'; font-size:15px;letter-spacing: 0px; line-height:30px; text-transform:uppercase;vertical-align:bottom;} /*--- sidebar ---*/ #sidebar .widget { margin-bottom:40px; margin-top:10px; background-color:#fff;} #SidebarReseau .widget { margin-bottom:40px; margin-top:10px; } #sidebar .widget-head { margin:0; margin-bottom:10px; padding: 0px ;color:#99cf16; font-family: 'Arial', 'Trebuchet MS'; font-size:24px;letter-spacing: -1px; line-height:24px; text-transform:uppercase; text-shadow:#fff 1px 1px 1px;border-bottom:1px solid #C4C4C4;} #SidebarReseau .widget-head { margin:0; margin-bottom:10px; padding: 0px ;color:#99cf16; font-family: 'Arial', 'Trebuchet MS'; font-size:24px;letter-spacing: -1px; line-height:24px; text-transform:uppercase; text-shadow:#fff 1px 1px 1px;border-bottom:1px solid #C4C4C4;} #sidebar .widget-body { padding: 0px;font-family: verdana, arial, tahoma;color:#666;} #SidebarReseau .widget-body { padding: 0px;font-family: verdana, arial, tahoma;color:#666;} #sidebar .widget-body ul { padding:0px 0px 0px 20px;list-style-image: url("http://lyon.cyclopolitain.com/wp-content/uploads/2010/03/puce_menu.gif");list-style-position: outside;} #SidebarReseau .widget-body ul { padding:0px 0px 0px 20px;list-style-image: url("http://lyon.cyclopolitain.com/wp-content/uploads/2010/03/puce_menu.gif");list-style-position: outside;} #sidebar .widget-body ul li { padding:0px 0px 0px 10px;margin:0px; font-family: verdana, arial, tahoma;border-radius:0px;} #SidebarReseau .widget-body ul li { padding:0px 0px 0px 10px;margin:0px; font-family: verdana, arial, tahoma;border-radius:0px;} #sidebar .widget-body ul li a {margin:0px; font-family: verdana, arial, tahoma; display:block;text-decoration:none; color:#666;font-size:12px;border-bottom:1px dashed #9E9E9E;} #SidebarReseau .widget-body ul li a {margin:0px; font-family: verdana, arial, tahoma; display:block;text-decoration:none; color:#666;font-size:12px;border-bottom:1px dashed #9E9E9E;} #sidebar .widget-body ul li a:hover { margin:0px; font-family: verdana, arial, tahoma; background-color: #ededed;border-radius:0px;} #SidebarReseau .widget-body ul li a:hover { margin:0px; font-family: verdana, arial, tahoma; background-color: #ededed;border-radius:0px;} #sidebar .widget-body ul ul li { background-image:none; list-style-type:square; padding-left:0px; } #SidebarReseau .widget-body ul ul li { background-image:none; list-style-type:square; padding-left:0px; } #sidebar .widget.subscription { border:0; background-color:#eaeaea; } #sidebar .subscription span { display:block; padding:10px 0 10px 52px; color:#111; font-size:24px; font-family: 'Arial', 'Trebuchet MS'; letter-spacing: -1px; line-height:24px; text-transform:uppercase; text-shadow:#fff 1px 1px 1px; } #sidebar .subscription a { color:#111; text-decoration:none; } #sidebar .subscription a:hover { color:#555; } #sidebar .subscription span.rss { background:url(images/Social_RSS.png) no-repeat 0 50%; } #sidebar .subscription span.email { background:url(images/Social_Email_RSS.png) no-repeat 0 50%; } #sidebar .subscription span.twitter { background:url(images/Social_Twitter.png) no-repeat 0 50%; } #sidebar .tabs .tabnav { border-bottom:1px solid #dcdcdc; position:relative; } #sidebar .tabs .tabnav span { display:block; width:98px; font-weight:bold; padding:10px 0; float:left; font-size:18px; color:#0077ff; font-family: 'Arial', 'Trebuchet MS'; letter-spacing: -1px; line-height:24px; text-transform:uppercase; text-shadow:#fff 1px 1px 1px; text-align:center; } #sidebar .tabs .tabnav a { text-decoration:none; } #sidebar .tabs .tabnav a:hover { color:#161616; border-radius:0px;} #sidebar .tabs .tabnav span.tn-arrow { width:16px; height:9px; background:url(images/arrow-down.png) no-repeat top left; position:absolute; left:40px; bottom:-29px; } #sidebar .rp { padding:5px 0; } #sidebar .rp-thumb { margin-right:10px; padding:3px; border: 1px solid #dcdcdc; color: #555555; background-color: #fff; } #sidebar .rp-meta span { display:block; padding:5px 0 0 0; } #sidebar .rp-meta .author { font-size:14px; font-weight:bold; } #sidebar .rp-meta .datetime { color:#c9c9c9; } #sidebar .ads { background:none; border:0; padding:0 0 0 10px; margin:0 0 20px 0; } #sidebar .ads125box { height:125px; width:125px; background:#CCCCCC; float:left; margin:10px 0 0px 10px; } .ads125box img { border:0; } /* COMMENTS ------------------------------- */ #comments { margin-top:10px; padding:20px 15px; border:3px double #dcdcdc; background-color:#fafafa; text-shadow:#fff 1px 1px 1px; font-size:14px; } #comments .comment-head { margin:0; padding:0 0 10px 0; font-weight:normal; font-size: 25px; color: #111; font-family: 'Arial', 'Trebuchet MS'; letter-spacing: -1px; margin:0; padding:10px 0 8px 0; line-height:30px; text-transform:uppercase; text-shadow:#fff 1px 1px 1px; border-bottom:3px solid #161616; } #comments .comment-list { margin:0 0 20px 0; padding:0; list-style:none; } #comments .comment-list li { margin:0; padding:10px 0 20px 0; border-bottom:1px solid #e3e3e3; } #comments .comment-list li.thread-even { background-color:#f9f9f9; } #comments .comment-list ul.children { margin:0 0 0 20px; padding:0 0 0 10px; list-style:none; border-left:1px solid #ccc; } #comments .comment-list ul.children li { border:0; } #comments .comment { padding:0 10px 10px 10px; } #comments .comment-meta-box { padding-bottom:15px; } #comments .comment .gravatar { padding:3px; border:1px solid #e5e5e5; } #comments .comment .comment-meta { padding-left:10px; text-transform:uppercase; } #comments .comment .comment-meta .author { display:block; padding:6px 0; } #respond .cancel-comment-reply { padding:10px 0; } #respond input[type=text], #respond textarea { padding:6px 5px; border-top:2px solid #9a9a9a; border-left:2px solid #9a9a9a; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-family:Georgia, "Times New Roman", Times, serif; } #respond input[type=text] { width:50%; } #respond input[type=text].author { background:url(images/user.png) no-repeat 98% 50%; } #respond input[type=text].email { background:url(images/email.png) no-repeat 98% 50%; } #respond input[type=text].url { background:url(images/link.png) no-repeat 98% 50%; } #respond textarea { width:97%; height:150px; margin:0; } #respond input[type=submit] { padding:8px 12px; border:0;background:#2d2d2d; color:#fff;font-family: Georgia, "Times New Roman", Times, serif; cursor:pointer; text-shadow:#000 1px 1px 1px; } /* FOOTER ------------------------------- */ #footer {margin-top:10px;} /*--- footer widgets ---*/ #footer-widgets { padding:10px 0; background color=#fff; text-transform:uppercase; text-shadow:#fff 1px 1px 1px; } #footer-widgets h3 { margin:0; padding:0 0 5px 0; color:#0077ff; font-weight:normal; font-size:22px; letter-spacing: -1px; line-height:24px; text-transform:uppercase; font-family: 'Arial', 'Trebuchet MS'; } #footer-widgets ul { margin:0 0 0 5px; padding:0; list-style:none; } #footer-widgets ul li { margin:0; padding:4px 0 4px 15px; } #footer-widgets ul li a { color:#555; text-decoration:none; } #footer-widgets ul li a:hover { text-decoration:none; } #footer-widgets .socialprofile { margin:0; padding:0; } #footer-widgets .socialprofile img { margin:0 1px; } /*--- footer navigation ---*/ #footer-navigation {border-top:1px solid #666666;} #footer-navigation ul { margin:0; padding:0; list-style:none; } #footer-navigation ul li { margin:0; padding:0; float:left; position:relative; z-index:100; } #footer-navigation ul li a { display:block; padding:10px 15px; font-family: 'Verdana', 'Arial', 'Trebuchet MS'; font-size:11px; text-transform:uppercase; text-decoration:none; color:#666666;border-radius:0px; } #footer-navigation ul li a:hover { color:#99CF16; border-top-color:#99CF16; } #footer-navigation ul li.nav-rss { float:left; padding-left:6px; background:url(images/feed.png) no-repeat 0 8px; } #footer-navigation ul li.nav-rss a { padding-right:10px; color:#5a5a5a; } #footer-navigation ul li.nav-rss a:hover { border-top-color:#252e29; color:#252e28; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #666; } .sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline:0; } .sf-menu ul { border:0px solid #d4d4d4; border-top:none; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { top:36px; /* overriding essential styles */ } .sf-menu ul ul { margin-top:0; } .sf-menu ul a { border-bottom:0 !important; border-top:0px solid #d4d4d4; background-color:#ff3399; } .sf-menu ul a:hover { color: #FF4B33; background-color:#f1f1f1; } /*--- copyright ---*/ #copyright { padding:5px 0; border-top:0px solid #252e28; font-size:10px; text-transform:uppercase; text-shadow:#fff 1px 1px 1px; } #copyright a { color:#fff; text-decoration:none; } #copyright span.right { color:#fff; text-transform:capitalize; } #copyright span.right a { color:#fff; text-decoration:underline; } /* PAGENAVI ------------------------------- */ .wp-pagenavi { font-size:14px; } .wp-pagenavi a, .wp-pagenavi a:link { padding: 5px 7px; text-decoration: none; border: 1px solid #dcdcdc; color: #555555; background-color: #fff; } .wp-pagenavi a:visited { padding: 5px 7px; text-decoration: none; border: 1px solid #dcdcdc; color: #413f36; background-color: #fff; } .wp-pagenavi a:hover { border: 1px solid #0077ff; color: #FFF; background-color: #0077ff; } .wp-pagenavi a:active { padding: 5px 7px; margin: 2px; text-decoration: none; border: 1px solid #dcdcdc; color: #413f36; background-color: #fff; } .wp-pagenavi span.pages { padding: 5px 7px; color: #555555; border: 1px solid #dcdcdc; color: #413f36; background-color: #fff; } .wp-pagenavi span.current { padding: 5px 7px; font-weight: bold; border: 1px solid #0077ff; color: #FFF; background-color: #0077ff; } .wp-pagenavi span.extend { padding: 5px 7px; border: 1px solid #0077ff; color: #FFF; background-color: #b0483b; } /* WORDPRESS CSS ------------------------------- */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; margin-right:10px; } .alignright { float: right; margin-left:10px; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -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: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }