/* Theme Name: Empire Theme URI: http://www.woothemes.com/ Version: 1.0 Description: Designed by WooThemes. Author: WooThemes Author URI: http://www.woothemes.com Tags: woothemes Copyright: (c) 2009-2011 WooThemes. License: GNU General Public License v2.0 License URI: http://www.gnu.org/licenses/gpl-2.0.html */ /* WARNING! DO NOT EDIT THIS FILE! To make it easy to update your theme, you should not edit the styles in this file. Instead use the custom.css file to add your styles. You can copy a style from this file and paste it in custom.css and it will override the style in this file. You have been warned! :) */ /*------------------------------------------------------------------------------------------- INDEX: 0. RESET 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.2.2 Top Navigation (optional) -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer -2.7 Breadcrumbs 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi / Woo-Pagination -3.4 Single Post Author -3.5 Entry Tables 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets -4.3 WooTabs -4.4 WooRss 5. COMMENTS -5.1 Comments -5.2 Pingbacks / Trackbacks -5.3 Comments Form 6. MISC -6.1 Buttons -6.2 Contact Form -6.3 Gravity forms -6.4 Timeline page template -6.5 IE specific styling -6.6 Subscribe & Connect 7. HOMEPAGE -7.1 Slider -7.2 Home Widgets 8. PORTFOLIO -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* RESET - http://meyerweb.com/eric/tools/css/reset/ | v1.0 | 20080212 */ /*-------------------------------------------------------------------------------------------*/ /*klo dodala za tablicu rasporeda*/ table.raspored { width:80% !important; margin: 0 auto 1.2em auto; } table.raspored tr { height: unset !important; width: unset !important; text-align: center; vertical-align: middle; } table.raspored td { height: unset !important; width: unset !important; text-align: center; vertical-align: middle; } body,html{height:100%;} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,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{border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;margin:0;padding:0;} body{line-height:1;} ol,ul{list-style:none;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} :focus{outline:0;} del{text-decoration:line-through;} table{border-collapse:collapse;border-spacing:0;} /* Floating & Alignment */ .fl{float:left;} .fr{float:right;} .ac{text-align:center;} .ar{text-align:right;} /* Clear Floats */ .col-full:after{content:".";display:block;height:0;clear:both;visibility:hidden;} .fix{clear:both;height:1px;overflow:hidden;margin:-1px 0 0;} html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;} /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { font: 13px/1.5em Georgia; color: #ededed; background: #fff; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family:Georgia, serif; color:#c00634; font-weight:normal; } h1 {font-size: 2em } h2 {font-size: 1.8em;} h3 {font-size: 1.6em;} h4 {font-size: 1.2em;} h5 {font-size: 1em;} h6 {font-size: 0.8em;} p {margin: 0; } hr { background-color: #e6e6e6; border:0; height: 1px; margin-bottom: 20px; } input, textarea { padding: 5px; border-color: #CCCCCC #EFEFEF #EFEFEF #CCCCCC; border-width:1px; border-style:solid; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius:3px; color: #777; } /* 1.2 Hyperlinks */ a { color: #13407c; text-decoration:underline;} a:hover { color: #c00634; text-decoration:underline;} h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited { text-decoration: none; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;} /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #wrapper { /*background: #0c326b; */border-top: 4px solid #05374a; } #wrapper #top .col-full {width: 100%;} #main{padding: 20px;} .col-full {width: 90%; margin:0 auto; overflow: hidden;} .col-left#main {width: 68%; display: inline-block; margin-left: 5%;} .home .col-full { width: 100%;} #footer-wrapper .col-full { width: 100%;} .home #main { padding: 0 !important; width: auto; } /*kiki ispravlja komentare #main.fullwidth, .layout-full #main, .col-full {width: 90%; margin:0 auto;} // #main.fullwidth, .layout-full #main, .col-half {width: 70%; margin:0 auto;}*/ #sidebar{ width:20%; /*overflow: visible !important;*/ } /*kiki ispravlja komentare #sidebar .primary { padding: 3em 15px; } // #sidebar .secondary { width:140px; } */ .col-left { /*float: left;*/ } .col-right { float: right; } .layout-right-content #main { float:right; } .layout-right-content #sidebar { float:left; } /* navihtot left_sidebar */ .has_left_sidebar {width: 90%; margin:0 auto; overflow: hidden;} .has_left_sidebar #main {display: inline-block; width: 50%; margin-left: 0;} /* 2.2 Navigation */ #navigation-out{ } #navigation{ font:bold 13px/1em Georgia; border-top: 1px solid #0c326b; border-bottom: 1px solid #0c326b; } #navigation ul.rss{background:url(images/ico-rss.png) no-repeat right 44%;margin:0 15px 0 0; padding:0 25px 0 0;line-height: 1;} #navigation ul.rss li{display:inline;padding:0;} #navigation ul.rss li a{color:#d75418;text-decoration:none; padding:10px 5px; line-height: 18px; display: inline-block; position: relative;} #navigation ul.rss li.sub-email {color:#dedede;} #navigation ul.rss li a:hover{text-decoration:underline;} #navigation div {text-align: center;} #navigation #main-nav {display: inline-block; margin: 0 auto; float: none;} #navigation #main-nav > li.menu-item .sub-menu li {text-align: left;} .nav { z-index:99; margin:0; padding:0; list-style:none; line-height:1; } .nav a { position:relative; color:#ebebeb; display:block; z-index:100; padding:10px 15px; padding-left: 5px; line-height:18px; text-decoration:none; /*text-shadow:0 2px 1px rgba(0,0,0,.7);*/ font-weight: normal; letter-spacing: 0.05em; } .nav li { float:left; width: auto; } .nav li a.sf-with-ul { padding-right:20px; } .nav a:hover, .nav li.current_page_item a, .nav li.current_page_parent a, .nav li.current-menu-ancestor a, .nav li.current-cat a, .nav li.current-menu-item a, .nav li.sfHover { background:#165386; -moz-box-shadow: 0 1px 0 #375B71 inset; -webkit-box-shadow: 0 1px 0 #375B71 inset; box-shadow: 0 1px 0 #375B71 inset; } /* Optional Styling */ #navigation { background: #13407c; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.03); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03); box-shadow: 0 2px 2px rgba(0,0,0,.03); } #navigation .nav li a { border-left:1px solid #0c326b; /*border-right:1px solid #0c326b;*/ } #navigation .nav li:last-child a { border-right:1px solid #0c326b; /*border-right:1px solid #0c326b;*/ } #navigation .nav li:first-child a { border-left:1px solid #0c326b; } #navigation .nav li li:first-child a { border-left:none; } /* 2.2.1 Drop-down menus */ .nav li ul { background:#13407c; -moz-box-shadow: 0 1px 0 #000 inset; -webkit-box-shadow: 0 1px 0 #000 inset; box-shadow: 0 1px 0 #000 inset; margin:0 0 0 -1px; padding:0; position: absolute; left: -999em; width: 210px; border: 1px solid #000; z-index:999; } .nav li ul li a { padding:8px 15px; width:180px; color:#ebebeb; background: none; font-size:0.9em; text-shadow: none; } .nav li ul li a:hover { text-decoration: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; background:#0c326b !important; } .nav li ul li a.sf-with-ul { padding-right:15px; } .nav li ul ul { margin: -35px 0 0 210px; } .nav li ul li a:hover, .nav li.current_page_item ul li a, .nav li.current_page_parent ul li a, .nav li.current-menu-ancestor ul li a, .nav li.current-cat a ul li, .nav li.current-menu-item ul li a, .nav li.sfHover ul li { background:none; box-shadow:none; } .nav li:hover,.nav li.hover { position:static; } .nav li:hover ul ul, .nav li.sfhover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul ul, .nav li:hover ul ul ul ul, .nav li.sfhover ul ul ul ul { left:-999em; } .nav li:hover ul, .nav li.sfhover ul, .nav li li:hover ul, .nav li li.sfhover ul, .nav li li li:hover ul, .nav li li li.sfhover ul, .nav li li li li:hover ul, .nav li li li li.sfhover ul { left:auto; } .nav .sf-sub-indicator {background: url(images/arrow-superfish.png) no-repeat;position:absolute;display:block;right:0.4em;top:44%;width:10px;height:10px;text-indent:-999em;overflow:hidden;} .nav li ul .sf-sub-indicator {background:url(images/arrow-superfish-right.png) no-repeat; top:38%; } /* Optional Styling */ #navigation .nav li ul { /* Border Radius */ border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; /* Box Shadow */ -moz-box-shadow: 0 2px 2px rgba(0,0,0,.03); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.03); box-shadow: 0 2px 2px rgba(0,0,0,.03); } #navigation .nav li ul ul { border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-radius: 0 4px 4px 4px; } #navigation .nav li ul li a { border:0; -moz-box-shadow: 0 0 0 !important; -webkit-box-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; } #navigation .nav li ul li:first-child a { border-top:none; } #navigation .nav li ul li:last-child a { border-bottom:none; } /* 2.2.2 Top Navigation (optional) */ #top { background: #0c326b; } #top .nav { } #top .nav a { color:#ddd; padding:8px 10px; line-height:18px; text-decoration:none; text-shadow:none; } #top .nav li { } #top .nav li a.sf-with-ul { padding-right:20px; } #top .nav a:hover, #top .nav li.current_page_item a, #top .nav li.current_page_parent a, #top .nav li.current-menu-ancestor a, #top .nav li.current-cat a, #top .nav li.current-menu-item a, #top .nav li.sfHover { background: #165386; box-shadow:none; } #top .nav li ul { /*background: #222;*/ margin:0; padding:0px; width: 180px; border: none; z-index:999; /* Box Shadow */ /*-moz-box-shadow: 0 2px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.1); box-shadow: 0 2px 2px rgba(0,0,0,.1);*/ border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; } #top .nav li ul, #top .nav li ul li:last-child a { /* Border Radius */ /*border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;*/ } #top .nav li ul, #top .nav li ul li:first-child a { /*border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px;*/ } #top .nav li ul li { } #top .nav li ul li a { padding:8px 10px; width:160px; color:#ddd; background: none; font-size:0.9em;} #top .nav li ul li a:hover { background-color: #165386 !important; } #top .nav li ul li a.sf-with-ul { padding-right:10px; } #top .nav li ul ul { margin: -34px 0 0 180px; } #top .nav li:hover, #top .nav li.hover { position:static; } #top .nav li:hover ul ul, #top .nav li.sfhover ul ul, #top .nav li:hover ul ul ul, #top .nav li.sfhover ul ul ul, #top .nav li:hover ul ul ul ul, #top .nav li.sfhover ul ul ul ul { left:-999em; } #top .nav li:hover ul, #top .nav li.sfhover ul, #top .nav li li:hover ul, #top .nav li li.sfhover ul, #top .nav li li li:hover ul, #top .nav li li li.sfhover ul, #top .nav li li li li:hover ul, #top .nav li li li li.sfhover ul { left:auto; } /* 2.3 Header */ #header{padding:10px 0;clear:both;position:relative; background: #0c326b; } /* #header{padding:25px 0;clear:both;position:relative; background: #F1F1F1 url(images/index_headline_podloga.jpg); } */ #logo { text-align: center; } #logo img { } #logo .site-title, #logo .site-description { font-family:Georgia, serif; color: #000; display:none; } #logo .site-title a { color:#222; font-size:40px; line-height:40px; text-transform:none; font-weight:normal; text-decoration:none; } #logo .site-title a:hover { text-decoration:underline; } #logo .site-description { color:#999; font:italic 14px Georgia, serif; } #header-right { float: right; line-height:1.6em; } #header-right .fl { width: 300px; text-align: right; margin: 0 20px 0 0; color: #000; text-shadow: 0 1px 1px #fff; font-size: 11px; } #header-right .fl strong { font-weight:bold; font-size:14px; line-height:2em; color: #962C30; text-transform: uppercase; } #header-right .fr { margin-top: 27px; } #header-right .fr a { padding: 12px 15px; border: 1px solid #350708; color: white !important; font-weight: bold; text-align: center; text-shadow: 0 1px 3px hsla(0,0%,0%,.8); text-decoration: none; /*Border radius*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; /*Background*/ background: #7C2729; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #9A3134), color-stop(1, #772729) ); background: -moz-linear-gradient( center top, #9A3134 20%, #9A3134 100% ); -webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; -moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/; } #header-right .fr a span { background: url(images/header-right-btn-arrow.png) no-repeat center right; padding: 20px 35px 22px 0;} #header-right .fr a:hover { opacity: 0.9; } #search-top { width: 210px; } #search-top form { border: solid #0c326b; border-width: 0 1px; padding: 0px; box-shadow: 0 5px 4px #21343D inset; -moz-box-shadow: 0 5px 4px #21343D inset; -webkit-box-shadow: 0 5px 4px #21343D inset; } #search-top input.search-submit { background: #13407c; top: 0; right: 0; border: solid #0c326b; border-width: 0 0 0 1px; padding: 13px 11px 9px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #search-top input.search-submit:hover { background: #1C2E38; } .language-chooser {padding-right:10px;} /* 2.4 Content */ #content{padding:0; background: #fff;} /* 2.5 Sidebar */ #sidebar{ background: #f3f3f3; padding: 10px; padding-bottom: 500em; margin-bottom: -500em; display:inline-block; } /*kiki ispravlja komentare .left_sidebar { float: left; /*margin-right: 20px; padding-top: 40px; padding-left: 20px; width:250px !important;} */ #sidebar .primary { } #sidebar .secondary { float:left; margin-right:20px; } #sidebar .secondary.last { margin:0; } #sidebar .widget ul.menu li a span { color: #c00634 !important; text-transform: uppercase;} #sidebar .widget ul.menu li.current-menu-item a { color: #c00634 !important;} /* 2.6 Footer */ #footer-wrapper { margin-top: 20px; } #footer #credit { text-align: center; float: none !important; } /*#footer{padding: 20px 0 30px;border-top: 1px solid #e6e6e6; color:#999;} #footer p {} #footer p a { color: #999; } #footer p a:hover { color: #aaa; } #footer #credit img{vertical-align:middle;} #footer #credit span{display:none;} // #footer-widgets { padding:10px 0; } // #footer-widgets .widget { text-shadow: none; } // #footer-widgets .block { padding:20px 10px 0 10px; width:210px; float:left; color: #1A2A33; } // #footer-widgets .block p { color: #1A2A33; } // #footer-widgets .block a { color: #c00634; } // #footer-widgets .block h3 { font-size:13px; margin: 0 0 10px; background: url(images/widget-title-footer.png) repeat; text-transform: uppercase; padding: 8px 10px; color: #203039; text-shadow: 0 1px 0 #fff; } // #footer-widgets .block ul { list-style: none; padding: 0; } // #footer-widgets ul li { border-bottom: 1px solid #E6E6E6; } // #footer-widgets ul li a { color: #c00634; text-shadow: none !important; } // #footer-widgets.col-1 .block { width:100%; padding-left:0; } // #footer-widgets.col-2 .block { width:460px; } // #footer-widgets.col-3 .block { width:300px; } // #footer-widgets.col-4 .block { width:220px; }*/ #footer-widgets { background: #0c326b; } #footer-widgets .footer-widget-1 .widget_text { padding: 20px; border-top:2px solid #c00634; border-bottom:2px solid #c00634; background: #fff; margin-bottom: 0 !important; text-align: center; } #footer-widgets .footer-widget-1 .widget_text div { /*kiki ispravlja komentare display: table; // margin-left: 5%;*/ width: 100%; } #footer-widgets .block .widget_text div a{ /*kiki ispravlja komentare display: table-cell;*/ margin-right: 30px; } #credit {color: #0c326b; padding: 5px 5px 0 0; font-size: 10px;} /* 2.7 Breadcrumbs */ #breadcrumbs { margin-bottom: 2em; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ #breadcrumb, .post .video { margin-bottom:1.5em;} .post { margin: 0 0 3em; border-bottom: 1px solid #e4e4e4} .toggle-content a.post {border-bottom: 0;} .toggle-content .rss-date {color: #b4b4b4; font-size: 10px;} .post .title, .page .title { position:relative; margin: 0 0 25px; display: table; } /*kiki ispravlja komentare .post .title a:link { color:#13407c; }*/ .post .title a:visited,.post .title a:hover { color:#c00634; } /* date badge */ .post .post-meta { position: relative; } .post .post-date { background: #0c326b; position: absolute; left: -60px; top:0; color: #fff; text-transform: uppercase; text-align: center; padding: 8px; letter-spacing: 1px; font-size: 12px; } .post .post-date .month { display: block; } .post .post-date .day { position: relative; font-size: 13px; } /* comments badge */ .post .post-comments {float: right; position: relative; width: 75px; display:none; } .post .post-comments .comments { position: absolute; top: -30px; font-family: Georgia sans-serif; font-size: 14px; /*text-shadow: 0 1px 0 #1A2A33;*/ } .post .post-comments .comments a { color: #9EC0D4; text-decoration: none; } .post .post-comments .comments span { height: 24px; background: url(images/ico-comments.png) no-repeat top left; } .post-more { clear:both; margin:0 0 1em 0; color:#999;} .post p.tags{color:#9EC0D4; background:url(images/ico-tag.png) no-repeat top left;padding-left:25px;width:100%;clear:both;margin-bottom:20px;} /* 3.1 Typographic Elements */ .entry, .entry p { font:14px/1.5em Georgia; display: block;} .entry .shortcode-toggle p {/*color:#fff;*/} /*kiki ispravlja komentare .toggle-content a {color:#fff;}*/ .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { margin:0 0 0.5em; line-height:1.5em; } .entry p { margin-bottom: 1.2em; } .entry blockquote { background:url(images/blockquote.png) no-repeat 0 12px; padding: 10px 20px 10px 50px; color: #9EC0D4; } .entry blockquote p { font-style:italic; } .entry ul { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ul ul { margin: 0; } .entry ul li { list-style-type: circle; } .entry ul ul li { list-style-type: circle; } .entry ol { margin-bottom: 1.5em; padding: 0 0 0 30px; } .entry ol ol { margin: 0; } .entry ol li { list-style-type: decimal; } .entry ol li ol li { list-style-type: lower-latin; } /* 3.2 Images */ .entry img, img.thumbnail { /*padding: 4px; border: 1px solid #3C5A70; background:#203039; */ } .entry img:hover, img.thumbnail:hover { border-color:#142027; } img.wp-smiley { padding: 0; border: none; } .alignleft { float: left; height: auto; margin: 0px 20px 10px 0; } .alignright { float: right; height: auto; margin: 0px 0 10px 20px; } .aligncenter { text-align: center; margin-bottom:15px;} img.aligncenter { margin-left:auto; margin-right:auto; display:block; } .entry .wp-caption { padding: 1px; text-align:center; background:#0c326b; border: solid 1px #13407c;} .entry .wp-caption img{ margin:0; padding:4px 0; background:none; border:0; } .entry .wp-caption-text { margin:0; padding:0; font:0.9em/1.5em Georgia; text-align:center;color:#fff; } .entry .wp-caption.aligncenter { margin:0 auto 15px; } /* 3.3 Pagination / WP-Pagenavi / Woo-Pagination */ .nav-entries, .wp-pagenavi, .woo-pagination { padding:10px 15px; } .nav-entries a { display: block; color:#777; text-decoration:none;} .nav-entries a:hover { text-decoration:underline; } .woo-pagination { margin: 0; text-align: center; } .woo-pagination a:link, .woo-pagination a:visited { display: inline; text-decoration: none; color: #fff; padding: 4px 7px; border: 1px solid #13407c; } .woo-pagination span.extend, .woo-pagination .page-numbers { border:1px solid #c00634; background: #c00634; padding: 4px 7px; color: #fff; } .woo-pagination span.extend, .woo-pagination .page-numbers.dots { border:0; background: none; color: #0c326b;} .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active, .woo-pagination span.current {} .woo-pagination a:link, .woo-pagination a:visited, .woo-pagination a:active { border:1px solid #3C5A70; background: #1E303A;} .woo-pagination a:hover { background: #c00634;} /*kiki ispravlja komentare .woo-pagination .current, .woo-pagination a:hover { padding: 4px 7px; color: #13407c; }*/ /* 3.4 Single Post Author */ #post-author, #author-twitter { background: #1E303A; background: rgba(0,0,0,.3); margin:0 0 1.5em; padding:15px; border:1px solid #3C5A70; border-width:1px 0 1px; clear:both; } #post-author .title { margin-bottom: 10px; } #post-author .profile-image { float:left; margin:0 15px 5px 0; padding: 5px; border: 1px solid rgba(255,255,255,0.4); background:#333; background:rgba(255,255,255,0.2);} #post-author .profile-link { } /* author page */ .profile-social { margin: 15px 0 0; } .profile-social ul {} .profile-social ul li { display: inline; margin-right: 10px; } .profile-social ul li a { padding-left: 26px; } .profile-social ul li.twitter a { background: url(images/author/twitter.png) no-repeat left center; } .profile-social ul li.facebook a { background: url(images/author/facebook.png) no-repeat left center; } .profile-social ul li.flickr a { background: url(images/author/flickr.png) no-repeat left center; } /* team page */ .page-template-template-team-php .post { margin: 0 40px 20px 0; clear:both; } .page-template-template-team-php .post .bio { overflow: auto; } .page-template-template-team-php .post.right { width: 290px; margin: 0 0 20px 0; float: left; } .page-template-template-team-php .profile-social ul { padding: 0; font-size: 12px; } .page-template-template-team-php a.author-name { display: block; color: white; font-size: 18px; line-height: 26px; /*text-shadow: 0 1px 0 #1A2A33;*/ text-decoration: none; } .page-template-template-team-php p { color: #9EC0D4; font-size: 12px; } /* 3.5 Entry Tables */ .entry table { width: 100%; border: 1px solid #e6e6e6; margin-bottom:1.2em; font-color: #ffffff; padding: 0 0 0 0; } .entry table tr.alt-table-row { padding: 0 0 0 0; } .entry table th { padding: 0 0 0 0; background: #EEEEEE; border: 1px solid #e6e6e6; /*text-shadow: 1px 1px 0 #fff; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff;*/ } .entry table td { padding: 0 0 0 0; border: 1px solid #e6e6e6; } .entry table td p { padding: 0; margin: 0; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.1 Generic Widgets */ .widget { margin-bottom: 2em; color: #9EC0D4; } #footer-wrapper .widget h3 { padding:0 0 15px; font:normal normal 14px Georgia; color:#fff; text-transform: uppercase; } .widget p, .widget_text { margin-bottom: 1em; color:#0c326b; } .widget ul { clear:both; } .widget ul li { padding: 2px 0; } .widget ul li a { line-height: 22px; text-decoration: none; } .widget ul li a:hover { text-decoration:underline; } .widget ul ul { padding: 0 0 0 15px; border-top: none; } /* 4.2 Specific Widgets */ /* SEARCH FORM */ .searchform { width: 99%; position: relative; border: 1px solid #0c326b; background: #13407c; box-shadow: 0 5px 4px #223741 inset; -moz-box-shadow: 0 5px 4px #223741 inset; -webkit-box-shadow: 0 5px 4px #223741 inset; } .searchform input.s { padding: 10px; width:80%; margin:0; border:none; background: #13407c; color:#67777f; font-weight: 700; } .searchform input.search-submit { position: absolute; top:10px; right:10px; border:none; margin:0; padding:0; } /* FLICKR */ .widget_woo_flickr h3 {} .widget_woo_flickr h3 span{color:#0061D8;} .widget_woo_flickr h3 span span{color:#FF1183;} .widget_woo_flickr .flickr_badge_image { float: left; margin: 3px; } .widget_woo_flickr .wrap { position: relative; margin-bottom: 20px; padding: 0; } .widget_woo_flickr a img { float: left; margin: 0 0 8px 8px; display: block; border: 1px solid #3C5A70; background-color: #203039; padding: 3px;} .widget_woo_flickr a:hover img { border:#142027 1px solid; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;} #wp-calendar caption{padding:10px;} #wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;} #wp-calendar td{background:transparent;} #wp-calendar td,table#wp-calendar th{padding:3px 0;} /* Blog Author Widget */ .widget_woo_blogauthorinfo .avatar { border: 1px solid #3C5A70; background-color: #203039; padding: 3px;} .widget_woo_blogauthorinfo .left { float:left; margin:0 10px 5px 0; } .widget_woo_blogauthorinfo .right { float:right; margin:0 0 5px 10px; } /* TWITTER */ .widget_woo_twitter .back { padding: 5px 15px; background: #203039; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .widget_woo_twitter ul { padding-left:0; } .widget_woo_twitter ul li { border-bottom: 1px solid #3C5A70; padding: 15px 0; list-style:none; color: #fff;} .widget_woo_twitter ul li:last-child { border:none; padding-bottom: 5px; } .widget_woo_twitter ul li a { padding: 0px; line-height: 18px; } .widget_woo_twitter ul li .time { color:#9EC0D4; display: block; margin-top: 5px; } .widget_woo_twitter p { padding: 10px 0 0; font-weight: bold; color:#fff; } .widget_woo_twitter p a { color:#9EC0D4; text-decoration: none; } .widget_woo_twitter ul li .content { font-size: 12px; } .widget.widget_woo_twitter h3 { border-bottom:none; padding:0; margin:0; padding-bottom: 15px; } /* TWITTER Footer */ #footer-widgets .widget_woo_twitter ul li { color:#203039; } #footer-widgets .widget_woo_twitter ul li:first-child { padding-top: 0; } #footer-widgets .widget_woo_twitter .back { padding: 5px 0px; background: none; } #footer-widgets .widget_woo_twitter p { color:#203039; } /* FEEDBACK */ .widget_woo_feedback { color: #ebebeb; position: relative; } .widget_woo_feedback blockquote { padding-bottom:10px; } .widget_woo_feedback cite { color: #ccc; font-weight: bold; font-style: normal; line-height:22px; } .widget_woo_feedback a { text-decoration: none; } .widget_woo_feedback .btn-next { background: url("images/ico-feedback-next.png") no-repeat scroll right center transparent; border-left: 1px solid rgba(255,255,255,.2); bottom: -10px; color: #9AC0D5; display: block; font-size: 11px; height: 38px; line-height: 38px; padding-left: 15px; position: absolute; right: 0; text-transform: uppercase; width: 80px; z-index: 99; } /* BLOG ARCHIVES */ .widget_woo_archives { margin-left: 5%; padding: 20px; } .widget_woo_archives .archive { margin: 9px 0; letter-spacing: 1px; text-transform: uppercase; width: 30%; display: inline-block; } .widget_woo_archives span a { color: #fff; /*text-shadow: 1px 2px 0 #1A2A33;*/ text-decoration: none; } /*kiki ispravlja komentare .widget_woo_archives .fl { width: 10%; margin-right: 5%; } // .widget_woo_archives .fr { width: 85%; }*/ .widget_woo_archives li { float: left; padding: 0 !important; margin: 0 4px; } .widget_woo_archives li a { color: #9EC0D4; background: #3C5A70; padding: 0px 4px !important; display: block; text-shadow: none !important; } .widget_woo_archives li a:hover { background: #18272F; text-decoration: none !important; } /* BLOG ARCHIVES Footer */ #footer-widgets .widget_woo_archives .archive { margin: 4px 0; padding: 7px 0; letter-spacing: 1px; text-transform: uppercase; } #footer-widgets .widget_woo_archives .archive .archive_year {text-align: center;} #footer-widgets .widget_woo_archives span a { color: #203039; text-shadow: none; } #footer-widgets .widget_woo_archives span a { color: #fff; font-size: 11px; background: #c00634; display: block; text-shadow: none !important; } /*kiki ispravlja komentare #footer-widgets .widget_woo_archives li a { color: #fff; font-size: 11px; background: #c00634; display: block; text-shadow: none !important; } // #footer-widgets .widget_woo_archives li a:hover { background: #18272F; text-decoration: none !important; }*/ #footer-widgets .widget_woo_archives li a { display: none; } /* CATEGORIES WIDGET */ #footer-widgets .widget_categories ul li { display: inline-table; width: 49%; margin: 2px 0; background: #E7E7E7; border: 0 !important; } #footer-widgets .widget_categories ul li a { display: block; color: #203039; background: #E7E7E7; text-decoration: none; padding: 0 10px; } #footer-widgets .widget_categories ul li a:hover { display: block; color: #fff; background: #9F9F9F; } /* ARCHIVE WIDGET FOOTER */ #footer-widgets .footer-widget-2 {width:30%; display: inline-block;} #footer-widgets .widget_archive ul li { margin:2px 0; background: #E7E7E7; border: 0 !important; } #footer-widgets .widget_archive ul li a { display: block; color: #203039; background: #E7E7E7; text-decoration: none; padding: 0 10px; } #footer-widgets .widget_archive ul li a:hover { display: block; color: #fff; background: #9F9F9F; } /*RADNO VRIJEME*/ #footer-widgets .footer-widget-3 {width:65%;display: inline-block;} #footer-widgets .footer-widget-3 .widget_text {padding:20px; color:#fff;} #footer-widgets .footer-widget-3 .widget_text .textwidget p {color:#fff;} /*CERIFIKATI*/ #footer-widgets .footer-widget-4 {width:0%;display: inline-block;} #footer-widgets .footer-widget-4 .widget_text {padding:20px;} /* SOCIAL CONNECT */ .widget_woo_subscribe #connect { margin: 0; padding: 0; background: none; border: 0; } .widget_woo_subscribe form { width: 99%; position: relative; border: 1px solid #3A5A74; background: #0c326b; box-shadow: 0 5px 4px #223741 inset; -moz-box-shadow: 0 5px 4px #223741 inset; -webkit-box-shadow: 0 5px 4px #223741 inset; } #connect .newsletter-form .email { padding: 10px; width: 85%; margin: 0; border: none; background: none; color: #718087; font-weight: 700; width: 202px !important; } #connect .newsletter-form .submit { background:#17252C url(images/ico-connect-arrow.png) no-repeat center center; border: 0; box-shadow: none; text-indent: -999em; position: absolute; padding: 10px 15px 8px 11px; top: -5px; left: 219px; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; border-radius: 0 !important; } /* CONTACT US WIDGET */ .widget_woo_contactus .fl { width: 40%; } .widget_woo_contactus .fl span.sub-title { font-size: 13px; font-weight: bold; text-transform: uppercase; padding: 8px 10px; color: #c00634; } .widget_woo_contactus .fr { width: 60%; font-size: 11px; color: #203039; } .widget_woo_contactus .fr a.map { display: block; color: #203039 !important; text-decoration: none; font-weight: bold; background: url(images/ico-map.png) left center no-repeat; margin: 5px 0; padding-left: 20px; } .widget_woo_contactus .fr a.map:hover { text-decoration: underline; } .woo-sc-box.info { background-color: #f3f3f3 !important; border: 0 !important; border-radius: 0 !important; color:#c00634 !important; } /* ARCHIVE WIDGET FOOTER */ /* 4.3 WooTabs */ .widget{ clear: both; } .hidden {display: none;} #tabs { height:auto; display: block;padding:10px 0 0 0; position: relative; } #tabs ul.wooTabs { padding:0px; margin-bottom: 10px; background: #0c326b; border: 1px solid #13407c; overflow: hidden; position: relative; width:100%; left:0px; } #tabs ul.wooTabs li { float: left; display:inline; /*color: #ffffff;*/ color:#0c326b; margin:0px; padding: 0; cursor: pointer; } #tabs ul.wooTabs li a { color:#fff; display: block;float: left;padding: 10px 10px; text-transform:uppercase; font: 11px/18px Georgia; } #tabs ul.wooTabs li a.selected { padding-bottom:11px; } #tabs ul.wooTabs li a.selected, #tabs ul.wooTabs li a:hover { background:#c00634; text-decoration:none; border-width:1px 1px 0 0; } #tabs ul.wooTabs li:first-child a { border-width:1px 1px 0px 1px;} #tabs .fold { background: url(images/tabs-fold.png) no-repeat top left; width: 11px; height: 6px; position: absolute; left: -30px; top: 41px; display: none;} #tabs .inside { margin-top:-1px; /*width: 90%; margin: 0 auto;*/ } #tabs .inside ul, #tabs .inside #tab-tags { margin:0; padding:0; display: none; } #tabs .inside ul:first-child { display: inline; } #tabs .inside #tab-tags { border-width:1px; padding:10px; } #tabs .inside li { padding:10px 0; list-style:none;} #tabs .inside li a { color:#13407c; font:12px/18px Georgia; padding:10px 0;} #tabs .inside li a:hover,#tabs .inside li a:focus { color:#c00634;} #tabs .inside a:hover{} #tabs .inside #tab-tags a { padding:2px 4px; margin:3px 1px; display:inline-block; background: #0c326b; color: #fff; text-decoration: none; font-size:13px !important;} #tabs .inside #tab-tags a:hover{ background: #c00634;} #tabs .inside li span.meta { display:block; font-size: 11px; text-transform:uppercase; color:#9EC0D4; } #tabs .inside li img.avatar, #tabs .inside li img.thumbnail { /*border: 1px solid #3C5A70; padding: 3px; background-color: #203039;*/ float: left; margin: 0 15px 0 0;} #tabs .inside li img.avatar:hover, #tabs .inside li img.thumbnail:hover { border-color:#142027; } /*4.4 Woo Rss*/ .home-right { width: 30%; display: inline-block; background: #f3f3f3; min-height: 50px; padding: 10px; } .widget_rss { } .widget_rss h2 a { color: #0b3F6A; } .widget_rss h2 a:hover { color: #c00634; } .widget_rss ul { padding: 10px; } .widget_rss ul li { padding: 10px 0; border-bottom: 1px dashed #b5b5b5; } .widget_rss ul li:last-child { border-bottom: 0; } .widget_rss ul li a { font-size: 14px; font-weight:bold; color: #13407c; } .widget_rss ul li p { margin-bottom: 0; } .widget_rss ul li a:hover, .widget_rss ul li a:focus { color: #c00634; } .widget_rss ul li .rssSummary { color: #171717; font-size: 12px; word-wrap: break-word; } /*kiki ispravlja komentare .home-left .widget_rss { // background: #fff; // padding-left: 10px; // } // .home-left .widget_rss h3 { // background: #fff; // } // .home-left .widget_rss a { // color: #0c326b; // }*/ .cets_embedRSS { } .cets_embedRSS li { padding: 10px 0; border-bottom: 1px dashed #b5b5b5; } .cets_embedRSS li > a.post { font-size: 16px; font-weight: bold; text-decoration: none; border-bottom: 0; } .cets_embedRSS li > .rss-date { font-size: 10px; color: #171717; } .cets_embedRSS li .rssSummary { color: #171717; font-size: 12px; } .cets_embedRSS li .rssSummary p { color: unset; margin-bottom: 0; font-size: 12px; } /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments {position:relative;margin:2em 0 0;padding:2em 0 0 0; border-bottom: 1px solid #555; border-color: rgba(255,255,255,.1); } #comments h3, #respond h3 { color:#9EC0D4; font-weight:normal; font-size: 16px; padding-bottom:20px; /*text-shadow: 0 1px 0 #1A2A33;*/ border-bottom: 1px solid #555; border-color: rgba(255,255,255,.1); } #comments h3#discuss span { background: url(images/ico-discuss.png) left center no-repeat; width: 22px; height:18px; display: block; position: absolute; left: -45px; top: 27px; } #comments .comment.thread-even { } #comments .comment.bypostauthor { } #comments .comment{list-style-type:none;} #comments .comment .comment-container { border-top: 1px solid #555; border-color: rgba(255,255,255,.1); position:relative; padding: 20px; } #comments .comment-head { margin: 0 0 15px 0; color: #9EC0D4; } #comments .avatar { float:left; margin: 0 15px 10px 0; } #comments .avatar img{margin: 0;vertical-align: middle;border: 1px solid #3C5A70; background-color: #203039; padding: 3px; } #comments .comment-head .date, #comments .comment-head .edit, #comments .comment-head .perma { font-size: 10px; text-transform: uppercase; } #comments .comment-entry p { margin: 0 0 10px 0;} #comments .comment-author { font-size: 12px; text-transform: uppercase; color: #9EC0D4; float: right; } #comments .comment-author span { padding: 5px 0; } #comments .comment-author .by { background: url(images/ico-author.png) no-repeat center left; padding-left: 15px; font-style: italic; } #comments .comment-author .name { font-weight: bold; } #comments .reply { position: absolute; top: 8px; padding-top: 10px; width: 93% } #comments .reply a { font: 11px/18px Georgia; background: #0c326b; color:#fff !important; text-shadow: none; text-decoration: none; text-transform: uppercase; padding: 3px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: right; } #comments .reply a:hover { background-color: #05374a;} #comments ul.children{padding:10px 0 0 25px;margin:0;background: url(images/ico-reply.png) no-repeat left -6px;} #comments ul.children li { margin-left: 15px; } h3#reply-title small { margin:20px 0 0; display:block; font-size:11px; } #comments .navigation { } #comments .navigation a{ display: block; margin: 15px 0 0 0; text-decoration: none; } #comments .navigation a:hover{} #comments h3#pings { margin-top:25px; } #comments .pingbacks li.pingback { margin:10px 0; } #comments .pingbacks li.pingback .reply { display:none; } #comments .nocomments { font-size:14px; font-weight: bold; } /* 5.2 Comments Form */ #respond { margin: 2em 0 0; } #respond h3 { border: 0; padding-bottom: 5px; } #respond .left { float:left; width:200px; margin-right:15px; } #respond .right { float:left; width:380px; } #respond label { font-size:11px; color:#9EC0D4; } #commentform { margin: 15px 0 0 0; } #commentform label { position:relative; display:inline; vertical-align:top; display:inline-block; margin-top:5px; } #commentform input.txt, #commentform textarea, #contact-page input.txt, #contact-page textarea { font:12px/14px Georgia; border: 1px solid #3A5A74; background: #0c326b; -moz-box-shadow: 0 5px 4px #223741 inset; -webkit-box-shadow: 0 5px 4px #223741 inset; box-shadow: 0 5px 4px #223741 inset; } #commentform input.txt { color:#718087; width: 170px; margin: 0 5px 10px 0; padding: 5px 7px; } #commentform textarea { color:#718087; width: 95% !important; padding: 5px 7px; } #respond #commentform #submit { margin: 15px 0 0 0; cursor: pointer; } /* 5.3 Pingbacks / Trackbacks */ h3#pings { margin: 25px 0 10px 0; } .pinglist li { margin: 0 0 0 20px; list-style-type: decimal; } .pinglist li .author { font-weight: bold; font-size: 15px; } .pinglist li .date { font-size: 11px; } .pinglist li .pingcontent { display: block; margin: 10px 0; } /*-------------------------------------------------------------------------------------------*/ /* 6. MISC */ /*-------------------------------------------------------------------------------------------*/ /* 6.1 Buttons */ a.button, #commentform #submit, .submit { display: inline-block; margin: 5px; padding: 10px 13px; border: 1px solid #3A5A74; color: #718087 !important; text-align: center; text-shadow: 0 -1px 0 hsla(0,0%,0%,.3); text-decoration: none; font-weight: bold; /*Border radius*/ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*Background*/ background: #0c326b; /*Fallback*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #223741), color-stop(1, #0c326b) ); background: -moz-linear-gradient( center top, #223741 20%, #0c326b 100% ); /*Box shadow*/ } a.button.large { padding:6px 16px;} a.button.small { padding:0px 10px;} a.button:hover, a.button.hover, a.button.active, #commentform #submit:hover, .submit:hover { text-decoration: none !important; /*Background*/ background: #0c326b; } a.button:active, a.button.active { border-color: #203039; } /* 6.2 Contact Form */ #contact-page .screenReader { left: -9999px; position: absolute; top: -9999px; } #contact-page ol.forms {float:left;list-style:none;width:100%;margin:10px 0 0;} #contact-page ol.forms li{clear:both;float:left;margin-bottom:18px;position:relative;width:100%} #contact-page ol.forms label{cursor:pointer;display:block;float:left;font-weight:700;padding-right:20px;width:100px;} #contact-page ol.forms input.txt{width:214px;} #contact-page ol.forms input#sendCopy{border:none;} #contact-page ol.forms textarea{height:300px;width:400px;} #contact-page ol.forms li .error{font-size:12px;display:block;margin-left:120px;color:red;} #contact-page ol.forms li.textarea .error{display:block; margin-left:120px} #contact-page ol.forms li.screenReader{margin-bottom:0;} #contact-page ol.forms li.buttons .submit{margin: 15px 0 0 120px; cursor:pointer; } #contact-page ol.forms li.inline input{width:auto;margin-left:120px;} #contact-page ol.forms li.inline label{display:inline;float:none;width:auto;} .entry #contact-page ol.forms li { list-style: none; } /* Added to accomodate the contact form shortcode */ #contact-page .woo-sc-hr { border-color: rgba(255,255,255,.1); } /* 6.3 Gravity forms */ .gfield { margin-bottom: 10px; } .gform_wrapper .top_label .gfield_label { display:block;float:left; padding-right:20px; width: 100px; margin: 5px 0px 4px !important; } .gform_wrapper input.button { padding: 5px 10px 6px !important; } .gform_wrapper input { padding: 7px 3px !important; } .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { width: 400px !important; padding: 7px 3px !important; } .gform_wrapper .entry img, .gform_wrapper img.thumbnail { padding: 0px !important; border: 0px !important; } ul.top_label .clear-multi { clear: none !important; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio { margin-left: 120px !important; } img.ui-datepicker-trigger { border: 0px; padding: 0px; } /* 6.4 Timeline Page Template */ #archives { padding: 10px 0 0; } #archives a { font-style: italic; } h3.archive_year { font: bold 20px Georgia; color:#ebebeb; margin-top:0; } #archives .archives_list { border-left:1px solid rgba(255,255,255,.1); list-style: none; list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 15px 15px;} #archives .archives_list li { clear:left; padding-left:24px; font-size: 12px; font-style: normal; list-style: none; margin-bottom: 10px; } #archives .archives_list .date { color: #ddd; width: 100px; font-style: italic; display: inline-block; vertical-align: top; } #archives .archives_list .linked { width: 270px; display: inline-block; vertical-align: top;} #archives .archives_list .comments { width: 150px; display: inline-block; vertical-align: top;} #archives .archives_list .comments a { color: #ddd; font-size: 12px; font-style: italic; text-decoration: underline; padding-left: 13px; } #archives .archives_list .comments a:hover { text-decoration: none; } /* 6.5 IE specific styling */ .ie6 .nav .sf-sub-indicator { display:none; } .ie6 .nav li a:hover { text-decoration:none; } .ie6 .nav li a.sf-with-ul { padding-right:10px; } .ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */ .ie7 .button, .ie7 .button:visited { padding:7px 6px; margin:0; } .ie8 .button, .ie8 .button:visited { padding:10px 15px; margin:0; } /* 6.6 Connect */ #connect { background: #f3f3f3; padding:20px; clear:both; margin-bottom: 30px;} #main #connect .col-left, #connect .col-right { width:48%; } #connect .title { margin-bottom: 10px; padding: 0; color: #c00634; } #connect p { margin: 0 0 1em; } #connect .newsletter-form { margin: 0 0 1em; } #connect .newsletter-form .input { } #connect .newsletter-form .email { width:140px; } #connect .newsletter-form .submit { cursor:pointer; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; } #connect .social { } #connect .social a { opacity:0.8; } #connect .social a:hover { opacity:1; } #connect .related-posts { border-left:1px solid #e6e6e6; padding-left:15px; } #connect .related-posts ul { list-style: outside disc; margin:5px 0 5px 15px; } .widget #connect .fl, .widget #connect .fr { float:none;} /*-------------------------------------------------------------------------------------------*/ /* 7. SLIDER */ /*-------------------------------------------------------------------------------------------*/ /* 7.1 Slider */ /*kiki ispravlja komentare #slides .slides_holder { margin:30px 0 0; padding: 10px; background: #1E3039; border: 1px solid #375B71; } // #slides .slide { border: 1px solid #020303; }*/ .home-left > .shortcode_widget {background: #0c326b; padding-bottom: 5px; margin-bottom: 0 !important;} .home-left > .shortcode_widget .textwidget {/*width: 60%;*/ margin: 0 auto;} .home-left > .shortcode_widget .textwidget a {color: #fff !important;} .home-left .widget_simpleimage {margin-bottom: 0;} .home-left .widget_simpleimage img {width: 100%;} .home-left .widget_simpleimage .simple-image {margin-bottom: 0;} #slides { padding-top: 5px; padding-bottom: 25px; } #slides .slides_container:first-child .slide { display: none; } /* Make sure the slider doesn't display all slides in a stack on load */ #slides .pagination li a {display:block;width:16px;height:0;padding-top:16px;background-image:url(images/pagination.png);background-position:0 0;float:left;overflow:hidden;} #slides .pagination li.current a {background-position:0 -16px;} #slides #slider_nav {margin: 10px 0;position: relative;z-index: 2; margin-left: auto;margin-right: auto;width: 100%;} /*kiki ispravlja komentare #slider_pag {float: left;width: 960px;}*/ #slider_pag ul {float: left;left: 50%;margin: 0 auto;max-width: 700px;position: relative;} #slider_pag li:first-child {padding: 0 2px 0 12px;} #slider_pag li:last-child {padding: 0 10px 0 2px;} #slider_pag li {float: left;padding: 0 2px;position: relative;right: 50%;} #slider_pag a {border: medium none;display: block;height: 11px;text-indent: -9999px;width: 10px;} /* layout right (default) */ .slide-content { width:280px; position:absolute; right: 0; height: 100%; /*text-shadow:0px 1px 1px #000;*/ } .slide-content.slide-overlay { background:rgba(11, 37, 68, 0.8); border-left: 1px solid rgba(0,0,0,0.7); -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.2) inset; -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.2) inset; box-shadow: 1px 0 0 rgba(255,255,255,0.2) inset; } /* layout left */ .slide-content.left { left:0; width:280px; position:absolute; background:rgba(55, 91, 113, .6); border-left: 0; border-right: 1px solid rgba(0,0,0,0.7); /*-moz-box-shadow: -1px 0 0 rgba(255,255,255,0.2) inset; -webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.2) inset; box-shadow: -1px 0 0 rgba(255,255,255,0.2) inset;*/ height: 100%; /*text-shadow:0px 1px 1px #000;*/ } /* layout top */ .slide-content.top { padding-bottom: 50px; left:0; width: 100%; height: auto; border-left: 0; border-bottom: 1px solid rgba(0,0,0,0.7); -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.2) inset; -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.2) inset; box-shadow: 0 -1px 0 rgba(255,255,255,0.2) inset; } .slide-content.top .navigation { width:100%; } .slide-content.top .navigation .prev { width:428px; } .slide-content.top .navigation .next{ width:428px; background-position: 434px 9px; } /* layout bottom */ .slide-content.bottom { padding-bottom: 50px; left:0; bottom: 0; width: 100%; height: auto; border-left: 0; border-top: 1px solid rgba(0,0,0,0.7); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset; -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset; box-shadow: 0 1px 0 rgba(255,255,255,0.2) inset; } .slide-content.bottom .navigation { width:100%; } .slide-content.bottom .navigation .prev { width:428px; } .slide-content.bottom .navigation .next{ width:428px; background-position: 434px 9px; } .slide-content h2 { color: #fff; font-size: 19px; font-weight: 700; padding: 15px 15px 0; } .slide-content h2 a { color: #fff; } .slide-content .slide-text { padding:5px 15px; } .slide-content .navigation { /*border-top:1px solid #000;*/ bottom: 0; position: absolute; width: 280px; /*background: rgba(0,0,0,0.5);*/ } .slide-content .navigation.no-overlay { border-left: 1px solid rgba(0,0,0,0.7); -moz-box-shadow: 1px 0 0 rgba(255,255,255,0.2) inset; -webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.2) inset; box-shadow: 1px 0 0 rgba(255,255,255,0.2) inset; } .slide-content .navigation a { color: #5C686E; display: block; float: left; padding: 12px 0 8px 0; width: 100px; /*border:1px solid rgba(255,255,255,0.1); border-right: 1px solid #000; border-width: 1px;*/ text-transform: uppercase; text-decoration: none; letter-spacing: 1px; font-size:12px; } .slide-content .navigation a.prev { background: url(images/ico-slider-prev.png) 7px 8px no-repeat; text-align:left; padding-left:39px; } .slide-content .navigation a.next { border-right: 0; background: url(images/ico-slider-next.png) 107px 9px no-repeat; text-align:right; padding-right:38px; } .slide-content .navigation a:hover { color: #fff; background-color:rgba(0,0,0,.1); } /*new slider*/ .frs-slideshow-container#homepage-slideshowpjc { margin-top: 0 !important; margin-bottom: 45px !important; } .frs-slideshow-container .frs-skin-minimalist div.frs-slider-nav span { z-index: 10 !important; } .frs-slideshow-content {background: #0c326b !important;} .frs-caption-content h4 {display: none;} .frs-caption {padding-bottom: 0 !important;} /* 7.2 Home Widgets */ #home-widgets { } /*kiki ispravlja komentare #home-widgets .home-left, #home-widgets .home-center, #home-widgets .home-right { width: 450px; float: left; } */ #content .widget_title_custom {border-bottom: 1px solid #e4e4e4; margin-bottom: 10px;margin-top: 20px;} #content .widget_title_custom h2{color: #c00634; font-size: 30px; line-height: 38px; font-weight: 300; margin: 0 0 10px 0;} #content .widget_title_custom h3 {color: #c00634 !important; font-size: 22px !important; line-height: 30px !important; font-weight: 300 !important; margin: 0 0 10px 0; text-transform: uppercase;} #content .widget_title_custom span.catrss { font-size: 14px !important; line-height: 30px !important; font-weight: 300 !important; text-transform: uppercase;} #home-widgets .home-center { margin-left: 5%; width: 60%; display: inline-block; padding: 10px; } .home-center #tabs .inside ul { width: 100px !important;} .home-center #tabs .inside li { width: 33.3% !important; float: left; margin-right: 0; padding: 10px 0 0 0; height: 300px; overflow: hidden;} /*.home-left #tabs .inside li a:nth-of-type(2n) { float: left; }*/ .home-center #tabs .inside li {position: relative; margin-left: 0; margin-bottom: 10px; background:#fff; /*border: 1px solid #13407c !important; background-color:rgba(0, 0, 0, 0.1);*/ } .home-center #tabs .inside li a:nth-of-type(1n) { margin-top: 10px; } .home-center #tabs .inside li span {position: absolute; top: 0px; left: 5px; } .home-center #tabs .inside li a:nth-of-type(2n) { font-size: 14px; display: block; /* Fallback for non-webkit */ display: -webkit-box; max-width: 400px; height: 90px; /* Fallback for non-webkit */ margin: 0 auto; /* line-height: $line-height;*/ -webkit-line-clamp: 10; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; margin-top: 5px; } .widget_woo_tabs { width: 100%; } .home-center #tabs .wooTabs { display: none;} .home-center .widget::before { content: ""; padding-top: 20px; } .home-center #tabs .tab-item { border-right: 1px solid #e4e4e4; padding: 20px; } .home-center #tabs li { border-top: 1px solid #e4e4e4; } .home-center #tabs li:nth-of-type(1), .home-center #tabs li:nth-of-type(2), .home-center #tabs li:nth-of-type(3) { border-top: 0 !important; } .home-center #tabs li:nth-of-type(3) .tab-item, .home-center #tabs li:nth-of-type(6) .tab-item, .home-center #tabs li:nth-of-type(9) .tab-item { border-right: 0 !important; } .home-center #tabs .tab-item .tab-img { position: relative; margin: 0 0 20px 0; overflow: hidden; height: 200px; } .home-center #tabs .tab-item .tab-img img { position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; } #home-widgets .widget_woo_git h3 { background: none !important; border: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; position: inherit; text-align: left; font-size: 20px; font-weight: normal; margin: 10px 0 10px 0; padding: 0; color: #f1f1ee; } #home-widgets .widget_woo_git h3 span { background: none; display:inherit; width: auto; height: auto; position: relative; left: 0; top: 0; } #home-widgets .widget_woo_git ul li { background: url(images/git-line.png) bottom center no-repeat; padding: 15px 0; font-weight: 700; text-transform: uppercase; color: #fff; } #home-widgets .widget_woo_git ul li a { color: #fff; text-shadow: none; line-height: 18px; } #home-widgets .widget_woo_git ul li a:hover { } #home-widgets .widget_woo_git ul li:last-child { background: none; } #home-widgets .widget_woo_git ul li span { display: block; float: left; color: #1D2C34; padding-left: 45px; width: 65px; height: 28px; padding-top: 10px; position: relative; top: -10px; } #home-widgets .widget_woo_git ul li.phone span { background: url(images/ico-phone.png) left center no-repeat; } #home-widgets .widget_woo_git ul li.email span { background: url(images/ico-mail.png) left center no-repeat; } #home-widgets .widget_woo_git ul li.vcard span { background: url(images/ico-vcard.png) left center no-repeat; } #home_widgets .home-left ul { width: 100px !important;} .home-right .widget_links { margin-bottom: 0 !important; } .home-right .widget_links ul{ padding: 10px; columns: 2; -webkit-columns: 2; -moz-columns: 2; } .home-right .widget_links li{ padding: 8px 20px 8px 0; border-bottom: 1px solid #e4e4e4; } /*kiki ispravlja komentare .home-right .widget_links li:last-child { // border-bottom: 0; // }*/ .home-right .widget_links li a{ color: #13407c; } .home-right .widget_links li a:hover, .home-right .widget_links li a:focus{ color: #c00634; } /*-------------------------------------------------------------------------------------------*/ /* 8. PORTFOLIO */ /*-------------------------------------------------------------------------------------------*/ ol.portfolio li, ol.dribbbles li { width:290px; float: left; padding: 0; margin: 10px; } ol.portfolio li img, ol.dribbbles li img { background: url(images/portfolio-hover.png) no-repeat 50% 50%; background: #1E3039; border: 1px solid #375B71; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding:4px; margin:0 0 10px 0; display:block; } ol.portfolio li a, ol.dribbbles li a { color: #fff; font-size: 18px; line-height: 26px; /*text-shadow: 0 1px 0 #1A2A33;*/ text-decoration:none; } ol.portfolio li a:hover, ol.dribbbles li a:hover { text-decoration: underline; } ol.portfolio li span, ol.portfolio li span, ol.dribbbles li em { color: #9EC0D4; font-size: 12px; } ol.dribbbles li em { display:block; font-style: normal; } .single-portfolio .entry img { margin:0 0 15px 0; } #port-tags {background: url("images/divider.png") repeat-x scroll left bottom transparent;margin: 10px 0 20px 10px;} .port-cat { text-transform:uppercase; } .port-cat a { padding:5px 8px; margin:0 5px 0 0; color: #9EC0D4; background: #3C5A70; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none; } .port-cat a:hover { text-decoration:none; background: #18272F; } ol.dribbbles li a span.dim { display: none; } /* 8.1 Single Portfolio */ .single-portfolio #main { padding: 30px 0; width: 960px; } .portfolio-img img:hover { border-color: #AAAAAA; } #portfolio-content {border-left: 1px solid rgba(255,255,255,.1);float: left;padding-left: 20px;width: 315px;} #portfolio-content h2 {font-size:2em; margin-bottom: 10px;} #portfolio-content .entry {margin: 20px 0;} #portfolio-content a.button {font-weight: bold;padding: 4px 13px; } #portfolio-content #testimonial {border-top: 1px dotted #BFC5CA; padding-top:20px;} #gallery h2 { font-size: 14px !important; color: #000; margin-top: 20px; margin-bottom: 16px; } #gallery, .single-portfolio .video { float:left; margin-right: 20px; width:550px; } #gallery .slides div { width: 542px; margin-right: 2px; text-align: center; } #loopedSlider.gallery{ position:relative; margin: 0 0 20px; z-index: 1; } #loopedSlider.gallery .container { overflow:hidden; position:relative; margin: 0 0 10px 0; } #loopedSlider.gallery .slides { position:absolute; top:0; left:0; } #loopedSlider.gallery .slides img, #gallery img { padding: 4px; border: 1px solid #3C5A70; background:#203039; } .jcarousel-container { width: 550px; margin: 0 auto; text-align: center; } .jcarousel-clip { width: 550px; margin: 0 auto; } .jcarousel-item { width: 160px; height: 160px; } .jcarousel-next, .jcarousel-prev { position: absolute; top: 47%;cursor: pointer; height: 10px; width: 7px; background-position: top left; background-repeat: no-repeat; } .jcarousel-prev { left: -12px; background-image: url(images/ico-gallery-prev.png); } .jcarousel-next { right: -12px; background-image: url(images/ico-gallery-next.png); } .sidebar .jcarousel-container { width: 540px; } .sidebar .jcarousel-clip { width: 542px; } #loopedSlider.gallery .pagination {margin-top: 800px;float: left; float: left; height: 170px; } #loopedSlider.gallery .pagination li { margin: 0; } #loopedSlider.gallery .pagination li img { padding: 4px; border: 1px solid #3C5A70; background:#203039; } #loopedSlider.gallery .pagination li.active img { border: 1px solid #3C5A70; background: rgba(255, 255, 255, 0.2); } #TB_overlay { z-index: 9998!important; } #TB_window { z-index: 9999!important; } #loopedSlider.gallery .gallery-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #single-gallery-image { margin: 0 auto 50px auto; }