/* Theme Name: Zvire v nouzi Author: Veronika Dolanska (GFX), Robert Bohuslav (CSS/HTML) */ /** * RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height:1; } ol, ul { list-style:none; } blockquote, q { quotes:none; } del { text-decoration:line-through; } table { border-collapse:collapse; border-spacing:0; } p,ol,ul,table, form { margin-bottom:20px; } /** * BODY */ body { font-size:13px; line-height:150%; font-family:arial,helvetica,tahoma,sans-serif; color:#fff; background:#999; } html, body {overflow: hidden; height: 100%;} /** * BLOCKS */ #wrapper { background:#fff url(images/background.png) repeat-y left top; color:#333; width:1020px; margin-left:auto; margin-right:auto; margin-top:10px;margin-bottom: 100px; } #wrap {overflow-y: scroll; height: 100%;} #title { width: 1020px;height:218px; background:#ff7a03 url(images/hlavicka1020_218.jpg) no-repeat left top; float: left; } /*#title { width: 1020px;height:300px; background:#000 no-repeat left top;float: left; }*/ #top_panel { width: 1020px;height:47px; background:#ff7a03 url(images/top_panel.png) no-repeat left top; float: left;} /*#main { float: left; position:relative;width:592px; padding:10px; clear:both; left:186px; color: #317358}*/ #main { float: left; position:relative;width:592px; padding:10px; clear:both; left:186px; color: black} #left_side, #right_side { float: left; position:relative; } #left_side { width:176px;left: -612px; padding:10px 5px 10px 5px;} #right_side { width:192px;left: 10px; padding:10px;} #footer { padding:5px 5px 5px 200px; clear:both; height:22px; background:#ff7a03 url(images/footer.png) no-repeat left bottom; } /** * GENERAL HEADERS */ h1, h2, h3, h4, h5, h6 { font-family:arial,helvetica,tahoma,sans-serif; margin-bottom:20px; font-weight:normal; } /** * TITLE */ #title h1 { background:url("images/logo.png") no-repeat scroll 0 0 transparent;display:block;height:118px;left:30px;line-height:80px;margin:0;position:relative;top:20px;width:238px;} #title p { color:#c30; display: none; } #title h1 a { display:block;height:118px;left:0;line-height:100;overflow:hidden;position:absolute;top:0;width:238px;} /** * TOP PANEL */ #menu-top-menu { position: relative; } div.menu-header { position: relative;display:block;height:47px; display: block; width: 520px; padding-left: 185px; float: left;} div.menu-header ul {display:block; margin: 10px 0; } div.menu-header ul li { float: left; text-align:center;margin: 0px 10px; } div.menu-header ul li a { display:inline; font-weight: bold ;text-transform: uppercase; font-size: 1.2em; color: #FFF; text-decoration: none; } div.menu-header ul li a:hover {color: #888; } #menu-item-121 { width: 140px} #language_chooser { float: left; height: 47px; width: 100px;} #language_chooser ul#qtranslate-chooser { width: 100px;} #language_chooser ul#qtranslate-chooser li { float: right; margin: 12px 5px; border: 1px solid #555;} #language_chooser ul#qtranslate-chooser li.active { border: 1px solid #92bbcb;} #search { width:215px;position: relative;;float: left; margin-top: 5px; } #search input#s { height:16px; width:144px;background: url(images/search.png); border: 0px none; padding: 5px 5px;float:left; margin:2px 0 0 7px;} #search input[type=image] { font-weight: bold;margin-left:5px;padding-top:30px;overflow: hidden; width: 30px;height: 0px;background: url(images/search_submit.png) no-repeat top center; border: 0px solid;line-height: 1000;} #search input[type=image]:hover { background-position: 0 -30px; cursor:pointer;overflow: hidden;} /** * MAIN */ #main a { text-decoration:none; color:#d6e7f0;font-weight:bold; } #main a:hover { text-decoration:underline; } /*#main div.post h2 { font-size:18px; color:#317358; font-weight:bold; margin-bottom:10px; padding-bottom:5px;;text-transform: uppercase; }*/ #main div.post h2 { font-size:18px; color:black; font-weight:bold; margin-bottom:10px; padding-bottom:5px;;text-transform: uppercase; } /*#main div.post h2 a { color:#317358; }*/ #main div.post h2 a { color:black; } #main div.post h3 { font-size:16px; font-weight:bold; } #main div.post h4 { font-size:14px; } #main div.post { margin-left:10px; } #main p.details { margin-top:20px; margin-bottom:40px; font-size:0.85em; padding:3px 0 3px 10px; background:#FFCB05; color:#FF5C0C; } #main p.details a { color:#FF5C0C } #main ul li { margin-left:40px; list-style: url(images/li.png); } #main ol li { margin-left:40px; list-style-type:decimal; } #main img { max-width:650px; } #main img.cat_image {vertical-align: bottom } #main blockquote { padding-left:30px; font-style:italic; color:#0042cc; font-family:georgia,serif; } #main code { background:#fffe56; } #main p.post_tags { font-size:0.85em; clear:both; } #map {padding: 0 0; margin: 0 0;} /** * NAVIGATION */ div.navigation { height:80px; padding-top:40px; } div.navigation span.alignleft { display:block; margin-left:10px; width:210px; float:left; } div.navigation span.alignright { display:block; width:210px; float:right; text-align:right; } /** * COMMENTS */ #main ol.commentlist li { font-size:13px; margin-left:0; list-style-type:none; padding:10px 10px 0 10px; border-bottom:1px dashed #aaa; } #main ol.commentlist big { font-size:16px; font-weight:bold; } #main ol.commentlist span.date { display:block; margin-bottom:20px; font-size:12px; } #main ol.commentlist li ul li { margin-left:40px; list-style-type:square; margin-bottom:0; padding:0; border:0; } #main ol.commentlist li ol li { margin-left:40px; list-style-type:decimal; margin-bottom:0; padding:0; border:0; } #main ol.commentlist li.alt { background:#fafafa; } #main ol.commentlist li.author { background:#ffda73; } #main ol.commentlist img.avatar { float:right; margin-left:10px; } #main ol.commentlist p, #main ol.commentlist ul, #main ol.commentlist ol { margin-bottom:10px; } /** * COMMENT FORM */ #commentform label { font-size:12px; } #commentform input { display:block; } #commentform textarea { width:90%; height:140px; } #commentform p { margin-bottom:10px; } /** * LEFT SIDE */ #left_side { font-size:12px; color:#333; float:left; } #left_side h2 { color:#333; font-size:16px; padding-bottom:7px; padding-top:3px; margin-bottom:7px; border-bottom:1px dashed #333; } #left_side ul li ul li ul { margin-bottom:0; } #left_side table { width:90%; } #left_side table td, #left_side table th { text-align:center; } #left_side a { color:#fff; text-decoration:none; } #left_side a:hover { color: #ebe70e} #nav_menu-3 ul { text-align: right; } #nav_menu-3 ul li { margin-bottom: 15px;} #nav_menu-3 ul li a { font-weight: bold ;text-transform: uppercase; font-size: 1.10em; color: #ffcb05; display: block; } #nav_menu-3 ul li ul.sub-menu { display: none;} #nav_menu-3 ul li.current-menu-parent ul.sub-menu { display: block;} #nav_menu-3 ul li ul li { margin:0;} #nav_menu-3 ul li.current-menu-item a { display: block;color: #ebe70e;} #nav_menu-3 ul li.current-menu-item a:hover { display: block;color: #ebe70e; } #nav_menu-3 ul li.current-menu-item ul.sub-menu { display: block; margin-top:0px;} #nav_menu-3 ul li.current-menu-item ul.sub-menu a { background: none; padding: 0; color: #ffcb05;text-transform:none; background: none; padding: 0;} #nav_menu-3 ul li.current-menu-item ul.sub-menu a:hover { color: #ebe70e;} #nav_menu-3 ul li.has-childs a{padding-right: 20px;background: url(images/active_item4.png) right center no-repeat; } #nav_menu-3 ul li.has-childs a:hover{padding-right: 20px;background: url(images/active_item.png) right center no-repeat;} #nav_menu-3 ul li.current-menu-item.has-childs a {background: url(images/active_item.png) right center no-repeat;} #nav_menu-3 ul li.has-childs ul.sub-menu a{background: none; text-transform: none;padding: 0 0;font-size:1.1em;} #nav_menu-3 ul li.has-childs ul.sub-menu a:hover{background: none; text-transform: none;;padding: 0 0;} /** * RIGHT SIDE */ #right_side { font-size:12px; color: #f47920; font-weight: bold; font-size: 1.1em; } #right_side h2 a { color: #000; } #right_side ul li div h2 {float: none;} #right_side h2 { font-size:16px; padding-bottom:7px; } #right_side ul li ul li ul { margin-bottom:0; } #right_side table { width:90%; } #right_side table td, #right_side table th { text-align:center; } #right_side a { text-decoration:none; color: #F47920 } #query-posts-4 { border: 3px solid #488ca7; padding: 5px;line-height: 1em; } #query-posts-4 h2 { font-size: 0.9em; color: #f47920; float: left; padding: 0; margin: 0 10px 0 0; font-weight:bold; line-height: 16px;} /*#query-posts-4 { color: #004f1f; font-weight: normal; text-align: justify;}*/ #query-posts-4 { color: black; font-weight: normal; text-align: justify;} #query-posts-4 .entry-summary p { font-size: 0.8em; line-height: 17px; margin-bottom: 5px; margin-top: 5px;} #nadace { margin-top: 15px;} #nadace a:hover { text-decoration: none; border: 0px none; } /** * LEFT RIGHT COMMON CLASSES */ #tag_cloud a { line-height:30px; } #searchform br { display:none; } #searchform { margin-bottom:20px; } select#cat { margin-bottom:20px; } /** * FOOTER */ #footer p { padding-top:0px; padding-left: 5PX; font-size:0.75em; color:#FF5C0C; line-height:1.1 } #footer a { color:#FF5C0C; text-decoration:none; margin-left:0px; font-weight: bold} #footer a.omega { margin-right:0; } /** * WP REQ STYLE */ .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .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; } .ui-dialog {position: static;display: block;border: 2px solid #888;background: #EEE; color: #317358; padding: 0 5px 5px 5px; } /* .ui-dialog {position: static;display: block;border: 2px solid #888;background: #EEE; color: black; padding: 0 5px 5px 5px; }*/ .ui-dialog-titlebar-close{position: relative; top: 5px; float: right; display: block; width:21px; height:20px; background-image: url(images/close.png); line-height: 1000; overflow: hidden; } #facebook,#rss{margin-top: 15px; margin-left: 5px;} #facebook a{ color:#3B5998} #facebook a:hover { text-decoration: none} #facebook img, #rss img{vertical-align:middle; margin-right: 5px;} .temporary .ui-dialog-titlebar {display: none} #wpcf7-f1-p36-o1 small, #wpcf7-f3-p12-o1 small {font-size: 0.8em} #wpcf7-f1-p36-o1 table, #wpcf7-f3-p12-o1 table {margin: 0 30px 0 50px} #wpcf7-f1-p36-o1 table tr td, #wpcf7-f3-p12-o1 table tr td{ height: 25px; padding: 0 10px; } #wpcf7-f1-p36-o1 table tr td img, #wpcf7-f3-p12-o1 table tr td img{ vertical-align: middle } .ui-dialog-content big{font-size: 1.3em} #ngg-webslice {margin-top: 10px;} .jcarousel { position: relative; overflow: hidden; } /* This is the container of the carousel items. You must ensure that the position is relative or absolute and that the width is big enough to contain all items. */ .jcarousel ul { width: 20000em; position: relative; /* Optional, required in this case since it's a