.noviDetalji td { padding: 2px; } /* USAGE 1. Copy and paste the line above, inside and tag 2. Set CSS attributes with the code of each browser/os you want to hack Examples: * html.gecko div#header { margin: 1em; } * .opera #header { margin: 1.2em; } * .ie .mylink { font-weight: bold; } * .mac.ie .mylink { font-weight: bold; } * .[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser] Available OS Codes [os]: * win - Microsoft Windows * linux - Linux (x11 and linux) * mac - Mac OS Available Browser Codes [browser]: * ie - Internet Explorer (All versions) * ie6 - Internet Explorer 6.x * ie5 - Internet Explorer 5.x * gecko - Mozilla, Firefox, Camino * opera - Opera (All versions) * opera8 - Opera 8.x * opera9 - Opera 9.x * konqueror - Konqueror * webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira */ /* CSS Document */ body{ font-family:Arial, Helvetica, sans-serif; background-color:#000; color:#000000; margin-top:0px; margin-left:5px; margin-right:5px; margin-bottom:0px; padding:0px; } .allContent{ background-color: #FFFFFF; border-left: 1px solid #FFF; border-right: 1px solid #FFF; } .logo{ background-image:url(slike/logo.jpg); background-repeat:no-repeat; width:200px; height:75px; } /* .win.ie .allContent, .linux.ie .allContent{ background-color:#FFFFFF; } .win.gecko .allContent, .win.gecko .allContent{ background-color:#FFFFFF; } */ .rss { margin-top:2px; background-image:url(slike/rss_logo.jpg); background-repeat:no-repeat; font-size:12px; font-weight:bold; text-align:left; width:180px; height:175px; vertical-align:top; display:block; text-align:center; } /* STANDARD HTML TAGS */ form {display:block; margin:0px; padding:0px;} table, tr, td, img{ padding:0px; margin:0px; border:0px; } a, a:visited, a:active{ text-decoration:none; color:#FF0000; } a:hover{ color:#FF0000; /*text-decoration:underline;*/ } /* CUSTOM CLASSES */ .vat{ vertical-align:top; } .vab{ vertical-align:bottom; } .vam{ vertical-align:middle; } /* MENU */ .meni td, .podmeni td{ border: 1px solid #FFFFFF; border-left-width: 2px; border-right-width: 2px; vertical-align:middle; } .meni a, .meni a:visited, .meni a:active, .podmeni a, .podmeni a:visited, .podmeni a:active{ color: #CC0000; text-decoration: none; line-height:14px; display:block; border-bottom: 1px solid #FFFFFF; border-top: 1px solid #FFFFFF; border-left: 2px solid #FF7777; border-right: 2px solid #FF7777; } .meni a, .meni a:visited, .meni a:active{ /*font: 14px verdana, arial, sans-serif;*/ font-size:14px; padding:0px 0px 0px 22px; background: #DDDDDD url("slike/arrow.gif") 7px 45% no-repeat; font-weight: bold; } .podmeni a, .podmeni a:visited, .podmeni a:active{ /*font: 13px verdana, arial, sans-serif;*/ font-size:13px; padding:0px 0px 0px 47px; background: #EEEEEE url("slike/arrowm.gif") 32px center no-repeat; font-weight: normal; } .meni a:hover, .podmeni a:hover{ display:block; color:#FFFFFF; font-weight:bold; border-bottom: 1px solid #000000; border-top: 1px solid #FFAAAA; border-left: 2px solid #FFAAAA; border-right: 2px solid #FFAAAA; text-decoration:none; } .meni a:hover {background: #CC0000 url("slike/arrow.gif") 10px 45% no-repeat;} .podmeni a:hover {background: #CC0000 url("slike/arrowm.gif") 35px center no-repeat;} .meni_selected {background-color:#CC5555 !important;color:#FFFFFF !important;} .podmeni_selected{background-color:#FF5555 !important;color:#FFFFFF !important;} /* SITE FOOTER */ .footer{ background-image:url(slike/footer.gif); background-repeat:repeat; height:23px; font-size:10px; color: #FFFFFF; vertical-align:top; } .footer DIV { padding-top: 3px; } /* LEFT/RIGHT BANER CONTAINER*/ .baneri{ padding-bottom:3px; padding-top:3px; vertical-align:bottom; } /* MAIN BANER CONTAINER*/ .banerg{ padding-bottom:7px; padding-right:0px; } /* ANKETA */ .anketa_container{ margin-top: 3px; margin-bottom: 3px; font-size:12px; vertical-align:top; } .anketa{ text-align:left; padding-left:20px; width:180px; } .anketa_pitanja{ list-style-type:none; padding:0px; margin:0px; } /* PRETRAGA OGLASA */ .pretraga_oglasa_container{ margin-top: 3px; margin-bottom: 3px; } /* HEADER BOTTOM LINE */ .header_bottom_line{ padding-bottom:4px; } /* LEFT/RIGHT VERICAL SEPARATOR */ .side_vertical_separator{ width:185px; height:10px; } .side_vertical_separator DIV{ overflow:hidden; height:10px; background-image:url(slike/separator_small.gif); background-repeat:repeat-y; } .content_vertical_separator{ width: 600px; height: 3px; } .content_vertical_separator DIV{ overflow:hidden; height:3px; background-image:url(slike/separator_big.gif); background-repeat:repeat-y; } .lajsnice{ padding-bottom:1px; padding-top:1px; } /* PAGE CONTENT */ .sadrzaj{ background-color:#FEFEFE; vertical-align:top; text-align:justify; padding:3px; padding-bottom:1px; } /* VEST */ .vesti{ text-align:justify; font-size:14px; background-color:#EFEFEF; } .vest_naslov, .izabrana_vest_naslov{ font-size:14px; padding:0px; margin:0px; margin-bottom:3px; background-color:#DDD; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; text-align:left; padding-left:5px; } .izabrana_vest_naslov{ text-decoration:none; color:#FF0000; } .vest_naslov:hover, .vest_naslov a:hover{ font-size:14px; /*text-decoration:underline;*/ padding:0px; margin:0px; margin-bottom:3px; text-align:left; } .vest_naslov:hover{ padding-left:5px; } .slvestl, .slvestc, .slvestd, .image_thumbnail img{ border-width:3px; border-color:#AAA; border-style:groove; } .slvestl{float:left; margin-right:3px;} .slvestd{float:right; margin-left:3px;} .footv{ font-size:14px; font-weight:bold; background-color: transparent; text-align:right; margin:0 0 3px; padding:0; } /* CONTENT */ .content_title{ background-color:#FFFFFF; color:#FF0000; padding:0px; font-size:18px; vertical-align:middle; margin:0px; margin-bottom:5px; margin-top:5px; text-align:center; } .content_table{ margin-top:7px; font-size:14px; background-color:#EFEFEF; color:#000000; } .content_table a{ font-weight:bold; line-height:15px; color:#000000; } .content_table a:hover{ font-weight:bold; color:#FF0000; text-decoration:none; } /* KONTAKT */ .kontakt{ font-size:12px; } .kontakt_input{ margin:0px; padding-right:0px; padding-left:100px; text-align:left; } .member_line{ padding:0px; margin:0px; margin-top:2px; margin-bottom:2px; } /* H4 STATUS */ .h4ok{ margin:0px; padding:0px; color:#000000; padding-top:10px } .h4err{ margin:0px; padding:0px; color:#FF0000; padding-top:10px } /* STATUS */ .glasanje_status{ text-align:center; padding:0px; margin:0px; padding-top:3px; font-size:16px; } .marketing_usluga_status, .anketa_odgovor_status{ text-align:left; background-color:#DDDDDD; padding-left:10px; padding-right:10px; } .status_data{ text-align:right; background-color:#DDDDDD; padding-left:10px; padding-right:10px; } .page_numbers{ font-size:12px; font-weight:bold; } /* GALRIJE */ .galerije_tipovi{ margin-top:7px; font-size:14px; background-color:#EFEFEF; color:#000000; } .galerije_tipovi a,.galerije_tipovi a:visited,.galerije_tipovi a:active{ color:#000000; vertical-align:middle; padding-left:7px; font-weight:bold; line-height:15px; } .galerije_tipovi a:hover{ color:#FF0000; } .image_thumbnail{ text-align:left; font-weight:bold; color:#333333; font-size:14px; padding-bottom:1px; padding-top:3px; } .galerija_opis{ font-weight:bold; color:#333333; font-size:14px; padding-bottom:1px; padding-top:3px; vertical-align:top; text-align:justify; padding:3px; } /* POLOVNI AUTOMOBILI */ .pretraga_oglasa{ font-size:12px; padding:0px; margin-top:3px; } .oglas_naslov{ font-size:14px; padding:0px; padding-left:5px; margin:0px; margin-bottom:3px; background-color:#DDD; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; text-align:left; text-decoration:none; } .oglas_detalji{ padding:2px; margin:1px; vertical-align:middle; height:10px; border-bottom:1px #FF0000 solid; } .oglas_kontakt{ padding:2px; margin:1px; border:1px #FF0000 solid; border-top:0px; } .dodajOglas,.dodajOglas:visited,.dodajOglas:active{ color:#FFFFFF; font-weight:bold; display:block; background-color:#FF0000; cursor:pointer; } .dodajOglas:hover{ color:#DDDDDD; } .dodajAuto{ margin:0px; padding-right:3px; padding-left:50px; text-align:right; font-size:12px; } #sos{ border:0px #FF0000 solid; background-color:#EFEFEF; color:#000000; font-size:12px; font-weight:bold; padding-top:3px; } /* BODOVNE TABELE */ .table_font{ font-size:11px; font-weight:bold; } /* EXCEL TABLES */ .xlstable{ margin:3px; background-color:#ffffff; color: #000000; border-collapse:collapse; border: 1px solid #888888; } .xlstable TR{ height: 20px; } .xlstable>TR{ height: 25px; } .xlstable TD{ padding: 2px; padding-left:3px; padding-right:3px; white-space:pre; /*border: 1px solid #ff0000;*/ border-left: 1px solid #888888; border-right: 1px solid #888888; text-align:left; } .xlsTableContainer{ /*background-color:#888888;*/ width:584px; padding-left:4px; overflow-x: auto; } /* ADDONS */ .addon_header DIV{ background-image:url(slike/addon_header_m.png); background-repeat:repeat-x; /*height:26px;*/ height:20px; } .anketa_header{ background-position: 0px 0px; } .slika_nedelje_header{ /*background-position:0 -27px*/ background-position: 0px -21px; } .pretraga_oglasa_header{ /*background-position:0 -54px*/ background-position: 0px -42px; } .vladanp_header{ /*background-position:0 -81px*/ background-position: 0px -63px; } .vladanp_footer{ /*background-position:0 -108px*/ background-position: 0px -84px; } .slika_test_header{ /*background-position:0 -135px*/ background-position: 0px -105px; } .anketa_addon_box { border: 1px solid #FF0000; border-top:1px solid #883333; padding: 3px; width: 180px; font-size: 12px; } .slika_nedelje_addon_box, .slika_test_addon_box, .vladanp_addon_box{ border: 1px solid #FF0000; border-top:1px solid #883333; width: 180px; } .pretraga_oglasa_addon_box { border: 1px solid #FF0000; border-top:1px solid #883333; padding: 3px; width: 180px; font-size:12px; } .anketa_addon_box INPUT{ font-size:11px; } .pretraga_oglasa_addon_box INPUT, .pretraga_oglasa_addon_box SELECT{ font-size:11px; } .slika_nedelje_container, .slika_test_container, .vladanp_container { margin-top: 3px; margin-bottom: 3px; } /*************** PAGINATION ***************/ .page_number, .page_number_selected{ border: 1px solid #CCC; display:inline-block; margin: 1px; padding-left: 2px; padding-right: 2px; background-color:#FF0000; color:#FFFFFF; width: 22px; } .page_number:hover, .page_number:visited, .page_number:active {color: #FFFFFF;} .page_number_selected{background-color:#666666;} /**************** CALENDAR ****************/ .calendar { position:absolute; width: 42px; height: 42px; } .calendar-day { font-weight: bold; font-size: 1.3em; color: #000; width: 42px; text-align:center; padding-top: 14px; } .date_container{display:block; width:40px;} .calendar-icon-01, .calendar-icon-02, .calendar-icon-03, .calendar-icon-04, .calendar-icon-05, .calendar-icon-06 , .calendar-icon-07, .calendar-icon-08, .calendar-icon-09, .calendar-icon-10, .calendar-icon-11, .calendar-icon-12{ position:absolute; margin-top:-1px; margin-left:-4px; } .calendar-icon-01{background: url('slike/months/01.gif');} .calendar-icon-02{background: url('slike/months/02.gif');} .calendar-icon-03{background: url('slike/months/03.gif');} .calendar-icon-04{background: url('slike/months/04.gif');} .calendar-icon-05{background: url('slike/months/05.gif');} .calendar-icon-06{background: url('slike/months/06.gif');} .calendar-icon-07{background: url('slike/months/07.gif');} .calendar-icon-08{background: url('slike/months/08.gif');} .calendar-icon-09{background: url('slike/months/09.gif');} .calendar-icon-10{background: url('slike/months/10.gif');} .calendar-icon-11{background: url('slike/months/11.gif');} .calendar-icon-12{background: url('slike/months/12.gif');} /**************** LATEST ****************/ .banerSL, .banerSD{ display:none; } .latestNews{ border-top:1px solid #CC0000; padding-top:3px; width:984px; margin-top:0px; } .latestHeader{ background-image:url('slike/latesth.gif'); background-repeat:repeat-x; height:16px; vertical-align:middle; } .latestTitle{ position:absolute; margin-top:-4px; margin-left:20px; padding-left:7px; padding-right:7px; color:#EA3333; background-color:#FFFFFF; font-weight:bold; font-size:20px; text-transform:uppercase; line-height:26px; } .latest_item{ margin:0px; padding:0px; margin-left:5px; font-size:12px; font-weight:normal; line-height:14px; text-align:left; } .latest_item a{ color:#AA3333; } .latest_item a:hover{ color:#FF3333; text-decoration:underline; } DIV P{ margin:0px; }