/* - Unificira razlike između browsera - najčešće korištene klase */ *{margin:0; padding:0;} .cut {overflow:hidden;} /*sav sadržaj koji izlazi van diva se ne vidi*/ .fix, .to_c .cfix {overflow:hidden;} #ie6 .fix, #ie6 .to_c .cfix {height:1%;} .ff,.to_c .ff {float:left; overflow:hidden; width:100%;} /* float fix */ #ie6 .lff {margin-right:-3px;} /* 3 px jog */ #ie6 .rff {margin-left:-3px;} .c, .break {clear:both; line-height:1px; height:0; font-size:1px; overflow:hidden;} /* break */ .h, .hide {display: none;} /*hide*/ .l {float:left;} .r {float:right;} .nmt {margin-top:0;} .img {font-size:0;} /* killing white space around images */ #ie6 .cMe, #ie6 .float-break {height:1%;} /* clear Me */ #ie7 .cMe, #ie7 .float-break {zoom:100%;} /* clear Me */ .cMe:after, .float-break:after{content:"-"; height:0; font-size:0; visibility:hidden; display:block; clear:both;} /* FLOAT BREKING (cLEAR ME) */ #ie .split, #ie ul.inline{height:1%;} .split:after,ul.inline:after{content:"-"; height:0; font-size:0; visibility:hidden; display:block; clear:both;} /**/ /* SPLIT ELEMENT split .s2 - prepolovi div unutar kojeg se nalazi na 2 dijela split .s3 - ... na 3 dijela - opera ne zna računati postotke s decimalom (33.3%) stoga je širina prilagođena split .s4 - ... na 4 dijela split .s30-70 - ... lijevi 30% desni 70% split .s70-30 - ... lijevi 70% desni 30% Ukoliko se pokaže potreba split element se može definirati u pixelima zbog točnosti layouta,ako dizajn to zahtjeva */ .split{margin:1em 0;} .split .s{width:50%; float:left;} .split .sl{clear:left; clear:left;} .split .sr{float:right; clear:right;} .split .s2 .s{width:50%;} #ie6 .split .s2 .s{width:49.9%;} .s3 .s{width:34%} .s3 .sc{width:32%} .s4 .s{width:25%;} .s30-70 .sl{width:30%;} .s30-70 .sr{width:70%;} .s70-30 .sl{width:70%;} .s70-30 .sr{width:30%;} .split .s-in{padding:0 5px;} .split .sl .s-in{padding-left:0;} .split .sr .s-in{padding-right:0;} /* Inline list ol/ul*/ .inline{list-style:none; margin:0;} .inline li{float:left; margin-bottom:0;} .inline a, .inline span{display:block; outline-style:none; padding:0 5px;} #ie6 .inline a,#ie6 .inline span{display:inline-block;} /* Zbog ovoga ne radi u IE Image Replacement Tehnika s text-indent:-999em; */ /* Simple fix for stopping spambots from getting correct e-mail addresses from a web page: info(Remove SPAMFILTER to reply) */ .spamfilter{display:none; } body{font:68.75%/1.4 Arial, Helvetica, sans-serif; background-color: #fff; color:#333;} /* HEADERS */ h1,h2,h3,h4,h5,h6{margin:1.25em 0 .25em; font-weight:bold;} h1{font-size:1.8em;} h2{font-size:1.4em;} h3{font-size:1.2em;} h4{font-size:1.1em;} h5{font-size:1em;} h6{font-size:1em;} p{margin:.5em 0 1em;} a{color:#0000a0; text-decoration:none;} a:hover{color:#000;} pre, code{font-family: "Courier New", Courier, monospace; font-size: 1em; overflow:auto;} table{font-size: 1em;} th, td{padding: 0;} ul, ol{margin:.75em 0 1em 3em;} ul ul, ol ul,ul ol, ol ol{margin:.3em 0 .5em 1.3em;} ul ol, ol ol{margin-left:1.9em;} ul, ul ul{list-style-type: disc;} li{margin-bottom:.3em;} dl{margin:.25em 0;} dt, dd{font-style: normal; margin-bottom:.25em;} dt{font-weight: bold;} dd{margin: 0 1em 0.5em 2.5em;} label{font-weight:bold; white-space:nowrap;} optgroup{font-weight:bold; font-style:normal;} fieldset{border:none;} textarea{overflow:auto;} textarea, select, input.txt, input.btn, input.button, input.defaultbutton{font-family:Arial, Helvetica, sans-serif; font-size:1em;} textarea, input.txt{border:1px solid #999; padding:2px; color:#333;} input.chk{} /*checkbox*/ input.rdb{} /*radio button*/ input.box, textarea.box { width: 100%; } input.halfbox, textarea.halfbox { width: 48%; } hr{ color: #ffffff; /* Color must be set to the same as the background color to hide default formatting in IE */ border: none; /* All borders must be removed as they are default for Opera */ border-top: 1px solid #e0e0e0; /* This single top border is the one replacing the default look of the ruler */ height: 1px; margin: 0.35em 0 0.35em 0; /* Be aware that these margins may not be calculated consistently across browsers */ } /* eZPublish stuff */ div.message-confirmation,div.message-feedback,div.message-warning,div.message-error,div.warning{margin:.5em 0 1em;padding:.5em 1em;border:6px solid gray;background-color:#f8f8f8;} div.message-feedback{border-color:#40b040;} div.message-warning,div.warning{border-color:#c0c040;} div.message-error{border-color:#c04040;} /* The remaining styles are important for proper content rendering in eZ publish - * Do not remove or alter them without proper knowledge of the possible consequences */ /* Used around groups of objects which are connected in some way,and requires extra margins to the surroundings */ div.block{margin:.5em 0;padding:0;clear:both;} /* Used if several objects are to be stacked horizontally within the same block */ div.block div.element{padding-right:1em;float:left;} /* Floats elements to the left in a block */ div.block div.left{width:48%;float:left;clear:left;} /* Floats elements to the right in a block */ div.block div.right{width:48%;float:right;clear:right;} /* Used for floating images and other content elements to the left inside other content */ div.object-left{margin:.25em .25em .25em 0;float:left;clear:left;} /* Used for floating images and other content elements to the right inside other content */ div.object-right{margin:.25em 0 .25em .25em;float:right;clear:right;} /* Author: Marko Žabčić Ver: 0.4 == Ispravljeni bugovi - IE // 3px jog - FF, IE // margin-top bug =================================== IE giljotina bug: nema ga (v0.2) */ /* Initial width set (2 most used widths) */ .w750 .w{width:68em; margin:0 auto;} .w750 #ie .w{width:68.8em;} .w950 .w{width:86.4em; margin:0 auto;} .w950 #ie .w{width:87.4em;} /* margin uncollapsing - je isključeno do danjeg jer uzrokuje bug u FF sličan kao giljotina kod IE */ /* .d2,.d, .full-content{overflow:hidden;} * FF / IE7 * #ie6 .d2, #ie6 .d, #ie6 .full-content{height:1%;} */ /* Setting initial widths & margins for some elements*/ .left-content{float:left; width:25%;} .right-content{float:right; width:200px;} /* IE 3-pixel jog bug */ #ie6 .left-content{margin-right:-3px} #ie6 .right-content{margin-left:-3px} /* Remove right or left column */ .no-left .left-content, .no-right .right-content, .no-both .left-content, .no-both .right-content{display:none;} /* Logo */ #logo{margin:1em 0;} #logo p{margin:0;} #logo a{display:block; outline:none; width:100px; height:60px; background:#eee; text-indent:-999em;} /* obično je ovo slika */ /* FORMS ###################################################### */ .w95{width:95%;} .w75{width:75%;} .w58{width:58%;} .w50{width:50%;} .w30{width:30%;} .w25{width:25%;} .w15{width:15%;} .w5{width:5%;} form{background:#fafafa; border:1px solid #eee; margin-bottom:20px; padding:10px 20px;} form .short{height:100px;} form label{font-size:1.1em; line-height:1.6em; margin-bottom:2px;} form input.txt, form textarea{padding:5px;} form textarea{width:98%;} form em{font-style:normal; color:#666; padding-left:4px;} form p, form .spread{margin:1.4em 0;} form img{border:1px solid #999;} form option{padding-right:20px;} .formError{color:#900;} /* Title for group */ .legend{margin:1.5em 0 0.5em; border-bottom:1px solid #999; font-weight:normal; font-style:italic; font-size:1.6em; color:#777; font-family:Georgia; clear:both;} /* Highlight on focus // JS for IE*/ form input:focus, form input.mo_focus, form textarea:focus, form textarea.mo_focus{background:#fffff4;} /* Form buttons on the end */ form .action-buttons{background:#eee; border:1px solid #999;margin:0px;padding:4px 6px;text-align:center;} form .action-buttons input{background:none;border:none;cursor:pointer;font-weight:bold;} #ie6 form .action-buttons input, #ie7 form .action-buttons input{margin-bottom:-2px;} form .action-buttons a{padding:2px 4px;} .admin form .action-buttons input:hover, .admin form .action-buttons input.mo_hover{background:#333;color:#fff;} /* Form errors ===================================================================*/ div.fieldWithErrors{display:inline;} .fieldWithErrors label{color:#c00; border-left:10px solid #c00; padding-left:6px;} .fieldWithErrors input.txt, .fieldWithErrors textarea{border-color:#f00;} #errorExplanation{background-color:#f0f0f0;border:2px solid red;margin-bottom:20px;padding:7px 7px 12px;} #errorExplanation h2{background-color:#c00;color:#fff;font-size:12px;font-weight:bold;margin:-7px;padding:5px 5px 5px 15px;text-align:left; font-family:Arial, Helvetica, sans-serif; font-style:normal;} #errorExplanation p{color:#333;margin-bottom:0;padding:5px;} #errorExplanation ul li{font-size:1em;list-style:square;} /* **************************************** * * HORIZONTAL NAVIGATIONS * * **************************************** */ /* HTML STRUCTURE =============================================