/* Theme Name: Web.Burza Blog Theme URI: http://web.burza.hr/blog/ Description: Based on original design. Version: 1.0 Author: Phoenix, tm, Lekke Tags: black on white, legibility, big photos, two columns, fquick support Default WordPress by Dave Shea || http://mezzoblue.com Modifications by Matthew Mullenweg || http://photomatt.net This is just a basic layout, with only the bare minimum defined. Please tweak this and make it your own. :) */ /***************************************** CSS file for blog.burza.hr Copyright (c) web.burza.hr *****************************************/ html { font: 62.5%/1.5 Arial, Verdana, sans-serif; color: #333; background: #fff url(/blog/cssimg/header_bkg.gif) repeat-x 0 0; } * { margin: 0; padding: 0; } fieldset, a img { border: 0; } a { color: #900; text-decoration: none; } a:hover, a:active, a:focus { text-decoration: underline; } p, li, td, th, label, legend, dd, dt { font-size: 1.4em; } h1, h2, h3, h4 { font-weight: normal; } .skipper { position: absolute; left: -9999px; top: -9999px; } /* LAYOUT */ #header { height: 260px; background: url(/blog/cssimg/header_bkg.jpg) no-repeat 50% 0; } #content { width: 960px; position: relative; margin: -60px auto 0; z-index: 2; } #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #content.crew { background: url(/blog/images/figures/group.png) no-repeat 0 0; } #content.njava { background: url(/blog/images/figures/njava.png) no-repeat 0 0; } #content.mario { background: url(/blog/images/figures/delboy.png) no-repeat 0 0; } #content.zlo { background: url(/blog/images/figures/figures/zlo.png) no-repeat 0 0; } #content.mutzo { background: url(/blog/images/figures/mutzo.png) no-repeat 0 0; } #content.pepa { background: url(/blog/images/figures/pepa.png) no-repeat 0 0; } #content.sh00le { background: url(/blog/images/figures/sh00le.png) no-repeat 0 0; } #content.phoenix { background: url(/blog/images/figures/phoenix.png) no-repeat 0 0; } #content.lekke { background: url(/blog/images/figures/lekke.png) no-repeat 0 0; } #content.sloser { background: url(/blog/images/figures/sloser.png) no-repeat 0 0; } #content.tm { background: url(/blog/images/figures/tm.png) no-repeat 0 0; } #content.robbie { background: url(/blog/images/figures/neo.png) no-repeat 0 0; } #content.r3dsc0rpi0n { background: url(/blog/images/figures/r3dsc0rpi0n.png) no-repeat 0 0; } #footer { min-height: 320px; height: auto !important; height: 320px; margin-top: 50px; background: #000 url(/blog/cssimg/footer_bkg.gif) repeat-x 0 0; } #main_content { float: left; width: 460px; padding: 0 10px; margin-left: 120px; display: inline; } #sidebar { float: right; width: 240px; margin: 60px 0px 0 0; display: inline; padding-bottom: 100px; background: #0b1218 url(/blog/cssimg/sidebar_bottom.jpg) bottom left no-repeat; } #body_single .story { min-height: 300px; height: auto !important; height: 300px; } #logo { width: 960px; position: relative; z-index: 1; margin: 0 auto; height: 260px; background: url(/blog/cssimg/header_bkg.jpg) no-repeat 50% 0; } #logo a { outline: none; position: absolute; top: 30px; left: 60px; width: 290px; height: 140px; line-height: 140px; text-align: center; } #body_single #content h1 { font: bold 3em/1.1 "Trebuchet MS", Trebuchet, sans-serif; } #body_error #content h1, #body_search #content h1, #body_category #content h1 { width: 560px; margin: 0 -160px 0 -10px; position: relative; padding: 0 50px 48px 10px; font: bold 3em/1.1 "Trebuchet MS", Trebuchet, sans-serif; background: url(/blog/cssimg/paper_fold.gif) no-repeat -6px 100%; } /* post intro */ #body_home .story, .post_intro { margin-top: 25px; padding-top: 25px; border-top: 1px solid #e5e5e5;} #body_home .story h2, .post_intro h2 { font: bold 3em/1.1 "Trebuchet MS", Trebuchet, sans-serif; } #body_home .story h2 a, .post_intro h2 a { color: #333; } #body_home .story h2 a:hover, #body_home .story h2 a:active, #body_home .story h2 a:focus, .post_intro h2 a:hover, .post_intro h2 a:active, .post_intro h2 a:focus { text-decoration: none; color: #900; } /*#body_home #main_content .first-child,*/ #body_search #main_content .first-child, #body_category #main_content .first-child, #body_home #main_content .first-child { border: 0; margin: 0; padding: 0; } #body_home #main_content .first-child { /*padding-top: 20px;*/ } .story .author, .post_intro .author { padding: 0 0 0 20px; min-height: 50px; height: auto !important; height: 50px; font-size: 1em; margin-top: 15px; color: #666666; background: url(/blog/cssimg/pencil.gif) no-repeat 0 0; } .post_intro .author { min-height: 40px; height: auto !important; height: 40px; margin: 15px 0 10px; } .story .meta, .post_intro .meta { margin-top: 10px; color: #666; font-size: 1.1em; } .story .meta a, .post_intro .meta a { padding-left: 7px; margin-left: 5px; background: url(/blog/cssimg/meta_separator.gif) no-repeat 0 50%; } .story .meta span a, .post_intro .meta span a { color: #0066ff; padding: 0; margin: 0; background: none; } /* STORY */ .story h2 { font: bold 2.5em/1.1 "Trebuchet MS", Trebuchet, sans-serif; color: #333; margin-top: 10px; margin-bottom: 20px; } .story h3 { font: bold 2em/1.1 "Trebuchet MS", Trebuchet, sans-serif; color: #333; margin-bottom: 10px; } .story h4, .story h5, .story h6 { font: bold 1.5em/1.1 "Trebuchet MS", Trebuchet, sans-serif; color: #333; margin-bottom: 10px; } .story .subtitle { margin-top: 15px; padding: 0; font: 1.4em/1.1 "Trebuchet MS", Trebuchet, sans-serif; } .post_intro p, .post_intro ul, .post_intro ol, #body_error #main_content p, #body_error #main_content ul, .story p, .story ul, .story ol { padding-bottom: 1em; } .post_intro p, .post_intro li, #body_error #main_content p, #body_error #main_content li, .story p, .story li { line-height: 1.7; font-size: 1.4em; } .post_intro ul, .post_intro ol, #body_error #main_content ul, .story ul, .story ol { list-style: none; } .post_intro li, #body_error #main_content li, .story li { padding-left: 25px; margin-top: 5px; background: url(/blog/cssimg/dot.gif) no-repeat 5px 7px; } .story .quote { float: right; width: 270px; position: relative; display: inline; margin-right: -120px; padding: 10px 0 30px; } .story .quote blockquote { width: 205px; padding: 10px 15px 10px 50px; font-size: 1.8em; line-height: 1.2; color: #c00; font-style: italic; background: url(/blog/cssimg/quote.gif) no-repeat 10px 0; } .story .quote cite { padding: 0 0 0 50px; font-size: 1.2em; color: #666; } .story .user_quote { float: left; clear: both; width: 510px; position: relative; padding-bottom: 30px; background: url(/blog/cssimg/user_quote_bottom.gif) no-repeat 0 100%; } .story .user_quote blockquote { padding: 30px 30px 0 30px; font-size: 1.4em; line-height: 1.5; color: #666; font-style: italic; background: url(/blog/cssimg/user_quote_top.gif) no-repeat 0 0; } .story .user_quote cite { position: absolute; top: 25px; right: -50px; } .story .entity_img { } .story .two_cols { } .story .caption { font-size: 1.8em; line-height: 1.4; font-style: italic; color: #818181; } .story .source { font-size: 1em; line-height: 1.2; font-style: italic; color: #333; } .story .source span, .story .source a { color: #666; } .story .two_cols { float: left; position: relative; width: 440px; margin-left: -130px; display: inline; } .story .two_cols dt { float: right; width: 320px; text-align: center; } .story .two_cols dt img { display: block; margin: 0 auto; } .story .two_cols dd { text-align: right; width: 120px; } .story .two_cols .source { margin-top: 10px; } .story .six_cols { float: left; position: relative; width: 720px; margin: 0 -130px; display: inline; } .story .six_cols dt { } .story .six_cols dt img { display: block; margin: 0 auto; } .story .six_cols .caption { padding: 10px 10px 5px 10px; } .story .six_cols .source { padding: 0 10px 10px 10px; } .story .six_cols .source a { text-decoration: underline; } .story .six_cols .thumbnail { float: left; margin: 5px 0 0 5px; } .story .six_cols .first-in-row { margin-left: 0; } /* sidebar */ #sidebar h3, #footer .post_categories h3 { font-size: 1.8em; line-height: 1; } #sidebar ul, #footer .post_categories ul { list-style: none; } #footer li { font-size: 1.2em; padding-bottom: 6px; } .post_categories { float: left /* required for footer; fixes skip nav bug in ie in sidebar */; padding: 0 20px 20px; } #footer .post_categories { width: 220px; margin: 0; padding: 0 10px 20px; } .post_categories h3 { color: #0066cc; border-bottom: 1px solid #09233c; } .post_categories ul { margin-top: 8px; } .post_categories li span { font-size: .7em; color: #99ccff; position: relative; top: -0.6em; } .post_categories li a { color: #99ccff; } #outgoing_links { padding: 0 20px 200px; background: url(/blog/cssimg/sidebar_bottom.jpg) no-repeat 0 100%; } #outgoing_links h3 { color: #c7e500; border-bottom: 1px solid #313c13; } #outgoing_links ul { margin-top: 10px; } #outgoing_links li a { color: #ccff99; } #sidebar #searchbox { width: 248px; position: relative; min-height: 70px; height: auto !important; height: 70px; margin-right: -8px; background: url(/blog/cssimg/sidebar_top.gif) no-repeat 0 0; } #sidebar #searchbox form { float: left; width: 200px; margin: 10px 20px 0; display: inline; position: relative; background: url(/blog/cssimg/search_top.gif) no-repeat 0 0; } #sidebar #searchbox fieldset { float: left; width: 190px; padding: 5px 0 5px 10px; background: url(/blog/cssimg/search_bottom.gif) no-repeat 0 100%; } #sidebar #searchbox legend { position: absolute; top: -9999px; left: -9999px; margin-top: -9999px; } #sidebar #searchbox .input_text { float: left; width: 150px; border: 0; padding: 2px 0; font-size: 1em; color: #fff; background: #10171d; } #sidebar #searchbox .input_image { position: absolute; top: 1px; left: 161px; color: #fff; } #main_content #searchbox { margin: 30px 0 40px; } #main_content #searchbox legend { position: absolute; top: -9999px; left: -9999px; margin-top: -9999px; } #main_content #searchbox fieldset { padding-top: 6px; background: url(/blog/cssimg/field_360_top.gif) no-repeat 0 0; } #main_content #searchbox fieldset div { float: left; width: 360px; padding: 0 0 6px 0; background: #a3a3a3 url(/blog/cssimg/field_360_bottom.gif) no-repeat 0 100%; } #main_content #searchbox .input_image { margin: -7px 0 0 10px; position: relative; } #main_content #searchbox .input_text { width: 350px; border: 0; margin-left: 5px; background: #fafafa; font-family: Arial, sans-serif; font-size: 1.2em; color: #666; } #main_content #searchbox .field_active .input_text { background: #fff; } #main_content #searchbox .field_active { background: url(/blog/cssimg/field_360_top_active.gif) no-repeat 0 0; } #main_content #searchbox .field_active div { background: #a3a3a3 url(/blog/cssimg/field_360_bottom_active.gif) no-repeat 0 100%; } /* footer */ #footer .first-child { width: 840px; position: relative; margin: 0 auto; padding: 26px 0 0 120px; background: url(/blog/cssimg/footer_bkg.jpg) no-repeat -120px 0; } #footer .first-child:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #footer #about { float: left; width: 460px; min-height: 200px; height: auto !important; height: 200px; padding: 0 20px 20px 10px; } #footer #about h3 { margin-bottom: 5px; font-size: 1.8em; line-height: 1; color: #ff6600; border-bottom: 1px solid #391d0c; } #footer #about p { font-size: 1.2em; line-height: 2; color: #ffcc66; } #footer #about p a { color: #ff6600; text-decoration: underline; } #footer #about p a:hover, #footer #about p a:active, #footer #about p a:focus { text-decoration: none; } #misc_links { float: left; clear: both; position: relative; display: inline; width: 255px; padding-left: 445px; margin: 0 10px; list-style: none; border-top: 1px solid #0d0d0d; } #site_by { position: absolute; top: 0; left: -10px; } #misc_links li { float: left; } #powered_by { position: relative; left: 20px; margin-left: 15px; } #to_begining { width: 148px; height: 28px; clear: both; position: absolute; top: -28px; right: 103px; font-size: 1em; background: #000 url(/blog/cssimg/to_top.gif) no-repeat 0 0; } #to_begining a { color: #99ccff; padding: 14px 0 0 34px; display: block; } #rss_comments img, #rss_articles img { font-size: .8em; } #browse_by_page { float: left; width: 460px; padding: 6px 0 0; margin: 30px 0; list-style: none; border-top: 1px solid #e5e5e5; } #browse_by_page li { font-size: 1.4em; } #browse_by_page .prev { float: left; } #browse_by_page .next { float: right; } #browse_by_page a { color: #0099ff; } /* comments list */ #comments_list { list-style: none; } #comments_list dl { margin: 10px 0 0 40px; padding-top: 5px; } #comments_list li { border-top: 1px solid #e5e5e5; padding-bottom: 10px; } #comments_list .first-child dl { border-top: 0; margin-top: 10px; } #comments_list p, #comments_list li, #comments_list dt, #comments_list dd { font-size: 1em; } #comments_list .no { float: left; margin: -6px 0 0 -48px; width: 40px; font-size: 1.8em; color: #999; letter-spacing: 2px; text-align: right;} #comments_list .sender { color: #000; font-weight: bold;} #comments_list .sender a { color: #900; } #comments_list .date { margin-left: 7px; padding-left: 10px; color: #666; background: url(/blog/cssimg/comment_separator.gif) no-repeat 0 50%; } #comments_list .comment { padding-top: 3px; font-size: 1.2em; line-height: 1.4em; } #comments_list .author_reply { font-weight: normal; background-color: #EEE; padding: 0 20px 12px 20px; margin: 0px 0 0 -20px; } /* comment form */ #comments_form { float: left; width: 600px; position: relative; margin-left: -130px; margin-top: 15px; display: inline; } #comments_form legend { position: absolute; left: -9999px; top: -9999px; margin-top: -9999em; } #comments_form label { float: left; width: 150px; margin-right: 10px; text-align: right; line-height: 1.5; font-size: 1.2em; color: #666; } #comments_form .field { width: 100%; padding-top: 6px; margin-bottom: 5px; background: url(/blog/cssimg/field_200_top.gif) no-repeat 160px 0; } #comments_form .field div { float: left; width: 200px; padding: 0 0 6px 0; background: #a3a3a3 url(/blog/cssimg/field_200_bottom.gif) no-repeat 0 100%; } #comments_form .field:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #comments_form #message_container { background: url(/blog/cssimg/field_440_top.gif) no-repeat 160px 0; } #comments_form #message_container div { width: 440px; background: url(/blog/cssimg/field_440_bottom.gif) no-repeat 0 100%; } #comments_form .action { margin: 0; padding: 0; background: none; } #comments_form .action .input_image { width: 115px; height: 30px; margin-left: 160px; } #comments_form textarea, #comments_form .input_text { width: 187px; border: 0; margin-left: 5px; background: #fafafa; font-family: Arial, sans-serif; font-size: 1.2em; color: #666; } #comments_form textarea { width: 425px; height: 120px; } #comments_form .field_active textarea, #comments_form .field_active .input_text { background: #fff; } #comments_form .field_active { background: url(/blog/cssimg/field_200_top_active.gif) no-repeat 160px 0; } #comments_form .field_active div { background: #a3a3a3 url(/blog/cssimg/field_200_bottom_active.gif) no-repeat 0 100%; } #comments_form #message_container.field_active { background: url(/blog/cssimg/field_440_top_active.gif) no-repeat 160px 0; } #comments_form #message_container.field_active div { background: url(/blog/cssimg/field_440_bottom_active.gif) no-repeat 0 100%; } #comments_form #message_container.field_active div textarea { } h3.comments_form_related, h3.comments_list_related { clear: both; font-size: 1.6em; font-weight: bold; color: #464646; border-bottom: 1px solid #e5e5e5; line-height: 1; } h3.comments_form_related { float: left; width: 590px; margin-left: -130px; margin-top: 25px; position: relative; } #comments_closed, #no_comments { padding: 30px; text-align: center; font-weight: bold; font-size: 2em; } /* and now for something completely different */ .widget_categories, .widget_links, .widget_fquick { list-style: none; margin: 0 20px 0 20px; } .widgettitle { line-height: 1.1em; font-size:1.3em; } .widget_categories ul, .widget_links ul, .widget_fquick dl { margin-top: 6px; margin-bottom: 20px; } .widget_categories h2 { color: #0066cc; border-bottom: 1px solid #09233c; } .widget_categories ul li { color: #99ccff; font-size:0.7em; vertical-align: text-bottom; padding-bottom: 4px; } .widget_categories ul li a { vertical-align: text-top; font-size: 1.2em; color: #99ccff; } .widget_links h2 { color: #c7e500; border-bottom: 1px solid #313c13; } .widget_links ul li { color: #ccff99; font-size:0.7em; padding-bottom: 6px; } .widget_links ul li a { color: #ccff99; font-size: 1.2em; } .widget_fquick h2 { color: #ff6600; border-bottom: 1px solid #3c2313; } .widget_fquick dl dt { color: #c8bb7f; font-size: 0.9em; line-height: 1.2em;} .widget_fquick dl dd { color: #c8bb7f; font-size: 0.8em; line-height: 1.2em; padding-bottom: 6px; } .widget_fquick dl dt a { color: #ffcc66; } .widget_fquick .more_fquick { margin: -20px 0 20px 0; text-align: right; font-size:0.9em; } .widget_fquick .more_fquick a { color: #ff6600; } .fqtitle { font-size: 1.2em; } .fqdate { font-size: 0.8em; } h2 a { outline: none; } .code { font-size: 1.3em; } .pull_m { margin-left: -130px; } .pull_m .caption { display: block; padding: 10px 10px 5px 10px; } .image_left { width: 230px; float: left; margin: 0 30px 10px 0; } .image_right { width: 230px; float: right; margin: 0 0 10px 30px; } .post_intro ol, .story ol { margin-left: 25px; } .post_intro ol li, #body_error #main_content ol li, .story ol li { padding-left: 0; margin-top: 5px; background: none; } .post_intro li li, .story li li { font-size: 13px; } .post_intro ol ol, .story ol ol, .post_intro ul ul, .story ul ul { padding: 0; }