/* Theme Name: Jurajsokolic.com Theme URI: http://jurajsokolic.com/ Description: The WordPress theme for website jurajsokolic.com Version: 1.0 Author: Marko Dugonjic Author URI: http://maratz.com/ Tags: Jurajsokolic.com v1.0 http://jurajsokolic.com/ */ /* GENERAL RULES */ * { margin: 0; padding: 0; } body { font: 62.5%/1.5 Arial, Helvetica, sans-serif; color: #4f4f4f; background: #EAE0CD url(cssimg/top_border.gif) repeat-x 0 0; } table { font-size: 1em; table-layout: fixed; } p, #content ul, table { margin-bottom: 1em; } h1, h2, h3, .other_dogs { font-family: "Trebuchet MS", Tahoma, sans-serif; font-weight: normal; margin-bottom: .5em; } h1 { font-size: 2.2em; line-height: 1.2em; letter-spacing: 1px; color: #013A03; text-shadow: 1px 1px #ccc; } h2 { font-size: 1.6em; text-transform: uppercase; letter-spacing: 1px; color: #013A03; } h3 { font-size: 1.2em; color: #444; } a { color: #06c; text-decoration: underline; outline: none; } a img { border: 0; } #main_content a { } #main_content a:visited { color: #4382ED; text-decoration: none; } a:hover, a:focus, a:active { text-decoration: none; color: #f50; } acronym, abbr { cursor: help; } #sizer { width: auto; min-width: 770px; margin-top: 10px; background: #EAE0CD url(cssimg/content_shadow.gif) repeat-y 50% 0; text-align: center; } .grid { width: 740px; margin: 0 auto; background: #fff; position: relative; top: -10px; text-align: left; } /* HEADER */ #header { height: 125px; width: 740px; background: url(cssimg/header_ferlauf.gif) repeat-x 0 0; position: relative; } #header h1 { position: absolute; left: 0; top: 0; background: url(cssimg/logo.gif); } #header h1 a { display: block; width: 320px; height: 125px; text-indent: -9999px; overflow: hidden; text-decoration: none; background: url(cssimg/the_flag.gif) no-repeat 36px 0; } #header #feat_dalm { position: absolute; top: 10px; left: 320px; width: 164px; height: 115px; } #header #feat_par { position: absolute; top: 10px; right: 0; height: 136px; } /* MAIN NAVIGATION */ #main_nav { float: left; width: 740px; background: #FFCC19 url(cssimg/main_nav_top.gif) repeat-x 0 0; } #main_nav ul { float: left; width: 726px; height: auto !important; height: 28px; min-height: 28px; padding: 0 0 9px 14px; background: url(cssimg/main_nav_bottom.gif) repeat-x 0 100%; } #main_nav li { float: left; height: auto !important; height: 26px; min-height: 26px; margin: 0; padding-bottom: 2px; list-style: none; position: relative; } #main_nav li.active { background: url(cssimg/active_arrow.gif) no-repeat 50% 100%; } #main_nav a { display: block; padding: .7em 1em .6em; color: #000; text-decoration: none; font: 1em/1.4em 'Lucida Sans Unicode', 'Lucida Grande', 'Trebuchet MS', Tahoma, sans-serif; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px #fe3; } #main_nav a:hover, #main_nav a:focus, #main_nav a:active { background-color: #FFCC19; } #main_nav li.active a:hover { background-color: transparent; } /*** LAYOUT ***/ #content { float: left; min-height: 400px; background: url(cssimg/vert_content_dogs.gif) repeat-y 50% 0; } #main_content, #supplementary_content { float: left; display: inline; margin: 0; padding: 20px 24px 15px; overflow-x: hidden; } #main_content { width: 450px; background: #fff url(cssimg/content_top_white.gif) repeat-x 0 0; } #supplementary_content { width: 194px; background: url(cssimg/content_top.gif) no-repeat -370px 0; color: #686868; } .about-layout { background: url(cssimg/vert_content.gif) repeat-y 50% 0 !important; } .about-layout #main_content { width: 322px; } .about-layout #supplementary_content { width: 322px; } /*** TYPOGRAPHY ***/ #content p, #content li, #content td, #content th, #content label { font-size: 1.2em; line-height: 1.6em; } #content .news_content { font-size: 1.2em; line-height: 1.6em; margin-bottom: 2em; } #content .news_content * { font-size: 1em !important; } #content li li { font-size: 1em; } #content li { padding-left: 20px; list-style: none; } #main_content h1 { padding: .05em 35px 0 0; margin-bottom: 15px !important; background: url(cssimg/h1_icon2.gif) no-repeat 100% .1em; } #main_content li { background: url(cssimg/bullet3.gif) no-repeat 8px .6em; } .postmetadata { padding-bottom: 1.8em; margin-bottom: 1.8em; border-bottom: 1px solid #eee; } #content h1 a { text-decoration: none; } #supplementary_content li { background: url(cssimg/bullet1.gif) no-repeat 8px .5em; } #supplementary_content li li { background: url(cssimg/bullet1.gif) no-repeat 8px .5em; } #link_list li { padding: 0; background: 0; } #link_list li li { padding-left: 20px; } .navigation { width: 100%; overflow: auto; } .navigation .alignleft { float: left; width: 200px; } .navigation .alignright { float: right; width: 200px; text-align: right; } #top-navigation { margin-bottom: 1.8em; padding-bottom: 1.8em; border-bottom: 1px solid #eee; } #main_content img { margin: .3em 1em .2em 0; padding: 4px 0; border: 4px solid #126914; border-width: 4px 0; } #supplementary_content h2 { font-size: 1.2em !important; padding-bottom: .5em; border-bottom: 1px solid #FDEDB7; } /* homepage */ #intro_text { font-style: italic; padding-bottom: 10px; margin-bottom: 1.5em; border-bottom: 1px solid #eee; } .publish-date, .postmetadata { color: #999; } .publish-date { margin-top: -1em; } /* dog pages */ .dog-layout #main_content img, .dog-layout table { margin-bottom: 30px; } .other_dogs { margin: 0 -24px 3em; } .other_dogs h2 { padding-left: 24px; padding-right: 24px; margin: 0; } .other_dogs ul { font-size: 1em; text-transform: uppercase; letter-spacing: 1px; } #supplementary_content .other_dogs li { list-style: none; line-height: 1.5em; margin: 0; padding: 0; background: none; } #supplementary_content .other_dogs li.current_page_item { background: url(cssimg/other_dog_active.gif) no-repeat 0 .1em; color: #000; } .other_dogs li strong, .other_dogs li a { display: block; font-weight: normal; padding: 5px 24px; border-bottom: 1px solid #FDEDB7; text-decoration: none; } .other_dogs li a:hover { background: #FEF0C0 url(cssimg/other_dog_hover.gif) repeat-x 0 0; text-decoration: none; } .other_dogs li.current_page_item a { color: #000 !important; } .other_dogs li.current_page_item a:hover { background: none; } #supplementary_content a { color: #369; } /* table data */ table { width: 100%; border-collapse: collapse; margin-bottom: 2em; color: #013A03; } th { text-align: left; } th, td { padding: .7em .5em; vertical-align: top; border-bottom: 1px solid #EAE0CD; } .value { text-align: right; padding-left: 5px; } td * { font-size: 1em !important; } td ul { margin-bottom: 0 !important; } #main_content .dog_data td ul li { background: url(cssimg/bullet_cup.gif) no-repeat 2px .35em; margin-bottom: .4em; } #main_content .dog_data .property { width: 80px; color: #789777; } .pedigree table { background: #fff; color: #013A03; } .pedigree table td { vertical-align: middle; border: 1px solid #EAE0CD; padding: 5px 10px; text-transform: uppercase; letter-spacing: 1px; } .dog_data table, .show_results table { border-top: 1px solid #EAE0CD; } .show_results table td { border-bottom: 1px solid #EAE0CD; padding-left: 5px; } .show_results table tr:hover td { background: #FFFBEC; } /* images */ .img_holder { margin-bottom: 1em; } .img_holder a img { } .img_holder a:hover img { } .img_left { float: left; margin-right: 5px; margin-bottom: 5px; } .img_right { float: right; margin-left: 5px; margin-bottom: 5px; } .entry img { width: 450px !important; } .about-layout .entry img { width: auto !important; } /* breeds teaser */ /* F.C.I. download */ #fci_download { margin-bottom: 2em; } #fci_download p { padding-left: 60px; height: auto !important; height: 60px; min-height: 60px; background: url(cssimg/fci.gif) no-repeat 0 .3em; } #fci_download a { display: block; } #fci_download a em { display: block; font-style: normal; } .input_text, textarea { border: 1px solid #ccc; font: 1.2em/1.5 Arial, Helvetica; padding: .2em; background: #fff url(cssimg/input_shadow.gif) repeat-x 0 0; color: #555; } /* contact form */ #contact_form fieldset { width: 430px; border: 0; border-top: 1px solid #EAE0CD; } #contact_form .field { float: left; width: 430px; padding: 1em .5em; border-bottom: 1px solid #EAE0CD; } #contact_form label { float: left; display: inline; width: 88px; padding: .1em 1em .2em .2em; text-align: right; color: #013A03; } #contact_form .labelCheck { width: 195px; text-align: left; } #contact_form .input_text { width: 304px; } #contact_form textarea { width: 304px; overflow: auto; } #contact_form .submit { padding: 2px; } #contact_form #cc_yourself { display: none; } * html #contact_form #cc_yourself { margin-left: 102px; } #contact_form .inputCheck { margin-right: .2em; } .errorMessage, .thankyouMessage { padding: 20px 20px 10px 20px; margin-bottom: 2em; font-weight: bold; } .errorMessage { border: 2px solid #f00; color: #f00; } .thankyouMessage { border: 2px solid green; color: green; } #address { font-weight: normal; } /*** search form ***/ #searchform { padding-bottom: 20px; } #searchform #s { width: 120px; } #serp li { margin-bottom: 1.5em; } .serp-URL { color: #999; } /*** comment form ***/ .commentlist li { padding: 1em 0 0 !important; background: none !important; border-bottom: 1px solid #eee; } .commentlist li p { font-size: 1em !important; } .commentmetadata a { color: #aaa !important; text-decoration: none; } #commentform label { font-size: 1em; } #commentform textarea { width: 420px; border: 1px solid #ccc; font: 1.2em/1.5 Arial, Helvetica; padding: .2em; background: #fff url(cssimg/input_shadow.gif) repeat-x 0 0; color: #555; } /*** FOOTER ***/ #footer { clear: both; background: url(cssimg/footer.gif) no-repeat 50% 100%; padding-bottom: 157px; text-align: left; } #footer p { position: relative; width: 713px; min-height: 15px; margin: 0 auto; padding: 10px 14px; font-size: 1.1em; text-align: right; color: #fff; background-color: #126914; } #footer p span { width: 300px; } #copyright { float: left; text-align: left; } #bottom_nav { } #footer a { color: #ffcc19; text-decoration: none; } #footer a:hover { color: #fff; } #footer #top_link { position: absolute; left: 400px; display: block; width: 100px; height: 150px; margin: -50px 0 0 0; text-align: left; text-indent: -9999px; overflow: hidden; } #footer #top_link img { width: .5em; height: .9em; background: #FFCC19; } #footer #top_link:hover img { background: #fff; }