/* --------------------------------------------------------------------------------------------------------------------------------- */ /* BODY SETUP */ /* --------------------------------------------------------------------------------------------------------------------------------- */ body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:58%; color:#718AAA; background-color:#CCE6FF; background:#CCE6FF; margin:0px; padding:0px; } * { margin:0; padding:0; } .clearthefloats { clear:both; } a:link, a:visited, a:active { text-decoration:underline; color:#3076D1; font-weight:bold; } a:hover { text-decoration:none; color:#3076D1; font-weight:bold; } img { margin:0; padding:0; border:0; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* COLUMNS SETUP */ /* --------------------------------------------------------------------------------------------------------------------------------- */ /* MAINWRAP - DRZI VSE SKUPAJ, CENTER CONTENT */ #mainwrap {width:750px; margin-left:auto; margin-right:auto; text-align:left;} /* CONTENTAREA - TILING BACKGROUND LEFT-RIGHT */ #contentarea {width:750px; background-color:#FFFFFF; background:#FFFFFF;} /* LEVI IN DESNI COLUMN */ #column1 {width:473px; float:left;} #column2 {width:227px; float:left;} #column1content { margin:25px 0px 10px 37px; } #column1contentNovice { margin:25px 0px 10px 37px; font-size:1.2em; } #column2menu { margin:25px 0px 0px 33px;} /* HEADER IN FOOTER */ #header {width:750px; margin-left:0px;} #footer {width:750px; margin-bottom:20px;} /* CMS CONTROL PANEL HEADER */ #headerPanel {width:710px; margin-left:0px; padding: 15px 20px 15px 20px; background-color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif;} #headerPanel p { color:#FFFF66; font-size:1em; line-height:20px; } #headerPanel a:link, #headerPanel a:visited, #headerPanel a:active { text-decoration:none; font-weight: bold; color:#FFFF00; font-size:1.3em;} #headerPanel a:hover { text-decoration:none; font-weight:bold; color:#FFFFFF; font-size:1.3em;} /* CONTENT YAHOO NAVIGATION TITLE */ #column1content1 { padding:3px 7px 3px 10px; margin-bottom: 2px; background-color:#99CDFF; } .contentYahoo { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; color:#B2C8AB; } .contentYahoo a:link { text-decoration: none; color:#B2C8AB;} .contentYahoo a:active { text-decoration: none; color:#B2C8AB;} .contentYahoo a:visited { text-decoration: none; color:#B2C8AB;} .contentYahoo a:hover { text-decoration: none; color:#FFFFFF; } /* CONTENT TITLE */ #column1content2 { padding:9px 5px 9px 10px; background-color:#F0F7FF; margin-bottom:0px; } .contentTitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; color:#3076D1; font-weight:bold; } /* CONTENT */ #column1content3 { font-size:1.2em; line-height:1.5em; } #column1content3 ul, #column1content3 ol { margin: 10px 10px 10px 30px; line-height:1.7em; } #column1content3 p, #column1content3 li { margin-top: 0px; margin-bottom: 0px; } #column1content3 table { padding:0; margin:0; border: 1px solid #CFE5FC; } #column1content3 td { padding: 2px 10px 3px 8px; border: 1px solid #F0F7FF; } /* TOP - RIGHT - BOTTOM - LEFT */ /* NAZAJ GUMB NAD MENUJEM */ /* #navcontainer1 ul { margin:0; padding:0; list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; } #navcontainer1 li { margin-top: 0px; background:url(design/design_menu_button_back.gif) 0 -30px no-repeat; } #navcontainer1 a { display: block; padding:9px 7px 6px 26px; width: 157px; background:url(design/design_menu_button_back.gif) top left no-repeat; } #navcontainer1 a:link, #navcontainer1 a:visited { color: #FFF; text-decoration: none; } #navcontainer1 a:hover { background-image: none; color: #FFF; } */ #navcontainer1 ul { margin:0; padding:0; list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; } #navcontainer1 li { margin-top: 0px; background:url(design/design_menu_button_forwbig.gif) 0 -60px no-repeat;} #navcontainer1 a { display: block; padding:10px 7px 11px 20px; width: 167px; background:url(design/design_menu_button_back.gif) top left no-repeat; } #navcontainer1 a:link, #navcontainer1 a:visited { color: #718AAA; text-decoration: none; font-weight:bold;} #navcontainer1 a:hover { background-image: none; color: #3076D1; font-weight:bold;} /* MENU GLAVNI NAPIS */ #column2menu2 { padding:9px 12px 10px 15px; display:block; width:auto; background-color:#E8F3FF; font-size:11px; margin-bottom:3px;} .MenuTitle { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#3076D1; font-weight:bold; } /* NOVICE NA PRVI STRANI */ div#column2news { padding:7px 13px 7px 10px; display:block; width:auto; background-color:#F0F7FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.95em; line-height: 14px; color:#718AAA; margin-bottom:3px;} div#column2news a:link, div#column2news a:visited { text-decoration:none; font-weight:normal; } div#column2news a:hover { text-decoration:underline; font-weight:normal; } /* { display:block; width:167px; margin-bottom:3px; padding:8px 11px 10px 12px; background-color:#F0F7FF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1em; line-height: 17px; color:#718AAA;} */ /* MENU ITEMS - http://css.maxdesign.com.au/listamatic/vertical11.htm - full version with pictures */ #navcontainer2 ul { margin:0; padding:0; list-style-type:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:10px; } #navcontainer2 li { margin-top: 0px; background:url(design/design_menu_button_forwbig.gif) 0 -60px no-repeat;} #navcontainer2 a { display: block; padding:10px 7px 11px 20px; width: 167px; background:url(design/design_menu_button_forwbig.gif) top left no-repeat; } #navcontainer2 a:link, #navcontainer2 a:visited { color: #718AAA; text-decoration: none; font-weight:normal;} #navcontainer2 a:hover { background-image: none; color: #3076D1; font-weight:normal;} /* --------------------------------------------------------------------------------------------------------------------------------- */ /* HACKS */ /* --------------------------------------------------------------------------------------------------------------------------------- */ .clearfix:after { content: "."; /* the period is placed on the page as the last thing before the div closes */ display: block; /* inline elements don't respond to the clear property */ height: 0; /* ensure the period is not visible */ clear: both; /* make the container clear the period */ visibility: hidden; /* further ensures the period is not visible */ } .clearfix {display: inline-block;} /* a fix for IE Mac */ /* next a fix for the dreaded Guillotine bug in IE6 */ /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ /* end of "no-extra-markup" clearing method */ /* --------------------------------------------------------------------------------------------------------------------------------- */ /* CONTENT STYLES */ /* --------------------------------------------------------------------------------------------------------------------------------- */ #column1content3 a:link, #column1content3 a:visited, #column1content3 a:active { color:#3076D1; font-weight:bold; text-decoration:none; padding:0em 0.1em 0.1em 0.12em; border-bottom:1px dotted #3076D1; } #column1content3 a:hover { color:#3076D1; font-weight:bold; text-decoration:none; padding:0em 0.1em 0.1em 0.12em; border-bottom:1px solid #3076D1; } #column1content3 td a:link, #column1content3 td a:visited, #column1content3 td a:active { color:#3076D1; font-weight:bold; text-decoration:none; border:0; padding:0;} #column1content3 td a:hover { color:#3076D1; font-weight:bold; text-decoration:underline; border:0; padding:0; } #column1content3 h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:bold; color:#718AAA; line-height:1.2em; margin-top:15px; margin-bottom:15px; padding-top:5px; padding-bottom:5px; border-bottom:solid 1px #CFE5FC; } #column1content3 h2 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:1.4em; font-weight:bold; color:#718AAA; line-height:1.2em; margin-top:15px; margin-bottom:10px; padding-top: 3px; padding-bottom: 3px; border-bottom: solid 1px #CFE5FC; } #column1content3 .blocktext { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.9em; color:#718AAA; line-height:17px; height:auto; width:auto; background-color:#F0F7FF; border:1px solid #CFE5FC; margin:20px 10px 15px 0px; padding:12px 10px 13px 12px; } #column1content3 hr { color:#CFE5FC; height:1px; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* NOVICE */ /* --------------------------------------------------------------------------------------------------------------------------------- */ /* NOVICE STRAN */ #novicaadmin { border:1px solid #99CDFF; width:438px; height:auto; margin-bottom:15px; } #novicaadmin p.admin { background-color:#333333; height:auto; width:auto; padding:9px 10px 11px 10px; display:block; } #novica { border:1px solid #CFE5FC; width:438px; height:auto; margin-bottom:15px; } #novica p.header { background-color: #E8F3FF; height: auto; width: auto; padding: 10px 10px 0px 10px; display: block; font-size:13px; font-weight: bold; color: #3076D1; text-transform: uppercase; } #novica p.headerinfo { background-color: #E8F3FF; height: auto; width: auto; padding: 0px 10px 10px 10px; font-size: 10px; color:#3076D1; display: block; text-transform: uppercase; } #novicatext { line-height: 1.4em; color: #718AAA; height: auto; width: auto; padding: 10px 10px 10px 10px; display: block; } #novicatext ul, ##novicatext ol { margin: 10px 10px 10px 30px; line-height:1.7em; } #novicatext p, #column1content3 li { margin-top: 0px; margin-bottom: 0px; } #novicatext table { padding:0; margin:0; border: 0px solid #F0F7FF; } #novicatext td { padding: 2px 10px 3px 8px; border-bottom: 1px solid #F0F7FF; } #novicatext h1, #novicatext h2 { line-height:1.2em; font-size:1.2em; } #novica p.admin { background-color: #333333; color: #FFFF00; height: auto; width: auto; padding: 9px 10px 11px 10px; display: block; } #novica p.admin a:link, #novica p.admin a:visited, #novica p.admin a:active{ background-color: #333333; color: #FFFF00; } /* --------------------------------------------------------------------------------------------------------------------------------- */ /* FORM (ADD / MODIFY) */ /* --------------------------------------------------------------------------------------------------------------------------------- */ #formdesign { width:750px; margin-left:2px; text-align:center; } #formdesign form { width:700px; margin:20px 0px 20px 0px; font-size:1.4em; font-weight:bold; } #formdesign form p { margin:20px 0px 20px 0px; font-size:2em; } #formdesign input { padding:4px; border: 1px solid #CFE5FC; background-color:#F0F7FF; color:#3076D1; } #formdesign .naslov { margin-right:15px; } /* adds the line above each section and provides vertical spacing */ #formdesign div.clearfix {border-top: 1px solid #CFE5FC; padding:10px 0px; vertical-align:top;} /* --------------------------------------------------------------------------------------------------------------------------------- */ /* FORM (SEARCH) */ /* --------------------------------------------------------------------------------------------------------------------------------- */ // div#formsearch {width:390px; margin-left:40px;} // div#formsearch h3 {margin:20px 0 0 10px; font-weight:bold; font-size:.8em;} /* adjust top margin for your context */ // div#formsearch h4 {margin:0 0 5px 10px; font-weight:normal; font-size:.75em;} div#formsearch div.clearfix {border-top: 1px solid #99CDFF; padding:10px 0px; vertical-align:top;} /* adds the line above each section and provides vertical spacing */ div#formsearch form label {width:auto; float:left; font-size:1em; font-weight:bold; margin:13px 10px; color:#3076D1;} /* this is the text label on the left of each input */ div#formsearch form input.submit { width:150px; font-size:1.2em; font-weight:bold; background-color:#E8F3FF; border: 0px solid #CFE5FC; color:#3076D1; margin:3px 3px; padding:5px; } div#formsearch form input.field { width:200px; font-size:1.5em; background-color:#F0F7FF; border: 1px solid #99CDFF; color:#3076D1; margin:3px 3px; padding:5px; }