/* Theme Name: Virovitica-nature Description: Tema za internet stranicu Version: 1.0 Author: 1dva Author URI: http://www.1dva.hr/ */ /* # Dark grey (text): #444444 # Yellow #ffc50c # Green #7c9300 */ * { padding:0; margin:0; list-style:none } a:link {color: #000; text-decoration:none; } a:visited {color: #000; text-decoration:none; } a:hover {color: #000; text-decoration:none; } a:active {color: #000; text-decoration:none; } a img {border:none;} img.centered {display: block; margin-left: auto; margin-right: auto; } img.alignright {margin: 0 0 2px 10px; display: inline;} img.alignleft {margin: 0 10px 2px 0; display: inline; } .alignright {float: right;} .alignleft {float: left;} p {padding:0 0 16px 0;} body {font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#444; background-color:#7c9300; background-position:center top; background-image:url(img/bg-body.jpg);} #wrapper { margin:0 auto 0 auto; width:960px; } #container { float:left; width:960px;} #ie-warning { width:100%; background-color:#F7FF97; border-bottom:solid 2px #FF0; padding:20px; color:#111; } #header {float:left; width:960px; height:445px; background-image:url(img/bg-header.jpg); clear:both;} #header h1 {text-indent:-9999px; background-image:url(img/logo.png); width:369px; height:220px; position:relative; left:-83px; margin-right:-83px;} #header .logo {text-indent:-9999px; background-image:url(img/logo.png); width:369px; height:220px; position:relative; left:-83px; margin-right:-83px;} #header .logo a {display:block; width:369px; height:220px;} #header #rotate-img1 { position:relative; float:right; right:54px; top:41px; margin:0 0 -41px -54px; width:528px; height:348px; background-image:url(img/header-img1.jpg); display:inline; } #header #rotate-img2 { position:relative; float:right; right:54px; top:41px; margin:0 0 -41px -54px; width:528px; height:348px; background-image:url(img/header-img2.jpg); display:inline; } #sidebar {width:330px; float:left; margin:0 25px 0 20px; display:inline; padding-bottom:30px; display:inline; } #sidebar #main-nav .novosti {width:330px; height:50px; background-image:url(img/nav-novosti.gif); text-indent:-9999px; overflow:hidden; } #sidebar #main-nav .novosti-active { background-image:url(img/nav-novosti.gif); height:50px; text-indent:-9999px; background-position:bottom; position:relative; width:348px;} #sidebar #main-nav .novosti a {display:block; width:330px; height:50px;} #sidebar #main-nav .novosti a:hover { background-image:url(img/nav-novosti.gif); background-position:bottom; position:relative; width:348px; } #sidebar #main-nav .zasticene-prirodne-vrijednosti {width:330px; height:50px; background-image:url(img/nav-zasticene-prirodne-vrijednosti.gif); text-indent:-9999px; overflow:hidden; } #sidebar #main-nav .zasticene-prirodne-vrijednosti-active { background-image:url(img/nav-zasticene-prirodne-vrijednosti.gif); height:50px; text-indent:-9999px; background-position:bottom; position:relative; width:348px;} #sidebar #main-nav .zasticene-prirodne-vrijednosti a {display:block; width:330px; height:50px;} #sidebar #main-nav .zasticene-prirodne-vrijednosti a:hover { background-image:url(img/nav-zasticene-prirodne-vrijednosti.gif); background-position:bottom; position:relative; width:348px; } #sidebar #main-nav .javna-ustanova {width:330px; height:50px; background-image:url(img/nav-javna-ustanova.gif); text-indent:-9999px; overflow:hidden; } #sidebar #main-nav .javna-ustanova-active { background-image:url(img/nav-javna-ustanova.gif); height:50px; text-indent:-9999px; background-position:bottom; position:relative; width:348px;} #sidebar #main-nav .javna-ustanova a {display:block; width:330px; height:50px;} #sidebar #main-nav .javna-ustanova a:hover { background-image:url(img/nav-javna-ustanova.gif); background-position:bottom; position:relative; width:348px; } #sidebar #main-nav .karta-prirodnih-vrijednosti {width:330px; height:50px; background-image:url(img/nav-karta-prirodnih-vrijednosti.gif); text-indent:-9999px; overflow:hidden; } #sidebar #main-nav .karta-prirodnih-vrijednosti-active { background-image:url(img/nav-karta-prirodnih-vrijednosti.gif); height:50px; text-indent:-9999px; background-position:bottom; position:relative; width:348px;} #sidebar #main-nav .karta-prirodnih-vrijednosti a {display:block; width:330px; height:50px;} #sidebar #main-nav .karta-prirodnih-vrijednosti a:hover { background-image:url(img/nav-karta-prirodnih-vrijednosti.gif); background-position:bottom; position:relative; width:348px; } #sidebar #main-nav .kontakt {width:330px; height:50px; background-image:url(img/nav-kontakt.gif); text-indent:-9999px; overflow:hidden; } #sidebar #main-nav .kontakt-active { background-image:url(img/nav-kontakt.gif); height:50px; text-indent:-9999px; background-position:bottom; position:relative; width:348px;} #sidebar #main-nav .kontakt a {display:block; width:330px; height:50px;} #sidebar #main-nav .kontakt a:hover { background-image:url(img/nav-kontakt.gif); background-position:bottom; position:relative; width:348px; } #content-home {float:right; margin:0 20px 30px 25px; width:540px; display:inline;} #content-home dl {margin:0 0 20px 0;} #content-home dt {font-size:20px; line-height:28px; color:#000; margin-bottom:16px;} #content-home a:link, #content-home a:visited {border-bottom:solid 1px #ffc50c; padding-bottom:2px;} #content-home a:hover {border-bottom:solid 1px red; padding-bottom:2px;} #content-home dd {font-size:14px; line-height:18px; color:#e3ecc5;} #content-home dd img.alignleft {margin: 0 -10px 2px 0; display: inline; border:2px solid #fff; position:relative; left:-20px; top:-4px; } #content-home h2 { color:#000; font-weight:normal; } #links-left { float:left; margin-right:20px; } #links-left li { margin:10px; } #links-right { float:left; } #links-right li { margin:10px; } #arhiv-crta-gore {width:540px; background-image:url(img/arhiv-crta-gore.png); height:10px; } #arhiv-crta-dolje {width:540px; background-image:url(img/arhiv-crta-dolje.png); height:10px; margin-bottom:20px; } #arhiv { width:540px; padding:5px 0px 5px 0px; margin:0 0 20px 0; font-size:16px; } #novije-vijesti { float:right; } #starije-vijesti { float:left; } #content-single {float:right; margin:0 20px 30px 25px; width:540px; display:inline; font-size:14px; line-height:18px; color:#e3ecc5;} #content-single h1 {font-size:32px; line-height:40px; font-weight:normal; color:#000; padding:0 0 20px 0;} #content-single h2 {font-size:18px; line-height:22px; font-weight:bold; color:#000; padding:12px 0 4px 0;} #content-single h3 {font-size:14px; line-height:18px; font-weight:bold; color:#000; padding:12px 0 4px 0;} #content-single img.centered {display: block; border:5px solid #fff; margin-left: auto; margin-right: auto; margin:0 0 8px 0; } #content-single img.alignright {margin: 0 0 2px 10px; border:5px solid #fff; display: inline;} #content-single img.alignleft {margin: 0 10px 2px 0; border:5px solid #fff; display: inline; } #content-single .disc {margin:10px 0 20px 0;} #content-single .disc li {list-style:disc; padding:0 0 0 5px; margin:0 0 0 30px;} #zasticene li { margin:6px 0 6px 40px; padding-left:5px; font-size:16px; list-style-type:decimal; } #zasticene li a:link, #zasticene li a:visited { color:#fff; } #zasticene li a:hover { border-bottom:solid #ffc50c 1px; } #content-nav {width:540px; float:left; color:#333333; clear:both; font-weight:bold; border-bottom:solid 1px #fff; margin:0 0 30px 0;} #content-nav li {float:left; background-color:#FFFFFF; margin:0 10px 0 0;} #content-nav li a {display:block; padding:5px 10px 5px 10px;} #footer {width:100%; background-color:#eeeeee; float:left; padding:0 0 100px 0;} #footer-sizer {margin:0 auto 0 auto; width:960px;} #footer-sizer a:link, #footer-sizer .copyrights a:visited {border-bottom:solid 1px #ffc50c; color:#666;} #footer-sizer a:hover {border-bottom:solid 1px red;} #footer-sizer .kontakt {width:310px; margin:0 25px 0 20px; padding:40px 20px 0 0; text-align:right; float:left; display:inline; } #footer-sizer .copyrights {float:right; width:540px; font-size:12px; margin:0 20px 0 0; padding:40px 0 0 20px; color:#666} /* Begin Images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 0px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 0px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */