/* Theme Name: StarCraft II News Theme URI: http://www.templatepanic.com/article/starcraft-ii-news-wordpress-theme Description: StarCraft II News, a Wordpress Theme. The comment section is supporting Gravatars (http://gravatar.com/). Ready for Wordpress 2.7. Supporting threaded comments. Featuring JavaScript Dropdown Menu with Multi Levels for top navigation menu. Version: 1.0 Author: Effi Author URI: http://www.effiharyanti.com/ Tags: 3-column, fixed-width, right-sidebar, widget-ready, threaded-comments Credit is given to: - JavaScript Dropdown Menu with Multi Levels (http://www.leigeber.com/2008/11/drop-down-menu/) - Social Bookmark Iconset by Vikiworks.com (http://vikiworks.com/2007/06/15/social-bookmark-iconset/) */ /* -------------------- GENERAL -------------------- */ body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, form { margin: 0; padding: 0; } body { font: 13px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; text-align: justify; background: #000000 url(images/bg_2.gif) repeat-y top center; color: #bababa; } h1, h2, h3, h4, h5, h6 { font-weight: bold;} .entry ul { margin: 0 5px 0 5px; } .entry li { color: #c2e3fe; margin: 0 10px 0 0; } p { margin: 15px 0; color: #c2e3fe; } a { text-decoration: none; color: #000; } a:hover { text-decoration: underline; } blockquote p { padding: 0 15px; } code { } hr { display: none; } .entry img { border: 1px solid #ccc; padding: 4px; margin: 5px; } .entry img:hover { border: 1px solid #444; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { margin: 5px 0 2px 7px; padding: 4px; display: inline; } img.alignleft { margin: 5px 7px 2px 0; padding: 4px; display: inline; } img.wp-smiley { border: 0; margin: 0; padding: 0; background-color: transparent; } a img { border: 0; } .alignright { float: right; } .alignleft { float: left; } input, textarea { font-family: Arial, Helvetica, Georgia, Sans-Serif; font-size: 90%; } input#s, input#author, input#email, input#url, textarea#comment { padding: 3px; } input#author, input#email, input#url { margin: 0 5px 0 0; } pre { width: 90%; } small { font-size: 90%; } .clr {clear: both;} /* -------------------- LAYOUT -------------------- */ #container { margin: 0 auto; width: 900px; padding: 0; } #page { float: left; width: 900px; padding: 0; margin: 0; background: #fff; } #header { width: 900px; height: 384px; margin: 0; padding: 0; border-left: 1px solid #0092eb; border-right: 1px solid #0092eb; } .mainwrap { float: left; width: 900px; background: #000; margin: 0; padding: 5px 0 0 0; display: inline; border-left: 1px solid #0092eb; border-right: 1px solid #0092eb; } .content { float: left; width: 549px; margin: 0; padding: 10px 4px 0 0; } #contactform { padding: 20px 0; border: none; } /* -------------------- HEADER / SITE TITLE -------------------- */ #site_title { width: 900px; height: 339px; margin-top: 0; background-color: #000; } #site_title h1 { padding: 265px 0 0 30px; position: relative; color: #000; } #site_title a, a:visited { color: #000; text-decoration: none; } #site_title a:hover { color: #ccc; } #header .description { padding-left: 30px; font-size: 80%; font-style: italic; color: #aaa; } #header .topmenu { float: left; width: 900px; height: 45px; background: url(images/menutop.gif) no-repeat top center; padding: 0; margin: 0; font-size: 80%; font-weight: bold; } /* -------------------- CSS FOR DROP-DOWN MENU -------------------- */ ul.menu { list-style: none; padding: 0; margin-left: 10px; margin-top: 0; } ul.menu * { margin: 0; padding: 0; } ul.menu a { display: block; color: #ccc; text-decoration: none; text-align: center; } ul.menu li { position: relative; float: left; margin-right: 2px; } ul.menu ul { position: absolute; top: 45px; left: 0; background: #19367c; display: none; list-style: none; } ul.menu ul li { position: relative; border-top: none; width: 170px; margin: 0; } ul.menu ul li a { display: block; padding: 3px 7px 5px; background: #19367c; } ul.menu ul li a:hover { background-color: #061741; } ul.menu ul ul { left: 170px; top: 0; } ul.menu .menulink { padding: 15px 0 15px 0; font-weight: bold; background: url(images/nav.gif) no-repeat; width: 170px; } ul.menu .menulink:hover, ul.menu .menuhover { background: url(images/nav-hover.gif); } ul.menu .menulink2 { padding: 15px 0 15px 0; margin-left: 15px; font-weight: bold; background: url(images/nav2.gif) no-repeat; width: 170px; } ul.menu .menulink2:hover, ul.menu .menuhover { background: url(images/nav2-hover.gif); } ul.menu .sub { background: #19367c url(images/arrow.gif) 160px 8px no-repeat; } ul.menu .topline { } /* -------------------- SEARCH -------------------- */ #search { padding: 15px 0 15px 0; margin: 0; font-size: 140%; } #search form#searchform { float: left; margin: 0; } #search form#searchform input { width: 100%; color: #ccc; padding-top: 7px; padding-left: 8px; width: 174px; } #search form#searchform .keyword { float: left; width: 190px; height: 32px; background: url(images/bgsearch.jpg) no-repeat top left; } #search form#searchform .keyword input#s { float: left; margin: 0; border: 0; display: inline; background-color: transparent; } #search form#searchform .go { float: right; } /* -------------------- POSTS -------------------- */ .post { padding: 0 0 20px 0; width: 549px; } .entry { } .post h2 { padding: 20px 0 0 40px; font-size: 160%; width: 529px; color: #b8e3ff; } .post h2 a { color: #c2e3fe; } .post h2 a:hover { color: #dc8e42; text-decoration: none; } .post h2 a:visited { color: #c2e3fe; text-decoration: none; } .post-header { padding: 0 0 0 0; margin: 0 0 0 0; height: 81px; width: 549px; background-image: url(images/post-header.png); } .post-content{ background: url(images/post-bg.png) repeat-y bottom center; width: 549px; padding: 0 0 0 0; margin: 0 0 0 0; } .post-content a { color: #f26522; text-decoration: underline; } .post-content a:hover { color: #c2e3fe ; text-decoration: underline; } .post-content a:visited { color: #f26522; text-decoration: underline; } .post p { margin: 0 0 0 0; padding: 15px 18px 15px 15px ;} .post-footer { height: 44px; background: url(images/post-bot.png) no-repeat bottom center; } .post ol { padding-left: 60px; } .postinfo { font-size: 70%; line-height: 20px; float: left; margin: 0 0 0 0; padding: 8px 0px 0px 25px; clear: both; width: 529px; color: #505050;} .postinfo a { color: #f26522; } .postinfo a:visited { color: #f26522; } .postinfo ul { list-style-type: none; margin: 0; padding: 10px 0 0 0; } .postinfo ul li { float: left; margin: 0 10px 0 0; display: inline; } .postinfo ul li.author { padding: 0 0 0 20px; background: url(images/user.png) no-repeat 0 3px; color: #c2e3fe; } .postinfo ul li.date { padding: 0 0 0 20px; background: url(images/calendar.png) no-repeat 0 3px; color: #c2e3fe; } .postinfo ul li.category-info { padding: 0 0 0 20px; background: url(images/tag.png) no-repeat 0 3px; } .postinfo ul li.comment-number { padding: 0 0 0 19px; background: url(images/comments.png) no-repeat 0 3px; } .postinfo ul li.edit-info { padding: 0; } .postdate { } .post_pic { max-height: 150px; max-width: 180px; margin: 15px 20px 15px 15px; float: left; } .navigation { width: 514px; padding: 0 0 20px 20px; } .vote { float: none; margin: 5px auto; width: 90%; text-align: center; color: #76cbf0; background-color: #303030; border: 1px solid #c2e3fe ; } .vote a { margin: 0 0 0 0; padding: 0 0 0 0 ;} .vote img:hover { height: 20px; width: 20px; margin: 0 0 0 0; padding: 0 0 0 0 ; text-decoration: none; border: 1px solid #red; } .vote img { border: none; margin: 0 0 0 0; padding: 0 0 0 0 ; } .vote ul { list-style-type: none; margin: 0; padding: 0 0 0 0; } .vote ul li { padding: 0 0 0 5px; margin: 0 0 0 0; display: inline; } .thumb100sx { max-height: 100px; max-width: 100px; float: left; margin: 10px 20px 5px 10px; padding: 1px 1px 1px 1px; } .thumb100sx img { max-height: 100px; max-width: 100px; } .clr { clear:both;} /* -------------------- COMMENTS -------------------- */ .comments { padding: 20px 0 0 20px; } .comments h2 { font-size: 130%; padding-bottom: 20px; } #respond { padding: 0 0 0 20px; background-color: #032e50; border: 1px solid #44525d } #respond h3 { padding: 10px 0 0 20px; font-size: 130%; color: #c2e3fe; } #commentform #author, #commentform #email, #commentform #url, #commentform textarea { border: 1px solid #ccc; padding: 0.2em; margin-left: 10px; } #commentform textarea { width: 96%; } #commentlist, #commentlist2 { width: 98%; margin: 0 0 20px 0; padding: 0 0 0 10px; } #commentlist ul, #commentlist2 ul { margin: 0; padding: 0; } #commentlist li { border: 1px solid #ccc; margin: 0 0 20px 0; list-style-type: none; padding: 0; } #commentlist2 li { border: 1px solid #ccc; margin: 0 0 20px 0; list-style-type: none; padding: 5px 14px 9px 63px; } #commentlist li p { padding: 5px 10px 5px 80px; margin: 0; } #commentlist2 li p { margin: 0; } #commentlist a, #commentlist2 a { } #commentlist li div.meta, #commentlist2 li div.meta { padding: 0; margin: 0; text-align: center; } #commentlist2 li.even { background: #131313; } #commentlist2 li.odd { background: #191919; } #commentlist li .avatar { margin: 5px; } #commentlist2 li .avatar { margin-left: -58px; } .avatar { float: left; padding: 0; border: 1px solid #bbb; width: 50px; height: 50px; } #commentlist2 li ul li { margin-right: -15px; margin-left: -50px; margin-bottom: -10px; } .children { padding: 0; } .reply { text-align: right; padding: 5px; } .cancel-comment-reply { text-align: right; float: none; } .navigation-comment { width: 100%; height: 20px; } .comment-meta1 { float: right; margin-top: 5px; margin-right: 10px; margin-bottom: 10px; font-size: 80%; color: #555; } .comment-meta1 a { color: #333; } .comment-meta a { font-size: 8px; float: right; margin-top: -18px; color: #757575; } .fn { font-size: 110%; font-weight: bold; font-style: normal; } .says { display: none; } /* -------------------- FOOTER -------------------- */ #footer { float: left; width: 900px; font-size: 80%; background: #000 ; color: #333; clear: both; border-left: 1px solid #0092eb; border-right: 1px solid #0092eb; } #footer a { text-decoration: none; color: #444; } #footer a:hover { text-decoration: underline; } #footer .footer-1 { float: left; width: 195px; } #footer .footer-1 p { padding: 1px 5px 0 38px; color: #353333; font-size: 10px; line-height: 1px; margin: 6px 0 0 0 ; } #footer .footer-1 p.copyright { color: #353333; font-weight: normal; font-size: 10px; line-height: 11px;} #footer li.foot1 { color: #c2e3fe; list-style-type: none;} #footer li.foot1 a { color: #c2e3fe; } #footer li.foot1 a:visited { color: #c2e3fe; } #footer ul.foot1 { margin: 15px 0 0 40px; padding: 0 0 0 0 ; } #footer h2.foot1 { padding: 0 0 0 33px; color: #c2e3fe; text-align: center;} #footer .footer-2 { float: left; width: 169px; } #footer .footer-2 p { padding: 1px 5px 0 10px; } #footer li.related_post_li { color: #c2e3fe; list-style-type: none;} #footer li.related_post_li a { color: #c2e3fe; } #footer li.related_post_li a:visited { color: #c2e3fe; } #footer ul.related_post { margin: 15px 0 0 10px; padding: 0 0 0 0 ; } #footer h2.related_post_title { text-align: center; color: #c2e3fe; text-align: center;} #footer .footer-3 { float: left; width: 169px; } #footer .footer-3 p { padding: 1px 5px 0 10px; } #footer li.foot3 { color: #c2e3fe; list-style-type: none;} #footer li.foot3 a { color: #c2e3fe; } #footer li.foot3 a:visited { color: #c2e3fe; } #footer ul.foot3 { margin: 15px 0 0 10px; padding: 0 0 0 0 ; text-align: center; } #footer h2.foot3 { text-align: center; color: #c2e3fe; text-align: center;} #footer .footer-4 { float: left; width: 169px; } #footer .footer-4 p { padding: 1px 5px 0 10px; } #footer li.foot4 { color: #c2e3fe; list-style-type: none;} #footer li.foot4 a:hover { color: #c2e3fe; } #footer ul.foot4 { margin: 15px 0 0 40px; padding: 0 0 0 0 ; color: pink;} #footer h2.foot4 { text-align: center; color: #c2e3fe; text-align: center;} #footer .footer-5 { float: left; width: 198px; } #footer .footer-5 p { padding: 10px 35px 0 10px; color: #353333; font-size: 10px; line-height: 5px; margin: 0 0 0 0 ; } #footer .footer-5 p.copyright { color: #353333; font-weight: normal; font-size: 10px; line-height: 11px;} #footer .footer-5 a { color: #444; } #footer .footer-5 a:hover { color: #eee; } .foot-head {background: url(images/foot-head.png); height: 51px; } .foot-head p { padding: 13px 0 0 0 ; text-align: center; } .foot-bg {background: url(images/foot-bg.png) repeat-y; padding-top: 10px; } .footer-bottom { padding: 0 15px 0 15px ;} #foot-foot {background-image: url(images/foot-foot.png); height: 44px ; border-left: 1px solid #000; border-right: 1px solid #000; background-color: #000 ; } /* ----------------ADSENSE--------------------- */ .imgads { float: none; margin: 3px auto; width: 468px; height: 60px;}