/****************** INFO *** Autor: Trinet racunalne usluge URL: http://www.trinet.hr 01 - DOKUMENT - generalne postavke dokumenta 02 - STRUKTURA 03 - LINKOVI 04 - NAVIGACIJA 05 - NASLOVI 06 - STRUKTURA - UNUTARNJA 07 - SLIDERI */ /****************** 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: #666; font: 62.5% Arial, Tahoma, "Trebuchet MS", Geneva, sans-serif; background: #000 url(images/pozadina.jpg) repeat-x; line-height: 1; text-align: center; padding-bottom: 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: 950px; height: 737px; background: url(images/sliska.jpg) no-repeat; margin: 0 auto; text-align: left; } #Zaglavlje { width: 950px; height: 88px; position: relative; } #Intro { width: 950px; height: 345px; position: relative; } #Sadrzaj { width: 950px; height: 254px; margin-top: 10px; } #Podnozje { width: 950px; height: 21px; padding-top: 20px; text-align: center; } /****************** 06/ STRUKTURA - UNUTARNJA ***/ /*** Zaglavlje ***/ #imgLogo { position: absolute; top: 10px; left: 0; } #aDemoShop { width: 230px; height: 66px; position: absolute; top: 12px; right: 240px; background: url(images/zaglavlje/web-shop-demo.png) no-repeat; text-indent: -9999px; } #aDemoShopAdmin { width: 230px; height: 66px; position: absolute; top: 12px; right: 0; background: url(images/zaglavlje/web-shop-admin-demo.png) no-repeat; text-indent: -9999px; } #Zaglavlje a.aDemoButtoni:hover, a.aDemoButtoni:active { background-position: 0 -66px; } /*** Intro ***/ /*#Intro ul { width: 950px; height: 345px; overflow: hidden; }*/ #Intro ul li { width: 950px; height: 345px; float: left; display: inline; } #imgOkvirLi { width: 10px; height: 323px; position: absolute; top: 11px; left: 0; z-index: 10; } #imgOkvirDe { width: 10px; height: 323px; position: absolute; top: 11px; right: 0; z-index: 10; } #imgOkvirGo { width: 950px; height: 11px; position: absolute; top: 0; left: 0; z-index: 10; } #imgOkvirDo { width: 950px; height: 11px; position: absolute; bottom: 0; left: 0; z-index: 10; } /*** Sadrzaj ***/ #Sadrzaj p, #Sadrzaj ul, #Sadrzaj dl { line-height: 1.5em; font-size: 1.2em; color: #e5ebb6; padding: 0 20px; } #Sadrzaj dl { margin-top: 1.5em; } .divBox { width: 230px; height: 254px; float: left; margin-right: 10px; background: url(images/sadrzaj/divBox-pozadina.jpg) no-repeat; position: relative; } .divBoxNarucite { margin-right: 0; background: url(images/sadrzaj/divBoxNarucite-pozadina.jpg) no-repeat; } #Sadrzaj h2 { width: 210px; height: 40px; margin: 20px 10px 10px; text-indent: -9999px; } #Sadrzaj h3 { position: absolute; bottom: 0; left: 0; width: 230px; height: 55px; } #Sadrzaj h3 a:link, #Sadrzaj h3 a:visited, #Sadrzaj h3 a:hover, #Sadrzaj h3 a:active { display: block; width: 230px; height: 55px; text-indent: -9999px; } #Sadrzaj h3 a:hover, #Sadrzaj h3 a:active { background-position: 0 -55px; } /* Brosura */ #naslovBrosura { background: url(images/sadrzaj/naslov-brosura.png) no-repeat; } #buttonBrosura a { background: url(images/sadrzaj/button-brosura.png) no-repeat; } /* Upute */ #naslovUpute { background: url(images/sadrzaj/naslov-upute.png) no-repeat; } #buttonUpute a { background: url(images/sadrzaj/button-upute.png) no-repeat; } /* Newsletter */ #naslovNewsletter { background: url(images/sadrzaj/naslov-newsletter.png) no-repeat; } #buttonNewsletter a { background: url(images/sadrzaj/button-newsletter.png) no-repeat; } #BoxNewsletter .formInput { border: 1px solid #7c7c7c; background: #5f5f5f url(images/sadrzaj/formInput-pozadina.gif) repeat; padding: 4px 5px; width: 178px; height: 13px; font-size: 1em; color: #fff; } #BoxNewsletter .formInput:focus { border: 1px solid #ccc; } /* Narucite */ #naslovNarucite { background: url(images/sadrzaj/naslov-narucite.png) no-repeat; } #buttonNarucite a { background: url(images/sadrzaj/button-narucite.png) no-repeat; } /****************** 07/ SLIDER ***/ body #Intro .jcarousel-container { position: relative; width: 950px; height: 345px; z-index: 1; } body #Intro .jcarousel-clip { z-index: 1; overflow: hidden; position: relative; width: 950px; height: 345px; } body #Intro .jcarousel-list { z-index: 1; overflow: hidden; position: relative; width: 950px; height: 345px; } /*body #Intro .jcarousel-next { z-index: 100; background: blue; } body #Intro .jcarousel-prev { z-index: 100; background: red; }*/ /*.jcarousel-skin-slider .jcarousel-container-horizontal { width: 950px; height: 345px; } .jcarousel-skin-slider .jcarousel-clip-horizontal { width: 950px; height: 345px; }*/ /* horizontalni buttoni */ .jcarousel-skin-slider .jcarousel-next-horizontal { position: absolute; top: 132px; right: 20px; width: 26px; height: 81px; cursor: pointer; background: url(images/intro/strelica-D.png) -26px 0 no-repeat; z-index: 100; } .jcarousel-skin-slider .jcarousel-next-horizontal:hover { background-position: 0 0; } .jcarousel-skin-slider .jcarousel-next-horizontal:active { background-position: 0 0; } .jcarousel-skin-slider .jcarousel-next-disabled-horizontal, .jcarousel-skin-slider .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-slider .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -52px 0; z-index: 100; } .jcarousel-skin-slider .jcarousel-prev-horizontal { position: absolute; top: 132px; left: 20px; width: 26px; height: 81px; cursor: pointer; background: url(images/intro/strelica-L.png) -26px 0 no-repeat; z-index: 100; } .jcarousel-skin-slider .jcarousel-prev-horizontal:hover { background-position: -52px 0; } .jcarousel-skin-slider .jcarousel-prev-horizontal:active { background-position: -52px 0; } .jcarousel-skin-slider .jcarousel-prev-disabled-horizontal, .jcarousel-skin-slider .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-slider .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: 0 0; z-index: 100; }