/* Theme Name: Airsoft.hr Version: 1.0 Author: Insula Bit Author URI: http://www.insulabit.com */ /* Overal setup */ * { margin:0; padding:0; } body { background:#4C4532 url(images/bgr.jpg) top left repeat; color:#ccc; font:11px arial,Sans-serif; } a { color:#aaa;text-decoration:none;outline:0; } a:hover { color:#eee; } a img { border: none; } ul, li { list-style: none;margin:0;padding:0; } h1 { font-size:20px; } h2 { font-size:14px; } h3 { font:bold 11px arial,helvetica;color:#bbb;text-transform:none; } h3 SPAN.slash { font:bold 10px Arial !important; text-transform: lowercase; } h4 { font-size:14px; } h5 { font-size:12px;display:block;border-bottom:1px solid #2C2A23; color:#C31212;padding-bottom:8px;margin-top:20px; } .pagenavi { margin: 10px 0; clear: both; } blockquote { color:#fff; padding:5px;font: 12px Arial,Sans-serif;line-height:18px;border:0px solid #222; } .pullquote { padding: 6px; float: right; width: 180px; margin:5px 0 10px 10px; border-top:1px solid #222; border-bottom:1px solid #222; text-align: center; font-family: verdana, Arial, Helvetica, sans-serif;color:#aaa;font-size:11px; } .capi { color:#333;float:left;font:3.6em Georgia,arial;line-height:0.8em;text-transform:uppercase;margin:0.07em 0.14em 0 0; } .left { float:left;margin-top:3px;margin-right:8px; } .right { float:right;margin-left:8px; } .clear { clear: both; } .clear-both { clear: both; } /* navigation */ ul.topnav { list-style:none;text-align:left;margin-top:20px; } .topnav li { float:right;margin-left: 10px; } .topnav li a { font:11px arial;outline:none;color:#ddd;text-decoration:none;display:block;padding:5px 5px 25px 15px;text-transform:uppercase;width:60px; } .topnav li a:hover { color:#fff !important;text-decoration:underline;} .topnav .current_page_item a {background:url(images/topmenu.png) center top no-repeat;} /* header */ #header { width:950px;height:220px;margin:0 auto;padding:0;z-index:1; } #logo{width:950px;height:92px;display:block;margin-top:130px;margin-left:0px;float:left;clear:left;position:absolute;background:url(images/logo2.png) no-repeat;z-index:2;} #logo a {width:479px;height:104px;display:block;outline:none;text-indent:-9999px;z-index:3;cursor:pointer;} #header h1 a { display:block;font-size: 20px; margin: 5px 0; width: 240px;text-indent: -999em; } #header h1 a:hover { color: #7ebe40; } #main-wrapper { display:block; margin:20px auto 0;width:950px;padding:10px;text-align:left;background:url(images/main2.png) repeat-y;border-top:0px solid #040507; } .izbornik {width:150px;float:left;clear:left;padding:10px;margin-top:8px;} .izbornik ul li{ margin: 0; color: #666; line-height: 18px;font-weight:bold; } .izbornik ul li a{display:block;height:20px;padding:8px;margin-bottom:2px;border-bottom:1px solid #2C2A23;background:url(images/meni.gif) center right no-repeat;} .izbornik ul li ul a{display:block;height:20px;padding-left:14px;margin-bottom:2px;border-bottom:1px solid #2C2A23;background:url(images/) center right no-repeat;font-weight:normal;} .podmeni{display:block;border-bottom:0px solid #2C2A23;height:40px;width:150px;} .agencije {width:150px;float:left;clear:left;padding:10px;margin-top:8px;background:#000;} .main { width: 470px;margin-left:10px;margin-top:8px;padding:0;float:left;overflow: hidden; background:url(images/) top left repeat-y;} .lisce{width:363px;height:192px;display:block;margin-top:-250px;margin-left:-30px;position:absolute;background:url(images/kompas.png) no-repeat;z-index:3;} /* dno */ #bottom { margin:0;padding:0;height:10px;border-top:0px solid #2B2C2E;} /* single page */ .post.single { line-height:18px;padding:2px; } .post.single h2, .post.single h2 a { margin-top:0px;padding:10px;font:18px arial,helvetica;letter-spacing:-1px;line-height:18px;color:#A4A28C;text-decoration:none;border-bottom:1px solid #2C2A23; } .post.single .postMeta { font:10px Arial;margin-bottom:5px;color:#000; } .post.single .postMeta span.date { padding:0 2px 0 0; } .post.single .postMeta span.comments { background: url(images/comment.gif) no-repeat left center;padding-left:15px; } .post.single .postMeta span.comments a, .post.single .postMeta span.date a{ color:#000; } .post.single .entry { float:left; line-height:18px;overflow:hidden;padding-bottom:25px; } .post .entry img,.entry a img { border:1px solid #666;background:#000;padding:3px;float:left;margin-right:5px;margin-bottom:3px; } .post .entry a:hover img { border-color:#999; } .post.single h3 { margin:0;padding:10px;font:15px arial,helvetica;line-height:18px;color:#A4A28C;text-decoration:none;font-weight:bold; } .post.single p { margin: 1em 0; padding:10px;} .post.single p a,.post.single li a { color:#C42A16; } .post.single p a:hover { color:#fff;background:#444; } .post.single p strong { font-weight: bold; } .post.single a { color:#a9a393; } .post.single a:hover { color:#ddd; } .post.single blockquote { margin: 0; color: #ccc; } .post.single ul, .post.single ol { margin: 1em; } .post.single ul li, .post.single ol li { list-style-type:disc;margin-left: 15px; color: #ccc; line-height: 1.4em; } .post.single ul li strong { font-weight: bold; } .post.single img.floatleft { float: left; margin: 4px 10px 0 0; } .post.single img.floatright { float: right; margin: 4px 0 0 10px; } /* sidebar */ #right-sidebar { color:#C42A16;float:left;margin-top:0px;width:150px;padding:0px;background:url(images/) top left repeat-y; } #sidebarwrapper { margin:0;padding:0;float:right;color: #000; } #left-sidebar { color:#C42A16;float:right;margin-top:0px;width:260px;padding:0px;background:url(images/) top left repeat-y; } #left-sidebar h3 {padding:10px;margin-bottom:10px;margin-top:-2px; color: #A4A28C;font-size:14px;font-family:Arial,Helvetica, sans-serif;font-weight:bold; background: url(images/) left center repeat-x;} #left-sidebar h3 a{color:#ddd;} #left-sidebar h3 a:hover{color:#999;} #left-sidebar a { color:#A4A28C;font-weight:bold; } #left-sidebar a:hover { color:#fff;text-decoration:underline; } #left-sidebar p { color:#999; line-height:18px;} #left-sidebar ul { list-style:none;margin:8px 0 4px;color: #999; } #left-sidebar2 { color:#C42A16;float:right;clear:right;margin-right:10px;width:235px;padding:15px;border-bottom:1px solid #2C2A23;border-top:1px solid #2C2A23; } #left-sidebar2 h3 {padding:3px;margin-bottom:10px;margin-top:0px; color: #ccc;font-size:18px;font-family:Arial,Helvetica, sans-serif;font-weight:normal; } #left-sidebar2 h3 a{color:#ccc;} #left-sidebar2 a { color:#A4A28C; } #left-sidebar2 a:hover { color:#fff; } #left-sidebar2 p { color:#ccc; line-height:18px;} #left-sidebar2 ul { list-style:none;margin:8px 0 4px;color: #999; } #left-sidebar2 li { list-style-type:disc;color: #ccc;margin-left:12px; } #left-sidebar3 { color:#C42A16;float:right;clear:right;margin-right:10px;width:235px;padding:15px;border:0px solid #fff;background:url(images/) top left repeat-y; } #left-sidebar3 h3 {padding:0px;margin-bottom:10px;margin-top:0px; color: #ccc;font-size:16px;font-family:Arial,Helvetica, sans-serif;font-weight:bold; } #left-sidebar3 h2 {padding-bottom:5px;margin-bottom:10px;margin-top:10px;border-bottom:1px solid #2C2A23; color: #ccc;font-size:12px;font-family:Arial,Helvetica, sans-serif;font-weight:bold; } #left-sidebar3 h3 a{color:#ccc;} #left-sidebar3 a { color:#A4A28C; } #left-sidebar3 a:hover { color:#fff; } #left-sidebar3 p { color:#ccc; line-height:18px;} #left-sidebar3 ul { list-style:none;margin:8px 0 4px;color: #999; } #left-sidebar3 li { list-style:none;padding-bottom:4px;color: #ccc; } .categories { padding: 0; color: #666; } .categories li { font-size: 11px;padding:3px 2px; float: left;color:#444; width: 48%; display: inline; } .categories li a { color: #999; text-decoration:none; } .categories li a:hover { color:#eee;text-decoration: none; } .recent-posts { padding: 10px 0; } .recent-posts ul { margin: 0px; padding: 0; } .recent-posts li { margin: 0px; padding: 4px 0; list-style-type: none; } .recent-posts li a { text-decoration:none; } .recent-posts li a:hover { text-decoration:none; } /* footer */ #footer { background:url(images/footer.png) no-repeat;color:#9C9A8B; font-size:11px; padding:40px 10px 10px;margin:0 auto;height:254px;clear:both;width:950px;text-align:left;border:0px solid #fff; } #footer a { color:#9C9A8B; } #footer a:hover { text-decoration:underline; } /*kontakt obrazac*/ #coldform_name {color:#999; background-color:#000; border:1px solid #666; width:420px; margin-bottom:10px; padding:5px; font-size:10px;} #coldform_email {color:#999; background-color:#000; border:1px solid #666; width:420px; margin-bottom:10px; padding:5px; font-size:10px;} #coldform_website {color:#999; background-color:#000; border:1px solid #666; width:420px; margin-bottom:10px; padding:5px; font-size:10px;} #coldform_topic {color:#999; background-color:#000; border:1px solid #666; width:420px; margin-bottom:10px; padding:5px; font-size:10px;} #coldform_response {color:#999; background-color:#000; border:1px solid #666; width:200px; margin-bottom:10px; padding:5px; font-size:10px;} #coldform_message {color:#999; background-color:#000; border:1px solid #666; width:420px; margin-bottom:10px; padding:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif;overflow:auto;} #coldform .hide {color:#999; font-size:12px; font-weight:bold;} #coldform .label {margin:3px; color:#999; display:block;} #coldform fieldset {color:#999; border:1px solid #666; margin-top:25px; padding-left:10px;} #coldform_error{color:#FFCC00;} #coldform_spam{color:#FFCC00;} #coldform_success{color:#FFCC00;} .submit { border:0px; color:#fff; background:red; font-size:10px; padding:3px 0; width:60px; height:24px; margin-top:10px; margin-bottom:10px; margin-left:15px; } .eventnaslov{color:#990000;font-size:12px;font-weight:bold;} .eventopis{color:#ddd;font-size:11px;border-bottom:1px solid #444;} /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { clear:both; } .tabberlive { /* margin-top:1em;*/ margin-bottom: 10px; } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { margin:0; padding: 3px 0; margin-bottom:13px; border-bottom: 0px solid #444; font: bold 11px Arial, Helvetica, sans-serif; position:relative; } ul.tabbernav li { list-style: none; margin: 0 0 0 0; display: inline; } ul.tabbernav li a { padding: 6px; line-height:22px; margin-left: 0px; margin-right: 12px; border-bottom: none; text-decoration: none; } ul.tabbernav li a:link { color: #444; } ul.tabbernav li a:visited { color: #444; } ul.tabbernav li a:hover { color: #444; } ul.tabbernav li.tabberactive a { background: url(images/tabber.gif) top center no-repeat; padding-bottom:15px; color:#fff; border:0; text-decoration:none; } ul.tabbernav li.tabberactive a:hover { color: #fff; background: url(images/tabber.gif) top center no-repeat; padding-bottom:15px; border:0; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { padding:2px; border-top:0; margin-top:20px; position:relative;/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */ /* height:200px; */ /* If you set a fix height set overflow to auto and you will get a scrollbar when necessary */ /* overflow:auto; */ } /* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; } /* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:150px; overflow:hidden; }