/* Theme Name: IPOP Theme URI: http://creolab.hr/ Description: IPOP Wordpress theme.. Version: 1.0 Author: Boris Strahija Author URI: http://creolab.hr/ Tags: white, green, clean IPOP 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 url(images/21_ipop_background.jpg) no-repeat 50% 0; font-family: Arial,"Myriad Pro", Verdana, sans-serif; color: #000; margin: 0; } a {text-decoration: none; color: #000;} a:hover { text-decoration: underline; } /* Header */ #header { height: 141px; position: relative; margin: 0 0 20px 0; } /* Logo */ #header h1 { position: absolute; top: 41px; left: 25px; } #header h1 a { display: block; width: 290px; height: 86px; background: url(images/logo.png) no-repeat; text-indent: -9999em; } /* Info */ #header .info { position: absolute; top: 65px; left: 757px; width: 182px; height: 57px; /*background: url(images/adresa.png) no-repeat;*/ font-size: 12px; width: 220px; color: #000; /*text-indent: -9999em;*/ line-height: 14px; } /* Search */ #header .search { position: absolute; top: 10px; right: 20px;} #header .search label { font-size: 14px; color: #000; padding: 0 5px 0 0; } #header .search input { background: #F0F0F1; color: #000; font-size: 13px; padding: 1px 3px; margin: 0; border: 0; width: 185px; } /* Navigation */ #nav { position: absolute; top: 13px; left: 15px; } #nav li { float: left; } #nav a { float: left; font-size: 14px; color: #000; text-decoration: none; margin: 0 12px 0 0; } #nav li.active { font-weight: bold; } #nav a:hover { text-decoration: underline; } /* Main */ #wrap { width: 998px; 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: 470px; margin: 0 20px 0 0; } body.page .aside { width: 225px; } body.sub .aside { width: 225px; } .aside .top { margin: 0 0 15px 0; position: relative; } .aside .top a { display: block; position: absolute; top: 0; left: 0; width: 230px; height: 80px; text-indent: -9999em; z-index: 2; } .aside .top a.l1 { left: 0; width: 210px; } .aside .top a.l2 { left: 225px; } .aside .widget { margin: 0 0 15px 0; padding: 15px 15px 15px 15px; background: #ece86e; position: relative; } .aside .col2 .widget { background: #ddde40; } .aside .widget h2 { font-size: 10px; padding: 0 0 6px 0; color: #000; font-weight: normal; margin: 0 0 8px 0; border-bottom: 1px solid #333; } .aside .widget h3 { font-size: 12px; margin: 0 0 5px 0; font-weight: bold; color: #000; } .aside .widget h3 a { color: #000; text-decoration: none; /*text-transform: uppercase;*/ line-height:14px; } .aside .dogodki h3 a { line-height: 20px; } .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; } .aside .widget a.more { font-size: 12px; font-weight: bold; color: #000; text-decoration: none; /*display: block;*/ text-align: left; margin: 0; } /* Cols */ .aside .col1 { float: left; width: 225px; } .aside .col2 { float: right; width: 225px; } /* Aktualno */ .aside .aktualno {} .aside .aktualno li { position: relative;padding:0 0 5px; } .aside .aktualno h4 { /*position: absolute;*/ top: 0; right: 0; /*text-align: right;*/ font-size: 11px; color: #000; font-weight: normal;padding:0 0 3px;} /* Dogodki */ .aside .dogodki { padding-bottom: 1px; } .aside .dogodki li { position: relative; } .aside .dogodki .img { margin: 0 0 22px 0; width: 195px; overflow: hidden; } .aside .dogodki .img img { width: 195px; height: auto; } .aside .dogodki h3 { font-size: 16px; font-weight: bold; margin: 0 0 10px 0; line-height: 20px; } .aside .dogodki h4 { font-size: 14px; font-weight: normal; font-style: italic; margin: 0 0 16px 0; line-height: 16px; } .aside .dogodki p a { font-weight: bold; } .aside .dogodki p a:hover { text-decoration: underline; } /* Projekti */ .aside .projects { padding-bottom: 5px; } .aside .projects h3 { font-weight: normal; margin: 0 0 15px 0; } .aside .projects li { position: relative; border-bottom: 1px solid #333; font-size: 15px; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 15px 0; line-height: 18px; } .aside .projects li a { color: #000; text-decoration: none; } .aside .projects .archives { border: none; margin: 0; padding: 0 0 12px 0; font-size: 12px; } .aside .projects .archives li { font-size: 12px; border: none; margin: 0; padding: 0; } /* Arhiva novic */ .aside .archive { padding-bottom: 5px; } .aside .arhiv h2 { border-bottom: none; padding-bottom: 0; } .aside .archive li { position: relative; border-bottom: 1px solid #333; font-size: 16px; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 15px 0; line-height: 18px; } .aside .archive li a { color: #000; text-decoration: none; } .aside .archive .archives { border: none; margin: 0; padding: 0 0 12px 0; font-size: 12px; } .aside .archive .archives li { font-size: 12px; border: none; margin: 0; padding: 0; } /* Dejavnosti */ .aside .dejavnosti { padding-bottom: 5px; } .aside .dejavnosti li { position: relative; margin: 0 0 15px 0; border-bottom: 1px solid #777; padding: 0 0 10px 0; } .aside .dejavnosti li h3 { font-size: 16px; font-weight: bold; line-height: 19px; margin: 0 0 15px 0; } .aside .dejavnosti li a { color: #000; text-decoration: none; } .aside .dejavnosti li a.more { text-align: left; } /* Partners */ .aside .partners { padding-bottom: 1px; } .aside .ullinks li { font-size: 12px; line-height: 14px; margin: 0 0 12px 0; } .aside .ullinks a { display: block; font-size: 12px; margin: 0 0 5px 0; font-weight: bold; color: #000; } .aside .ullinks a { color: #000; text-decoration: none; } /* Archives */ .aside ul.archives { border-top: 1px solid #000; padding: 10px 0 0 0; font-size: 12px; } .aside ul.archives a { color: #000; font-weight: bold; text-decoration: none; } /* Footer */ #footer { border-top: 1px dotted #666; font-size: 13px; font-family: "Myriad Pro", Arial, Verdana, sans-serif; padding: 10px 0 15px 0; margin: 0 20px; } #footer p { color: #777; margin: 0; text-align: center; } #footer p a { color: #777; margin: 0 0 0 12px; text-decoration: none; } #footer p a:hover { text-decoration: underline; } /* Content */ #cont { float: left; width: 470px; background: #f0eb8f; margin: 0 0 15px 20px; padding: 15px 0 0 0; } body.sub #cont { width: 715px; } #cont h2 { color: #000; font-size: 10px; margin: 0 0 15px 0; padding: 0 0 6px 0; border-bottom: 1px solid #777; line-height: 13px; font-weight: normal; } #cont .cat { font-size: 10px; padding: 0 0 6px 0; margin: 0 0 20px 0; border-bottom: 1px solid #444; text-transform: uppercase; } /* Main content (with sidebar 2) */ #main-content { margin: 0 15px; } #main-content .date { font-size: 14px; font-weight: bold; font-style: italic; border-bottom: 1px solid #000; margin: 0 0 10px 0; padding: 0 0 3px 0; } /* Alt sidebar */ #cont .aside { float: right; width: 160px; } /* Top imgs */ #cont .top-img { width: 100%; overflow: hidden; } #cont .top-img div.imgl { float: left; width: 455px; overflow: hidden; } #cont .top-img div.imgs { float: right; width: 210px; overflow: hidden; } #cont .top-img div.imgs div { margin: 0 0 18px 0; } /* Article */ #cont .article { margin: 0 0 40px 0; width: 100%; overflow: hidden; } #cont .article .img { width: 210px; overflow: hidden; float: left; margin: 0; } #cont .article .txt { width: 210px; overflow: hidden; float: right; margin: 0; } #cont .article .full { width: 100%; float: none; } #cont .article h3 { font-size: 16px; color: #000; font-weight: bold; margin: 0 0 10px 0; line-height: 18px; } #cont .article h3 a { color: #000; text-decoration: none; } #cont .article p { font-size: 12px; line-height: 16px; color: #000; margin: 0 0 13px; } #cont .article p.date { padding:0 0 3px; font-weight: bold; font-style: italic; border-bottom: 1px solid #888; } #cont .article a.more { display: block; color: #000; text-decoration: none; font-size: 12px; font-weight: bold; } #cont .article a.more:hover { text-decoration: underline; } /* Page */ #cont .page {} #cont .page h2 { font-size: 24px; font-weight: bold; border: 0; padding: 0; margin: 25px 0 20px 0; line-height:28px;} #cont .page h3 { font-size: 14px; font-weight: normal; margin: 0 0 20px; font-style: italic; } #cont .page h4 { font-size: 11px; color: #000; font-style: normal; margin: 0 0 20px 0; font-weight: normal; } #cont .page h5 { font-size: 12px; color: #000; font-style: normal; margin: 0 0 5px 0; font-weight: normal; } #cont .page p { font-size: 13px; margin: 0 0 22px 0; line-height: 16px; } #cont .page p a { color: #000; } #cont .page a.more { display: block; margin: 0 0 4px 0; } /* Projects */ #cont .projects {} #cont .project { clear: both; } #cont .projects h2 { font-size: 28px; font-weight: bold; border: 0; padding: 0 0 8px 0; margin: 0 0 10px 0; line-height: 32px; border-bottom: 1px solid #000; } #cont .projects h2 a { color: #000; text-decoration: none; } #cont .news h2 { border: none; margin-bottom: 5px; } #cont .news .date { font-size: 14px; font-weight: bold; font-style: italic; border-bottom: 1px solid #000; margin: 0 0 10px 0; padding: 0 0 3px 0; } #cont .img-left { float: left; margin: 0 20px 15px 0; width: 210px; overflow: hidden; } #cont .wimg .txt { margin-left: 230px; } /* Old projects */ #cont .old-projects { font-size: 12px; margin: 35px 0 20px 0; border-top: 1px solid #000; padding: 10px 0 0 0; } #cont .old-projects h2 { font-size: 13px; margin: 0 0 16px 0; } #cont .old-projects li { font-weight: bold; margin: 0 0 6px 0; } #cont .old-projects li a { color: #000; text-decoration: none; } /* Knjiznica */ #cont .knj { margin: 0 0 20px 0; } #cont .knj h3 { font-size: 26px; color: #000; font-weight: bold; font-style: normal; margin: 0 0 5px 0; } #cont .knj h3 a { color: #000; text-decoration: none; } /* Comments */ #cont .page .comments-block { border-top: 1px solid #000; margin: 26px 0 10px 0; font-family: "Myriad Pro", Arial, Verdana; padding: 8px 0 0 0; } #cont .page .all-comments { border-bottom: 1px solid #000; margin: 0 0 8px 0; } #cont .page .comments-block h2 { font-size: 14px; font-weight: bold; margin: 0 0 6px 0; line-height: 13px; text-transform: uppercase; color: #58595B; } #cont .page .comments-block p { font-size: 13px; line-height: 14px; margin: 0 0 14px 0; } #cont .page .comments-block p.s { font-size: 13px; line-height: 15px; margin: 0 0 14px 0; } #cont .page .comments-block li { margin: 0 0 22px 0; } #cont .page .commentlist {} #cont .page .commentlist li { border-top: 1px solid #333; padding: 12px 0 0 0; } #cont .page .respond {} #cont .page .respond form p { width: 100%; overflow: hidden; margin: 0 0 12px 0; } #cont .page .respond form label { width: 80px; float: left; position: relative; top: 2px; } #cont .page .respond form input.txt { background: #ccc; border: none; padding: 2px 3px; margin: 0; width: 300px; color: #000; font-family: Arial; font-size: 13px; } #cont .page .respond form textarea { background: #ccc; border: none; padding: 2px 3px; margin: 0; width: 590px; height: 36px; color: #000; font-family: Arial; font-size: 13px; }