/* Theme Name: Trajekt Theme URI: http://creolab.hr/ Description: Trajekt Wordpress theme.. Version: 1.0 Author: Boris Strahija Author URI: http://creolab.hr/ Tags: white, green, clean Trajekt v1.0 http://creolab.hr/ */ /* 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}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* Global */ body { background: #fff; font-family: Georgia, "Times New Roman", sans-serif; color: #000; margin: 0; } /* Header */ #header { padding: 14px 0 0 0; position: relative; } /* Logo */ #header h1 { font-size: 70px; line-height: 80px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #007132; margin: 0 0 8px 0; } #header h1 a { color: #007132; text-decoration: none; } /* Navigation */ #nav { position: relative; width: 100%; height: 25px; overflow: visible; font-family: Arial, Helvetica, sans-serif; margin: 0 0 8px 0; } #nav li { position: relative; height: 18px; float: left; background: #fff; } #nav a { float: left; font-size: 13px; color: #000; text-decoration: none; margin: 0 0 0 0; padding: 0 6px; } #nav li.active { font-weight: bold; } #nav li.on { font-weight: bold; } #nav li.on a { color: #007132; } #nav li.sep a { margin-right: 25px; padding-left: 0; } #nav a:hover { color: #007132; } #nav ul { height: 15px; padding: 4px 0; border-top: 1px solid #000; border-bottom: 1px solid #241F20; width: 100%; float: left; } /* Drop down */ #nav ul li ul { display: none; background: #fff; position: absolute; top: 22px; left: -8px; border: 0; z-index: 2; width: 160px; overflow: hidden; height: auto; padding: 5px 0 8px 8px; } #nav li.sep ul { padding-left: 0; left: 0; } #nav ul li.dd:hover { height: 23px; } #nav ul li:hover ul { display: block;} #nav ul li.on ul a { color: #000; font-weight: normal; } #nav ul li.on ul a:hover { color: #007132; } #nav ul li:hover ul li, #nav ul li ul li { height: auto; float: none; margin: 0; padding: 3px 0; background: transparent; } #nav ul li:hover ul li a, #nav ul li ul li a { float: none; margin: 0; padding: 0; } /* Sep */ /*#nav .sep { float: left; width: 105px; } #nav .sep a { font-weight: bold; } /* Main */ /*#nav .main { float: right; width: 747px; border-top: 1px solid #000; border-bottom: 1px solid #241F20; } /* Meta */ #header .meta { width: 340px; position: absolute; top: 16px; right: 0; overflow: hidden; font-family: Arial, Helvetica; } #header .meta .col1 { float: left; width: 160px; text-align: right; } #header .meta .col2 { float: right; width: 160px; } /* Col1 */ #header .meta .col1 p { margin: 0 0 16px 0; font-size: 10px; color: #000; line-height: 12px; } #header .meta .col1 p.links { margin: 0; width: 100%; overflow: hidden; } #header .meta .col1 p a { color: #000; text-decoration: none; } #header .meta .col1 p a:hover { text-decoration: underline; } #header .meta .col1 p a.rss { float: right; width: 16px; height: 16px; text-indent: 9999em; background: url(images/icn_rss.png) no-repeat; margin-left: 6px; } #header .meta .col1 p a.print { float: right; width: 16px; height: 16px; text-indent: 9999em; background: url(images/icn_print.png) no-repeat; margin-left: 6px; } #header .meta .col1 p a.fb { float: right; width: 16px; height: 16px; text-indent: 9999em; background: url(images/fbicon.jpg) no-repeat; margin-left: 6px; } /* Search */ #nav .search { margin: 0 0 12px 0; position: absolute; top: 2px; right: -1px; } #nav .search label { font-size: 9px; font-style: italic; } #nav .search input { font-size: 12px; font-weight: bold; font-style: normal; border: none; background: #e5e6e7; padding: 3px 2px 3px 2px; color: #000; width: 97%; } #nav .search button { position: absolute; top: 3px; right: 3px; font-size: 9px; color: #000; border: 0; background: transparent; margin: 0; padding: 0; font-weight: bold; cursor: pointer; } /* Login */ #header .login { margin: 0 0 5px 0; padding: 0 0 5px 0; position: relative; width: 100%; overflow: hidden; } #header .login p { font-size: 10px; margin: 0 0 10px 0; line-height: 12px; } /*#header .login input { font-size: 9px; font-weight: bold; font-style: italic; border: none; border-bottom: 1px solid #999; border-top: 1px solid #999; padding: 1px 0 2px 0; color: #000; width: 99%; margin: 0 0 5px 0; }*/ #header .login input { font-size: 9px; font-weight: bold; font-style: italic; border: none; background: #e5e6e7; width: 99%; margin: 0 0 5px 0; padding: 3px 0 3px 2px; } #header .login button { position: absolute; bottom: 3px; left: 0; font-size: 10px; color: #000; border: 0; background: transparent; margin: 0; padding: 0; font-weight: bold; cursor: pointer; } #header .login a { font-size: 10px; font-weight: bold; color: #000; text-decoration: none; margin-top: 5px; text-align: right; float: right; } #header .login a:hover { text-decoration: underline; } #header .login p a { float: none; display: block; margin: 2px 0; text-align: left; } /* Main */ #wrap { width: 860px; min-height: 800px; position: relative; z-index: 1; margin: 0 auto; } #main { width: 100%; overflow: hidden; background: url(images/sep.png) repeat-y 509px 0; margin: 0 0 8px 0; } body.sub #main { background: url(images/sep2.png) repeat-y 509px 0; } /* Sidebar */ .aside { float: right; width: 160px; font-family: Arial, Helvetica, sans-serif; } .aside .widget { border-bottom: 1px solid #000; margin: 0 0 8px 0; } .aside .nobrd { border-bottom: none; } .aside .widget h2 { font-size: 15px; color: #000; font-weight: bold; margin: 0 0 12px 0; line-height: 17px; } #main .aside .widget h2 { font-size: 12px; color: #000; font-weight: bold; margin: 0 0 12px 0; line-height: 17px; } .aside .widget h2 a { color: #000; text-decoration: none; } .aside .widget h2 a:hover { text-decoration: underline; } .aside .widget h2.arrd, .aside .widget.open h2 { background: url(images/arr_down.png) no-repeat 100% 4px; padding: 2px 0 0 0; } .aside .widget h2.arrr, .aside .widget.closed h2 { background: url(images/arr_right.png) no-repeat 100% 0; height: 14px; padding: 2px 0 0 0; } .aside .widget p { font-size: 12px; color: #000; margin: 0 0 14px 0; line-height: 14px; } .aside .widget p a { color: #000; text-decoration: none; } .widget h2 { cursor: pointer; } /* Links widget */ .aside .links {} .aside .links h2 { font-size: 12px; } .aside .links h2 a { color: #000; text-decoration: none; } .aside .links h2 a:hover { text-decoration: underline; } .aside .links ul { margin: 0 0 12px 0; font-size: 12px; } .aside .links ul li { margin: 0 0 6px 0; font-family: Georgia, "Times New Roman", serif; font-size: 12px; font-weight: bold; } .aside .links ul li em { font-style: normal; color: #000; font-size: 8px; display: block; margin: 0 0 3px 0; } .aside .links ul li a { display: block; color: #007132; text-decoration: none; font-size: 12px; line-height: 15px; border-top: 1px dotted #519250; padding: 2px 0 0 0; } .aside .links ul li a:hover { text-decoration: underline; } .aside .links ul.archive li { border-top: 1px dotted #519250; padding-top: 2px; } .aside .links ul.archive li a { display: inline; border: none; padding-top: 0; } /* Links alt widget */ .aside .links-alt {} .aside .links-alt h2 { font-size: 12px; } .aside .links-alt ul { margin: 0 0 12px 0; font-size: 11px; } .aside .links-alt ul li { margin: 0 0 1px 0; } .aside .links-alt ul li a { display: block; color: #000; text-decoration: none; font-size: 11px; line-height: 15px; } .aside .links-alt a { color: #519250; font-size: 11px; line-height: 15px; text-decoration: none; display: block;} .aside .links-alt a:hover { text-decoration: underline; } .aside .links-alt ul li a.green { color: #519250; } .aside .links-alt p { font-size: 11px; line-height: 14px; } .aside .links-alt p a { color: #519250; text-decoration: none; font-size: 12px; } .aside .links-alt p a:hover { text-decoration: underline; } .share {border-top: 3px solid #000; padding: 10px 0 0 0;} .share a{text-decoration: none; color: #519250;} /* Newsletter widget */ .aside .newsletter {} .aside .newsletter h2 { font-size: 12px; } .aside .newsletter form { position: relative; margin: 0 0 12px 0; } .aside .newsletter input { border: none; margin: 0; padding: 1px 0 2px 0; color: #6d6e70; font-size: 11px; border-top: 1px solid #888; border-bottom: 1px solid #888; width: 160px; } .aside .newsletter button { position: absolute; top: 0; right: 0; font-size: 11px; color: #666; background: transparent; margin: 0; padding: 0; border: 0; cursor: pointer; } /* Poll widget */ .aside .poll {} .aside .poll h2 { font-size: 12px; } .aside .poll h3 { font-size: 12px; color: #000; font-weight: bold; margin: 0 0 12px 0; } .aside .poll ul { margin: 0 0 12px 0; font-size: 11px; } .aside .poll ul li { margin: 0 0 12px 0; } .aside .poll ul li a { display: block; color: #000; text-decoration: underline; font-size: 11px; line-height: 15px; } /* Comments widget */ .aside .comments {} .aside .comments h2 { font-size: 12px; } .aside .comments ul { margin: 0 0 12px 0; font-size: 12px; } .aside .comments ul li { margin: 0 0 6px 0; } .aside .comments ul li h3 { font-size: 11px; font-weight: bold;} .aside .comments ul li p { font-size: 11px; } .comment-body{padding: 0 0 15px 0; border-bottom: 1px solid #000;} /* Gallery widget */ .aside .gallery { border-bottom: 3px solid #000; } .aside .gallery ul { margin: 0 0 12px 0; font-size: 12px; } .aside .gallery ul li { margin: 0 0 10px 0; } /* Kontakti */ .aside .kontakti {} .aside .kontakti h2 { padding-bottom: 1px; font-size: 12px; } .aside .kontakti h3 { font-family: Georgia, "Times New Roman", serif; font-size: 13px; font-weight: bold; color: #007132; border-top: 1px dotted #007132; padding: 5px 0 0 0; } .aside .kontakti p { font-size: 11px; } /* Footer */ #footer { border-top: 1px solid #cdcdcd; font-size: 11px; font-family: Arial, Helvetica, sans-serif; padding: 10px 0 15px 0; } #footer p { color: #909297; margin: 0; text-align: center; } #footer p a { color: #909297; margin: 0 0 0 12px; text-decoration: none; } #footer p a:hover { text-decoration: underline; } /* Content */ #cont { float: left; width: 680px; } /* Main content (with sidebar 2) */ #main-content { float: left; width: 500px; } /* Alt sidebar */ #cont .aside { float: right; width: 160px; font-size: 11px; } /* Top news */ #top { width: 100%; overflow: hidden; padding: 0 0 8px 0; margin: 0 0 0 0; background: #fff; } #top .wrap { border-bottom: 1px solid #000; width: 100%; overflow: hidden; padding: 0 0 8px 0; } #top .img { float: right; width: 420px; height: 240px; overflow: hidden; } #top .txt { float: left; width: 250px; } #top h2 { font-size: 26px; color: #000; line-height: 30px; margin: 0 0 2px 0; font-weight: bold; } #top h2 a { color: #000; text-decoration: none; } #top h3 { font-size: 20px; color: #000; line-height: 24px; margin: 0 0 10px 0; font-weight: normal; } #top h3 a { color: #000; text-decoration: none; } #top a:hover { color: #007132; } #top p { font-size: 12px; color: #000; margin: 0; line-height: 14px; } /* Articles */ #articles { width: 100%; overflow: hidden; } #articles .article { margin: 0 0 20px 0; width: 100%; overflow: hidden; } #articles .article .img { float: left; width: 240px; overflow: hidden; } #articles .article .txt { float: right; width: 240px; } #articles .article .meta { border-bottom: 1px dotted #555; padding: 0 0 3px 0; margin: 0 0 8px 0; width: 100%; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } #articles .article .meta .date { float: left; font-size: 9px; color: #000; } #articles .article .meta .category { float: right; font-size: 9px; color: #000; text-align: right; text-transform: uppercase; } #articles .article .meta a { color: #000; text-decoration: none; } #articles .article h2 { font-size: 16px; font-weight: bold; line-height: 20px; margin: 0 0 12px 0; color: #000; } #articles .article h2 a { color: #000; text-decoration: none; } #articles .article h3 { font-size: 13px; font-weight: bold; line-height: 20px; margin: -10px 0 12px 0; color: #000; } #articles .article h3 a { color: #000; text-decoration: none; } #articles .article p { font-size: 12px; color: #000; margin: 0; line-height: 15px; } #articles .article p a { color: #519250; text-decoration: none; } #articles .article p a:hover { text-decoration: underline; } /* Article without post thumb */ #articles .article-wide .img { display: none; } #articles .article-wide .txt { float: none; width: 100%; } /* Content footer */ /*body.home .content-footer { border-top: 1px solid #000; }*/ .content-footer { padding: 10px 0 10px 0; width: 100%; overflow: hidden; clear: both; float: none; } .content-footer-2 { background: #fff; border-top: 10px solid #fff; background: #fff; } .content-footer .wrap { border-top: 1px solid #000; width: 100%; overflow: hidden; padding: 10px 0 0 0; clear: both; float: none; } .content-footer .w { background: #fff url(images/sep2.png) repeat-y 330px 0; width: 100%; overflow: hidden; } .content-footer h2 { font-size: 11px; color: #000; font-weight: bold; margin: 0 0 15px 0; font-family: Arial, Helvetica, sans-serif; } .content-footer h2 a { color: #000; text-decoration: none; } .content-footer h2 a:hover { text-decoration: underline; } .content-footer h3 { font-size: 16px; color: #000; font-weight: bold; margin: 0 0 3px 0; } .content-footer h3 a { color: #000; text-decoration: none; } .content-footer h3 a:hover { text-decoration: underline; } .content-footer h4 { font-size: 12px; color: #000; font-weight: normal; margin: 0 0 18px 0; } .content-footer p { font-size: 12px; color: #000; font-weight: normal; margin: 0; line-height: 15px; } .content-footer .col1 { float: left; width: 240px; } .content-footer .col2 { float: right; width: 240px; } .content-footer-2 .col1 { float: left; width: 510px; /*background: #fff url(images/sep2.png) repeat-y 328px 0;*/ padding: 0; margin: 0; } .content-footer-2 .col1 .c1 { float: left; width: 240px; } .content-footer-2 .col1 .c2 { float: right; width: 240px; margin-right: 10px; } .content-footer-2 .col2 { float: right; width: 340px; /*background: #fff url(images/sep2.png) repeat-y -181px 0;*/ padding-left: 10px; } .content-footer-2 .col2 .c1 { float: left; width: 170px; } .content-footer-2 .col2 .c2 { float: right; width: 160px; } /* Single page */ #main .page { } #main .page .top-img { margin: 0 0 16px 0; width: 100%; overflow: hidden; } #main .page .top-img img { width: 500px; height: auto; } #main .page h2 { font-size: 32px; color: #000; font-weight: bold; margin: 15px 0 6px 0; line-height: 35px; } #main h2.pagetitle { font-family: Arial, Helvetica; font-size: 40px; line-height: 44px; margin: 12px 0 25px 0; } #main .page h2 a { color: #000; text-decoration: none; } #main .page h2 a:hover { color: #007132; } #main .page h3 { font-size: 16px; color: #000; font-weight: normal; margin: 0 0 32px 0; line-height: 18px; } #main .page h4 { font-size: 16px; color: #000; font-weight: bold; margin: 0 0 14px 0; line-height: 18px; } #main .page p { color: #000; margin: 0 0 18px 0; font-size: 14px; line-height: 18px; } #main .page p a { color: #519250; text-decoration: none; } #main .page p a:hover { text-decoration: underline; } #main .page .cat { border-bottom: 1px dotted #000; padding: 0 0 3px 0; font-size: 8px; text-transform: uppercase; font-family: Arial, Helvetica; } #main .page .cat a { color: #000; text-decoration: none; } #main .page .meta { font-family: Arial, Helvetica; font-size: 11px; border-top: 1px dotted #000; padding: 3px 0 35px 0; } #main .page .meta p { font-size: 11px; line-height: 13px; margin: 0; } #main .page .comments { /*border-top: 1px solid #000;*/ margin: 26px 0 10px 0; font-family: Arial, Helvetica; padding: 8px 0 0 0; } #main .page .comments h2 { font-size: 11px; font-weight: bold; margin: 0 0 16px 0; line-height: 13px; } #main .page .comments p { font-size: 12px; line-height: 14px; margin: 0 0 14px 0; } #main .page .comments p.s { font-size: 11px; line-height: 13px; margin: 0 0 14px 0; } #main .page .comments li { margin: 0 0 22px 0; border-top: 1px dotted #ccc; padding: 8px 0 0 0; } #commentform #comment { border: 0; padding: 5px 0 25px 5px; margin: 0; background: #e5e6e7; color: #444; font-family: Arial, Helvetica; font-size: 11px; font-style: italic; width: 100%; /*border-top: 1px solid #888; border-bottom: 1px solid #888;*/ } #commentform p.btn input { border: 0; padding: 0; margin: 0; background: transparent; color: #000; font-weight: bold; font-size: 11px; cursor: pointer; } /* Categorized */ #main .categorized {} #main .categorized-alt {} #main .categorized .post { width: 100%; overflow: hidden; margin: 0 0 20px 0; } #main .categorized .post .date { font-family: Arial; font-size: 9px; margin: 0 0 5px 0; text-transform: uppercase; } #main .categorized .post .txt { border-top: 1px dotted #000; float: left; width: 400px; } #main .categorized .post-dogodek .txt { border: none; } #main .categorized .post .cat-img { float: right; width: 240px; overflow: hidden; } #main .categorized .post-dogodek .cat-img { padding: 10px 0 0 0; } #main .categorized .post h2 { } #main .categorized-alt .post { border: none; } #main .categorized .post p { font-size: 15px; line-height: 19px; } /* Wider post */ #main .categorized .wider .txt { width: 500px; } #main .categorized .wider .cat-img { width: 160px; } #main .categorized .wider .cat-img img { width: 160px; height: auto; } /* Povezave catgory list */ #main .cat-list { font-size: 16px; font-family: Arial, Helvetica; line-height: 20px; } #main .cat-list li { margin: 0 0 5px 0; } #main .cat-list a { color: #000; text-decoration: none; font-weight: bold; } #main .cat-list a:hover { text-decoration: underline; } /* Grouped links in category */ #main .cat-group { font-family: Georgia, "Times New Roman", sans-serif; margin: 0 0 20px 0; } #main .cat-group h3 { font-size: 26px; color: #000; line-height: 30px; margin: 0 0 6px 0; } #main .cat-group li ul { margin: 0 0 28px 0; } #main .cat-group li ul a { font-size: 14px; color: #000; text-decoration: none; line-height: 16px; } #main .cat-group li ul a:hover { text-decoration: underline; } /* Events */ #main .event-data { padding: 12px 0 14px 0; font-family: Arial, Helvetica; font-size: 12px; line-height: 15px; }