/****************** INFO *** Autor: Trinet racunalne usluge; Escape Internet usluge; URL: http://www.trinet.hr; http://www.escape.hr; 01 - DOKUMENT - generalne postavke dokumenta 02 - STRUKTURA 03 - LINKOVI 04 - NAVIGACIJA 05 - NASLOVI 06 - STRUKTURA - UNUTARNJA 07 - SCROLLBAR */ /****************** 01/ DOKUMENT ***/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; } body { color: #5E5E5E; font: 10px "Myriad Pro", Arial, Tahoma, "Trebuchet MS", Geneva, sans-serif; background: #133869 url(../images/pozadina.gif) repeat-x; line-height: 1; text-align: center; padding: 0 0 20px; } strong { font-weight: bold; } :focus { outline: 0; } a img, fieldset { border: 0; } ol, ul { list-style: none; } table, tr, th, td { border-collapse: collapse; border-spacing: 0; } table, table table, ol ol, ul ul { font-size: 1em; } input, textarea { font-family: Arial, Tahoma, sans-serif; } legend, caption { display: none; } /****************** 02/ STRUKTURA ***/ #Layout { width: 772px; height: 736px; margin: 10px auto 0; text-align: left; background: url(../images/sadrzaj/pozadina.png) no-repeat; } #Zaglavlje { width: 772px; height: 151px; position: relative; z-index: 5; } #SlikaFlash { width: 254px; height: 214px; position: absolute; top: 74px; left: 490px; z-index: 20; } #Sadrzaj { width: 772px; height: 555px; } #Primarni { width: 452px; height: 540px; float: left; padding: 0 0 0 31px; overflow: auto; } #PrimarniSadrzaj { width: 425px; padding: 20px 0; } #Sekundarni { width: 224px; height: 555px; float: right; padding-right: 57px; } #SekundarniSadrzaj { width: 224px; height: 394px; margin-top: 161px; } #Podnozje { width: 772px; height: 30px; color: #b5b5b5; clear: both; } /****************** 03/ LINKOVI ***/ a:link, a:visited { color: #133869; text-decoration: none; } a:hover, a:active { color: #000; text-decoration: none; } div.hr { height: 5px; border-top: 1px dotted #006699; } div.hr hr { display: none; } /****************** 04/ NAVIGACIJA ***/ /*** Zaglavlje ***/ /** odabir jezika **/ #ulJezik { float: left; height: 30px; position: absolute; top: 87px; right: 298px; z-index: 10; } #ulJezik li { display: inline; float: left; height: 30px; line-height: 30px; background: url(../images/zaglavlje/liJezik-pozadina.gif) 100% 0 no-repeat; } #ulJezik li.liJezikZadnji { background: none; } #ulJezik li a { display: block; font-size: 1.2em; text-transform: uppercase; float: left; font-weight: bold; color: #133960; text-align: center; padding: 0 8px 0 5px; height: 30px; text-decoration: none; } #ulJezik li a:hover, #ulJezik li a:active, #ulJezik li a.aSelektiran { color: #0793d7; } /** glavna navigacija **/ #ulNavigacija { float: left; width: 473px; height: 34px; position: absolute; top: 123px; left: 10px; z-index: 10; } #ulNavigacija li { display: inline; float: left; height: 34px; } #ulNavigacija li.liNavigacijaPrvi { padding-left: 12px; } #ulNavigacija li a { display: block; font-size: 1.1em; float: left; color: #fff; text-align: center; padding: 9px 13px 0; height: 25px; text-decoration: none; } #ulNavigacija li a:hover, #ulNavigacija li a:active, #ulNavigacija li a.aSelektiran { color: #fff; background: url(../images/zaglavlje/liNavigacija-pozadina.gif) 50% 28px no-repeat; } /* druga razina - padajuci */ #ulNavigacija ul { display: none; font-size: .9em; position: absolute; z-index: 20; width: 110px; background: #1e375f url(../images/zaglavlje/ulNavigacija2-pozadina.gif) repeat-x; padding: 5px 0; } #ulNavigacija ul li { width: 110px; float: none; display: block; height: auto; } #ulNavigacija ul li a { padding: 7px 5px; background: none; width: 100px; float: none; text-align: left; height: auto; } #ulNavigacija ul li a:hover, #ulNavigacija ul li a:active { color: #77c5ed; } #ulNavigacija ul#ulNavigacija-info { top: 28px; left: 20px; } #ulNavigacija ul#ulNavigacija-propozicije { top: 28px; left: 95px; } #ulNavigacija ul#ulNavigacija-organizacija { top: 28px; left: 160px; } #ulNavigacija ul#ulNavigacija-smjestaj { top: 28px; left: 235px; } #ulNavigacija ul#ulNavigacija-downloads { top: 28px; left: 305px; } #ulNavigacija li:hover ul, #ulNavigacija li.over ul { display: block; } /****************** 05/ NASLOVI ***/ h1, h2, h3, h4, h5, h6 { color: #133960; font-weight: bold; margin: 15px 0; text-transform: uppercase; font-family: "Myriad Pro", Arial, Tahoma, "Trebuchet MS", Geneva, sans-serif; } h1 { font-size: 1.3em; margin: 0; padding-top: 30px; margin-bottom:10px; } h2 { font-size: 1.3em; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5 { font-size: 1.1em; } h6 { font-size: 1.1em; } /*** Primarni ***/ #Primarni h2.h2Uvodni { color: #fff; margin: 0; font-weight: normal; width: 415px; height: 19px; padding: 7px 0 0 10px; background: url(../images/sadrzaj/h2Uvodni-pozadina.gif) no-repeat; } /*** Sekundarni ***/ #Sekundarni h2 { color: #fff; text-align: right; font-weight: normal; padding: 7px 10px 0 0; margin: 0; } /****************** 06/ STRUKTURA - UNUTARNJA ***/ /*** Zaglavlje ***/ #imgLogo { position: absolute; top: 26px; left: 34px; z-index: 10; } /*** Primarni ***/ #Primarni p, #Primarni ul, #Primarni ol, #Primarni dl { font-size: 1.2em; line-height: 1.4em; margin: 1em 0; } #Primarni ul li { padding: 7px 0 0 10px; background: url(../images/sadrzaj/ik-li.gif) 0 13px no-repeat; } #Primarni ul ul { font-size: 1em; margin-top: 0; } #Primarni dl dt { font-weight: bold; margin-top: 7px; } /* slike */ img.imgLijevo { float: left; margin: 15px 15px 10px 0; padding: 3px; border: 1px solid #85abb4; } img.imgDesno { float: right; margin: 15px 0 15px 15px; padding: 3px; border: 3px double #85abb4; } img.imgSredina { display: block; margin: 15px auto; padding: 3px; border: 1px solid #85abb4; } /* tablica */ table.tblTablica { width: 425px; font-size: 1.2em; } table.tblTablica th { border-bottom: 3px solid #85abb4; background: #203860; color: #fff; font-weight: bold; text-align: left; padding: 8px 10px; } table.tblTablica td { border-bottom: 1px solid #bdd1d6; text-align: left; padding: 5px 10px; } table.tblTablica tr.trTamni td { background: #f2f2f2; } /* formular */ ul.ulKontakt span { color: red; font-weight: bold; } #Primarni ul li.liKontaktPosalji { background: none; } .formInput, .formTextarea { font-size: 1em; width: 250px; padding: 3px 5px; border: 1px solid #85abb4; background: #fff url(../images/sadrzaj/formular-pozadina.gif) repeat-x; } .formSelect { font-size: 1.2em; width: 250px; padding: 2px; } #Sadrzaj .formTextarea { width: 300px; height: 80px; line-height: 1em; } #Sadrzaj .formSubmit { font-size: 1em; color: #fff; padding: 2px 5px; background: #203860; border: 1px solid #85abb4; font-weight: bold; } #Sadrzaj .formSubmitOdustani { font-size: 1em; color: #fff; padding: 2px 5px; background: #aaa; border: 1px solid #444; font-weight: bold; } #Sadrzaj .formInput:focus, #Sadrzaj .formTextarea:focus { border: 1px solid #000; } /*** Sekundarni ***/ #Sponzori { padding-top: 40px; } #Sponzori img { border-bottom: 1px solid #dbdbdb; } #Sponzori img.imgSponzorZadnji { border-bottom: none; } /*** Podnozje ***/ #Podnozje p { font-size: 1em; line-height: 30px; padding-left: 10px; } /****************** 07/ SCROLLBAR ***/ .scrollgeneric { line-height: 1px; font-size: 1px; position: absolute; top: 0; left: 0; } .vscrollerbase, .vscrollerbar { width: 13px; background-color: #e5e5e5; } .vscrollerbar { background: #e5e5e5 url(../images/scroll/basebarcaps_verticalbarbody.png) -15px 0px repeat-y; padding: 13px; z-index: 2; } .vscrollerbarbeg { background: url(../images/scroll/basebarcaps_verticalbarbody.png) -45px -30px no-repeat; width: 13px; height: 13px !important; } .vscrollerbarend { background: url(../images/scroll/basebarcaps_verticalbarbody.png) -45px 0px no-repeat; width: 13px; height: 13px; } .scrollerjogbox { background: #e5e5e5 url(../images/scroll/horizontalbarbody_cornerjog.png) 0px 0px; width: 13px; height: 13px; top: auto; left: auto; bottom: 0px; right: 0px; } .vscrollerbase { background: #e5e5e5 url(../images/scroll/basebarcaps_verticalbarbody.png) 0px 0px repeat-y; } .vscrollerbasebeg { background: url(../images/scroll/basebarcaps_verticalbarbody.png) -30px -30px no-repeat; width: 13px; height: 13px !important; } .vscrollerbaseend { background: url(../images/scroll/basebarcaps_verticalbarbody.png) -60px -30px no-repeat; height: 13px; width: 13px; } .scrollerjogbox:hover { background: #5E828C url(../images/scroll/basebarcaps_verticalbarbody.png) -45px -15px; }