/******************************************* master CSS file @ www.ezadar.com copyright (c) web.burza.hr 2007. *******************************************/ * { margin: 0; padding: 0; } html { height: 100%; margin-bottom: .01em; font: 62.5%/1.4 Arial, Helvetica, sans-serif; color: #444; background: #eaf5fa url(cssimg/l/bg.jpg) repeat-x 0 32px; /* 34*/} body { overflow-x: hidden; background: url(cssimg/l/hollysmoke.jpg) no-repeat 50% 32px; }/* */ table { font-size: 1em; border-collapse: collapse; } .skippers { position: absolute; left: -9999px; top: -9999px; } a { color: #00548e; } a:focus, a:hover { color: #f00 !important; text-decoration: none; outline: none; } h1, h2, h3, h4 { font-weight: normal; } a img, fieldset { border: 0; } legend { display: none; } .structural { position: absolute; top: -9999px; left: -9999px; } textarea, .input_text { padding: 3px; font: 1.2em/1.4 Arial, Verdana, sans-serif; border: 1px solid #C3C3C3; border-color: #777 #aaa #ddd #aaa; background: #fff url(/css/cssimg/input_text.gif) repeat-x 0 0; } .input_text:focus, textarea:focus { border: 1px solid #6be; } .input_image { outline: none; } #header { position: relative; float: left; /*overflow-x: hidden;*/ overflow: hidden; width: 994px; height: 96px; background: url(cssimg/l/hdr.jpg) no-repeat 0 0; } #logo { float: left; overflow: hidden; width: 138px; height: 51px; margin: 31px 0 0 24px; background: url(cssimg/l/logo.gif) no-repeat 0 0; } a#logo { display: block; } #logo img { position: absolute; top: -9999px; } #weather_box { position: absolute; top: 14px; left: 586px; width: 170px; height: 54px; padding: 14px; background: url(cssimg/l/weather_box.gif) no-repeat 0 0; } #weather_box a { display: block; outline: none; width: 170px; height: 54px; text-decoration: none; cursor: pointer; background: url(cssimg/l/weather_box.gif) no-repeat -14px -14px; } #weather_icon { float: left; width: 40px; height: 28px; padding-bottom: 3px; background: #fff; } #weather_date { float: right; display: inline; width: 125px; margin-right: -10px; padding-top: 11px; text-align: center; color: #7b7b7b; } #weather_desc { float: right; display: inline; width: 125px; margin-right: -10px; padding-top: 12px; text-align: center; color: #7b7b7b; } #celsius { float: left; clear: left; width: 45px; font-weight: bold; font-size: 14px; text-align: center; color: #006aad; } #weather_box a:focus #celsius, #weather_box a:hover #celsius { color: #f00; } #search_form { float: right; width: 198px; height: 82px; margin-top: 14px; background: url(cssimg/l/search_box.gif) no-repeat 0 0; } #login_korisnik_body.logged_out #search_form, #profile_korisnik_body.logged_out #search_form { background: url(cssimg/l/search_box_short.gif) no-repeat 0 0; } #search_form label { float: left; width: 133px; padding: 40px 0 0 18px; } /* total width: 151px */ #search_form label em, #search_form .input_hidden { position: absolute; left: -9999px; } #search_form label span { } #search_form .input_text { width: 130px; padding: 0 !important; border: 0 !important; background: transparent !important; } #search_form .input_image { float: left; display: inline; margin: 35px 0 0 10px; } #main_nav { float: left; width: 790px; overflow: hidden; padding-bottom: 2px; background: #fff url(cssimg/l/main_nav_bottom.gif) no-repeat 0 100%; } #main_nav ul { float: left; width: 790px !important; background: #c2dceb url(cssimg/l/main_nav_neu.gif) no-repeat 0 0; } #main_nav li { position: relative; float: left; display: inline; padding: 11px 0 8px; } #main_nav li a { float: left; height: 19px; padding-left: 1px; font: bold 15px/1.4 Arial, sans-serif; text-align: center; color: #0077be; background: url(cssimg/lines/pipe.gif) no-repeat 0 0; } #main_nav li.active { height: 5.5em; padding: 11px 0 0; } #main_nav li.active a { color: #f00; } #mn_naslovnica { height: 19px !important; } #mn_naslovnica a { padding-left: 5px !important; background: none !important; } #mn_o-zadru { float: right !important; } #mn_vodic { float: right !important; } #main_nav .subnav { position: absolute; top: 40px; left: -50px; float: left; background: none; } /* bg: #e4eef7 */ #main_nav .reverse { right: 0; left: auto; float: right; } #main_nav .reverse li { float: right; } #main_nav .subnav li { padding: 0; background: url(cssimg/l/subnav.gif) no-repeat 0 3px; } #main_nav .subnav li.first-child { background-position: -1px 3px; } #main_nav .subnav li a { padding: 5px 10px 4px 11px; font-weight: normal; font-size: 1.1em; color: #006bac; background: none; } #main_nav .subnav li.active { height: auto; padding: 0; } #main_nav .subnav li.active a { background: url(cssimg/l/subnav_active.gif) no-repeat 50% 0 !important; } #leaderboard_box { float: left; clear: left; overflow: auto; width: 734px; padding: 10px 28px; border-bottom: 3px solid #fff; background: #f0f8fb url(cssimg/l/leaderboard_start.gif) repeat-x 0 0; } #leaderboard { float: left; width: 728px; height: 90px; padding: 3px; background: #fff; } /*** SERVICE INFO 198 x 160 ***/ #service_info_box { float: right; display: inline; width: 162px; /*v1: margin-right: 5px;*/ margin-bottom: 10px; padding: 8px 14px; background: url(cssimg/l/service_info_bkg.gif) no-repeat 0 0; /* regarding overlap with sponsored_article: */z-index: 1; position: relative; } #service_info_box.short { background: url(cssimg/l/service_info_homepage.gif) no-repeat 0 0 !important; } #homepage_sitemap_body #service_info_box { margin: -5px 0 6px; /*z-index: 2; position: relative; */} #service_info_box h4 { font-weight: normal; padding: 2px 0 5px; font-size: 9px !important; text-transform: uppercase; color: #006aad; } #scroller { clear: left; height: 148px; margin-bottom: 3px; overflow: auto; overflow-x: hidden; } #service_info_box .short #scroller { height: 115px !important; } #scroller div#scroller_inner { width: 162px; } #scroller div#scroller_inner p { width: 133px; } #scroller.has_JS div#scroller_inner { overflow: hidden; position: absolute; } #scroller.has_JS div#scroller_inner p { width: 147px; } #service_info_box p { width: auto; padding: .7em 2px; font-size: 11px; line-height: 15px; border-bottom: 1px dotted #c9c9c9; } #scroll_stopper { float: right; font-weight: normal; font-size: 9px; } #scroll_stopper.hide { display: none; } #scroll_stopper a { color: #888; text-decoration: none; } #sizer { width: 999px; margin: 0 auto; background: url(cssimg/l/content_790.gif) repeat-y 0 0; } #sizer:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #content { clear: both; float: left; width: 790px; height: auto !important; height: 400px; min-height: 400px; padding-bottom: 8px; /* + 2px footer background image */ background: url(cssimg/l/content_start.gif) no-repeat 0 0; } #content:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #content h1, #content h2, #content h3, #content h4 { font-size: 1.2em; color: #f00; } #content label, #content legend, #content li, #content p { font-size: 1.2em; } /* temp stuff - move it to main_content later on */ #content p, #content ul, #content ol { margin-bottom: 1.4em; } #content li { margin-left: 20px; } #content th, #content td { padding: 4px; vertical-align: top; } #footer { float: left; clear: both; width: 990px; } #footer_grid { float: left; background: url(cssimg/l/footer_top_new.gif) no-repeat 0 0; } #bottom_nav { float: left; width: 990px; padding: 20px 0 0; } #bottom_nav ul { float: left; padding: 0 5px 5px; margin: 0; } #bottom_nav li { list-style: none; float: left; display: inline; font-size: 1.1em; } #bottom_nav li a { display: block; padding: 0 3px; } #bottom_nav li.first-child a { border: 0; padding-left: 5px; } #infolinks { float: right !important; } #infolinks a { } #credits { float: left; clear: both; width: 990px; background: url(cssimg/l/footer_bottom_new.gif) no-repeat 0 100%; } #copyright { float: left; width: 570px; padding: 5px 10px 20px; font-size: 1.1em; color: #999; } #siteby { float: right; width: 180px; padding: 12px 10px 20px; font-size: 1.1em; text-align: right; } #siteby img { vertical-align: bottom; } /*** FRIENDS ***/ #friends { float: left; clear: both; width: 990px; padding-top: 20px; background: #fff url(cssimg/l/friends_top.gif) no-repeat 0 0; } #friends p { float: left; width: 70px; height: 37px; padding: 3px 0 10px 10px; font-size: 1em; color: #999; line-height: 1; background: url(cssimg/l/friends_bottom.gif) no-repeat 0 100%; } #friends ul { float: left; width: 900px; margin-top: -8px; padding: 0 10px 10px 0; list-style: none; background: url(cssimg/l/friends_bottom.gif) no-repeat 100% 100%; } #friends ul li { float: left; display: inline; margin: 8px 0 0 10px; } #friends ul li img { display: block; } #main_content { float: left; padding: 10px 0 0 10px; } #main_content h1 { font-family: Arial, Helvetica, sans-serif; } #friends #modahr { margin: 6px 0 0 3px; } #friends #antena_zadar { margin: 8px 10px 0 10px; } #homepage_sitemap_body #content, #category_frontpage_clanak_body #content { width: 990px; padding-bottom: 0 !important; } #homepage_sitemap_body #main_content, #category_frontpage_clanak_body #main_content { float: left; width: 980px !important; padding: 10px 0 0 10px; background: url(cssimg/l/category_main_bottom.gif) no-repeat 0 100%; } .category_listing { float: left; width: 580px; margin-bottom: 20px; } .category_listing dl { float: left; clear: both; width: 580px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; } .category_listing dt { float: right; width: 390px; font-weight: bold; font-size: 1.2em; } .category_listing dd { font-size: 1.2em; } .category_listing dd.entity_image { float: left; width: 180px; text-align: right; } .category_listing dd.entity_image a { float: right; } .category_listing dd.entity_image img { border: 1px solid #fff; margin: 0; } .category_listing dd.entity_meta { font-style: italic; font-size: 1.1em; margin-bottom: .8em !important; } .category_listing dd.entity_meta, .category_listing dd.entity_teaser, .category_listing dd.entity_content { float: right; width: 390px; } dd.top_link { float: right; clear: both; width: 390px; padding: 1.4em 0; line-height: 1.4em; } dd.top_link a { padding-left: 12px; text-decoration: none; color: #00548e; background: url(cssimg/icons/top.gif) no-repeat 0 30%; } .entity_meta a { color: #39b44a !important; } .entity_meta a:focus, .entity_meta a:hover { color: #f00 !important; } .pagination { float: left; display: inline; clear: both; width: 390px; margin-left: 190px; padding: .9em 0 1.8em; background: url(cssimg/lines/dots_h.gif) repeat-x 0 0; } .pagination .prev, .pagination .next { font-size: 1.1em; line-height: 1.6; padding: 0 5px; } .pagination .prev { float: left; } .pagination .next { float: right; } .pagination .pages { margin: 0 100px !important; text-align: center; } .pagination .pages a, .pagination .pages strong { display: inline; padding: 0 .4em; } .pagination .pages strong { color: #f00; } .featured_listing a { text-decoration: none; } .featured_listing a:focus, .featured_listing a:hover { text-decoration: underline; } .featured_listing { float: left; width: 390px; overflow: hidden; } .featured_listing dl { float: left; width: 100%; padding: 11px 0; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 0; } .featured_listing dt { float: right; width: 290px; font-weight: bold; font-size: 1.4em; line-height: 1.2; color: #0077be; } .featured_listing dt a { color: #0077be; text-decoration: none; } .featured_listing dd { font-size: 1.2em; } .featured_listing .entity_image { float: left; width: 90px; line-height: 0; } .featured_listing .entity_image a { float: left; } .featured_listing .entity_image img { border: 1px solid #fff; } .featured_listing .entity_meta { float: right; width: 290px; margin-bottom: 1em; font-style: italic; font-size: 1.1em; line-height: 1.5; color: #7c7c7c; } .featured_listing .entity_meta img { float: left; margin: 0 5px 0 0; } .featured_listing .entity_teaser { float: right; width: 290px; font-size: 1.1em; } .entity_has_icon { width: 180px !important; } .entity_icon { float: right; line-height: 0; margin-top: 3px; } .entity_has_icon .entity_meta, .entity_has_icon dt { float: left; width: 145px !important; } #results_tag_body #content, #category_listing_clanak_body #content { padding-bottom: 0; } #results_tag_body #main_content, #view_korisnik_body #main_content, #category_listing_clanak_body #main_content { margin-right: 10px; width: 770px; padding: 10px; background: url(cssimg/l/category_main_bottom.gif) no-repeat 0 100%; } #category_listing_clanak_body #main_content h1 { margin-right: 10px; } #results_tag_body #main_content .featured_listing, #category_listing_clanak_body #main_content .featured_listing { float: left; width: 770px; } #results_tag_body #main_content .featured_listing dl { width: 380px; } #category_listing_clanak_body #main_content .featured_listing dl { width: 370px; margin-right: 15px; } #category_listing_clanak_body #main_content .featured_listing dl.even { margin-right: 0; } #category_listing_clanak_body #main_content .featured_listing dl dt, #category_listing_clanak_body #main_content .featured_listing dl dd.entity_meta, #category_listing_clanak_body #main_content .featured_listing dl dd.entity_teaser { width: 270px; } #results_tag_body #main_content .featured_listing dl.odd, #category_listing_clanak_body #main_content .featured_listing dl.odd { float: left; clear: both; } #results_tag_body #main_content .featured_listing dl.even #category_listing_clanak_body #main_content .featured_listing dl.even { float: right; clear: right; } #results_tag_body #main_content .featured_listing .first-child, #results_tag_body #main_content .featured_listing .second-child, #category_listing_clanak_body #main_content .featured_listing .first-child, #category_listing_clanak_body #main_content .featured_listing .second-child { background: none; padding-top: 0; } #results_tag_body #main_content .featured_listing dt, #category_listing_clanak_body #main_content .featured_listing dt, #results_tag_body #main_content .featured_listing dd.entity_teaser, #category_listing_clanak_body #main_content .featured_listing dd.entity_teaser, #results_tag_body #main_content .featured_listing dd.entity_meta, #category_listing_clanak_body #main_content .featured_listing dd.entity_meta { width: 280px; } #results_tag_body #main_content .pagination, #category_listing_clanak_body #main_content .pagination { width: 770px; margin: 0;} #results_tag_body #main_content .pagination p, #category_listing_clanak_body #main_content .pagination p { margin-bottom: 0 !important; } #category_listing_clanak_body #sponsored_by { width: 200px !important; margin: 0 0 10px !important; } #category_listing_clanak_body #sponsored_by p { width: 180px !important; } #category_listing_clanak_body #sponsored_by #category_sponsor { } #category_listing_clanak_body #sponsored_by #category_sponsor a { width: 170px !important; } #featured_news { float: left; width: 380px; margin-right: 10px; } #homepage_sitemap_body #featured_news { width: 380px; margin: 0 !important; } #top_news a { color: #f00; text-decoration: none; } #top_news a:focus, #top_news a:hover { color: #0077be; text-decoration: underline; } #top_news .entity_meta { float: left; width: 370px; margin: 0 0 2px !important; font-style: italic; font-size: 1.1em; } #top_news .entity_meta a { color: #f00; } #top_news img { display: block; border: 1px solid #fff; margin-bottom: .7em; } #homepage_sitemap_body #top_news img { padding: 0 6px 6px 0; border: 0; /* border: 6px solid #e3f7fb; border-top-width: 1px; */ } #top_news p { margin: 0 0 .7em !important; padding: 0 5px; font-size: 1.1em; } #top_news .h1 { margin-bottom: .2em !important; padding: 0 5px; font: bold 1.8em/1 Arial, Helvetica, sans-serif; letter-spacing: -1px; } #top_news p.entity_meta img { float: left; border: 0 !important; margin: 0 5px 0 0 !important; } #homepage_sitemap_body .featured_listing { width: 380px; } #homepage_sitemap_body dt { width: 280px; } #homepage_sitemap_body .featured_listing .entity_meta { width: 280px; } #homepage_sitemap_body .featured_listing .entity_teaser { width: 280px; } #category_frontpage_clanak_body .featured_listing { width: 380px; } #category_frontpage_clanak_body dt { width: 280px; } #category_frontpage_clanak_body .featured_listing .entity_meta { width: 280px; } #category_frontpage_clanak_body .featured_listing .entity_teaser { width: 280px; } #zadar_news { float: left; width: 180px; margin: 0 10px 1.4em 0; } #zadar_news a { text-decoration: none; } #zadar_news h4 { width: 175px; padding-right: 5px; font-size: 1.1em; text-transform: uppercase; color: #fff; background: #00adef url(cssimg/tabs/t/blue_right.png) no-repeat 100% 0 !important; } #zadar_news h4 span { display: block; padding: 4px 5px 2px 10px; font-weight: bold; font-size: 11px; text-transform: uppercase; text-shadow: #666 2px 2px 1px; color: #fff !important; background: url(cssimg/tabs/t/blue_left.png) no-repeat 0 0 !important; } #main_content #zadar_news h4 span a, #main_content #zadar_news h4 span a:hover { color: #fff !important; } #zadar_news dl { list-style: none; float: left; width: 170px !important; padding: 5px; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 0; } #zadar_news .first-child { background: url(cssimg/tabs/kolumna_base.gif) no-repeat 0 0; padding-top: 10px; } #zadar_news dt { width: 170px; font-size: 1.1em; } #zadar_news dt a { display: block; color: #0077be; } #zadar_news dd.entity_meta { font-style: italic; font-size: 1.1em; color: #959595; } #zadar_news dd.entity_meta img { vertical-align: baseline; margin: 0 0 -1px !important; padding: 0 0 0 2px; border: 0 !important; } #featured_stories { float: right; width: 390px; padding-left: 11px; background: url(cssimg/lines/dots_vert_c9c9c9.gif) repeat-y 0 0; } #kolumna_interview { float: left; width: 180px !important; height: auto !important; height: 314px; min-height: 314px; margin-right: 10px; background: url(cssimg/boxes/poll.gif) no-repeat 100% 100%; } #kolumna_interview h4 { padding: 5px; text-transform: uppercase; border-top: 1px dotted #ccc; } #kolumna_interview dt a { font-weight: bold; color: #0077be; text-decoration: none; } #kolumna_interview img { border: 1px solid #fff; } #kolumna_interview .entity_image { margin-bottom: 5px; } #kolumna_interview .entity_image a { line-height: 0; float: left; border: 0; } #kolumna_interview .entity_meta { font-style: italic; font-size: 1.1em; line-height: 1.5; margin: 0; color: #606060; } #kolumna_interview .entity_teaser { padding-bottom: 10px; } #kolumna_interview .tablist { width: 180px; padding: 0 0 7px 0; background: url(cssimg/tabs/kolumna_base.gif) no-repeat 0 100%; } #kolumna_interview .tablist li { background-image: url(cssimg/tabs/t/blue_right.png); } #kolumna_interview .tablist li a { background-image: url(cssimg/tabs/t/blue_left.png); } li#kolumna_tl { background-color: #036cad; } li#interview_tl { background-color: #004a79; } #infobar { float: right; display: inline; width: 190px; } #homepage_sitemap_body #infobar { float: left; margin-left: 10px; } #homepage_sitemap_body #currences_box { margin-top: -5px; z-index: 2; position: relative; } #currences_box { float: left; width: 190px; padding-bottom: 9px; margin-bottom: 10px; background: url(cssimg/boxes/currency_bottom.gif) no-repeat 0 100%; } #currences_box .box { float: left; width: 190px; background: url(cssimg/boxes/currency_top.gif) no-repeat 0 0; } #currences_box .h4 a { display: block; height: 47px; text-indent: -9999px; overflow: hidden; } #currences_box table { width: 170px; margin: 0 10px 0; } #currences_box th, #currences_box td { padding: 2px 5px; } #currences_box th { text-align: left; } #currences_box td { text-align: right; } #currences_box .odd { background: #f3f9fc; } .sponsored_article_box { float: left; width: 190px; margin-bottom: 10px; padding: 5px 0 0 0; background: url(cssimg/boxes/sponsored_article_top.gif) no-repeat 0 0; } #homepage_sitemap_body .sponsored_article_box { /*margin-top: -5px; z-index: 2; position: relative; margin-bottom: 15px;*/ } .sponsored_article_box .h4 { width: 175px; padding-right: 5px; margin: 0 0 0 5px; font-size: 1.2em; text-transform: uppercase; color: #fff; background: #d50000 url(cssimg/tabs/t/white_right.png) no-repeat 100% 0; } .sponsored_article_box .h4 span { display: block; padding: 3px 5px 3px 10px; font-weight: bold; font-size: 11px; text-transform: uppercase; text-shadow: #666 2px 2px 1px; color: #fff !important; background: url(cssimg/tabs/t/white_left.png) no-repeat 0 0; } .sponsored_article_box dl { position: relative; width: 180px; padding: 0 5px 8px; padding-top: 12.5em; background: url(cssimg/boxes/sponsored_article_bottom.gif) no-repeat 0 100%; } .sponsored_article_box dt { width: 170px !important; padding: 10px 5px 0; } .sponsored_article_box dt a { font-weight: bold; color: #0077be; text-decoration: none; font-size: 1.2em; } .sponsored_article_box dd { width: 170px; padding: 0 5px; } .sponsored_article_box .entity_image { position: absolute; top: 0; width: 180px; padding: 0; line-height: 0; padding-top: 8px; background: url(cssimg/tabs/kolumna_base.gif) no-repeat 0 0; } .sponsored_article_box img { border: 1px solid #fff; } #calender_box { float: left; width: 190px; margin-bottom: 10px; text-align: center; background: url(cssimg/xtra/dogodilo_se_bottom.gif) no-repeat 0 100%; } #calender_box h4 { position: absolute; left: -9999px; } #calender_box p { font-size: 1.1em; margin: 0; text-transform: uppercase; } #calender_box p a { display: block; padding: 51px 10px 12px; font-weight: normal; text-decoration: none; color: #000 !important; background: url(cssimg/xtra/dogodilo_se_top.gif) no-repeat 0 0; } #calender_box p strong { display: block; font-weight: normal; color: #ff7e00; } #horoscope_box { float: left; width: 190px; padding: 0 0 2px; background: url(cssimg/xtra/horoscope_bottom.gif) no-repeat 0 100%; } #horoscope_box h4 { position: absolute; left: -9999px; } #horoscope_box p { float: left; width: 190px; margin: 0; font-size: 1.1em; background: url(cssimg/xtra/horoscope_top.gif) no-repeat 0 0; } #horoscope_box a { float: left; width: 175px; padding: 5px 10px 5px 5px; text-decoration: none; color: #00548e !important; } #horoscope_box img { float: left; margin: 0 5px 0 0; } #horoscope_box strong { display: block; padding-top: .6em; font-weight: normal; color: #ff7e00; text-transform: uppercase; } #view_horoskop_body .date_range { font-weight: normal; } #logout_box, #login_box { float: right; display: inline; width: 170px; height: 171px; overflow: hidden; margin-right: 5px; padding: 13px 14px 8px 14px; background: url(cssimg/l/login_box.gif) no-repeat 0 0; z-index: 1; position: relative; } #logout_box.short, #login_box.short { height: 139px; background: url(cssimg/l/login_box_homepage.gif) no-repeat 0 0; } #login_box h4, #login_box .h4 { font-weight: normal; padding: 2px 0 5px; font-size: 9px; text-transform: uppercase; color: #006aad; } #login_box form { float: left; width: 100%; margin: 0; padding: 0; } #login_box fieldset { float: left; width: 100%; } #login_box .field { float: left; width: 100%; padding-bottom: 5px; } #login_box .input_text { float: left; width: 160px; font-size: 1.1em; } #login_box label { font-size: 1em; } #login_box .remember_me { padding-top: 5px; } #login_box .remember_me label { padding-left: 3px; } #login_box p { clear: both; position: relative; } #login_box p a { color: #0077be; } #login_box #register_link { position: absolute; top: 13px; right: 48px; background: url(cssimg/lines/pipe.gif) no-repeat 0 50%; padding-left: 12px; clear: both; } #login_box .buttons_holder { float: right; width: 60px; margin: -23px 0; padding: 0; text-align: right; } #login_box .buttons_holder input { position: relative; left: -3px; } #login_box.has_JS fieldset { padding-top: 12px; } #login_box.has_JS .remember_me { padding-top: 7px; } #login_box.has_JS label { position: absolute; top: -9999px; left: -9999px; } #login_box.has_JS .remember_me label { position: static; } #login_box.has_JS p { padding-top: 10px; } #logout_box {} #logout_box .h3 { margin-top: 10px; font-size: 1.2em; } #logout_box .h3 span { color: #f00; } #logout_box .h3 #username { color: #444; } #logout_box ul { padding-top: 5px; list-style: none; } #logout_box li { font-size: 1.1em; padding-top: 3px; } #logout_box li a { color: #0077be; } .featured_galleries { float: left; clear: both; width: 390px; margin-top: 8px; } /* 390 x 235 */ #category_secondary_content .featured_galleries { clear: none; margin-top: -7px; } .featured_galleries li { list-style: none; margin: 0 !important; } .featured_galleries .h2 { position: static; left: 0; float: left; width: 363px !important; padding: 17px 15px 8px 12px; font-size: 1.1em; text-align: right; background: url(cssimg/photo/gallery_featured_top.gif) no-repeat 0 0; } .featured_galleries .h2 a { font-weight: bold; color: #fff !important; text-decoration: none; } .featured_galleries .h2 a:focus, .featured_galleries .h2 a:hover { text-decoration: underline; } #photo_button { float: left; margin-top: -3px; } .featured_galleries .featured_gallery { float: left; background: url(cssimg/photo/gallery_featured_bottom.jpg) no-repeat 100% 100%; padding-bottom: 13px; } .featured_galleries .featured_gallery ul { float: left; width: 366px; padding: 0 0 0 12px; margin: 0 !important; } .featured_galleries .featured_gallery li { float: left; line-height: 0; overflow: hidden; } .featured_galleries .featured_gallery li a { display: block; text-indent: -9999px; overflow: hidden; border: 2px solid #fff; } .featured_galleries .first-child { width: 272px; height: 182px; margin-right: 6px !important; background-position: 2px 2px !important; } .featured_galleries .first-child a { height: 178px; } .featured_galleries .even-child, .featured_galleries .third-child { float: right; width: 88px; height: 88px; background-position: 0 0 !important; } .featured_galleries .even-child { margin: 0 0 6px 0 !important; } .featured_galleries .third-child { margin: 0 !important; } .featured_galleries .even-child a, .featured_galleries .third-child a { height: 84px; } .listed_galleries { float: left; clear: both; width: 389px; margin: -2px 0 0 1px; background: url(cssimg/photo/other_bottom.gif) no-repeat -5px 100% !important; } .listed_galleries h3 { position: absolute; left: -9999px; } .listed_galleries ul { margin: 0 0 15px !important; padding: 10px 0 0; background: url(cssimg/photo/other_top.gif) no-repeat 0 0; } .listed_galleries li { list-style: none; margin: 0 15px 5px !important; background: url(cssimg/icons/galerija_blue.gif) no-repeat 0 0; } .listed_galleries li a { padding-left: 20px; } #homepage_sitemap_body .listed_galleries { background-image: url(cssimg/photo/other_bottom_homepage.gif) !important; } #homepage_overviews_container { float: left; } #homepage_overviews_container .homepage_site_overview, #category_secondary_content { float: left; clear: both; width: 990px; padding: 20px 0 0; background: #fff url(cssimg/boxes/category_secondary_top.gif) no-repeat 0 0; position: relative; } /** this only takes care about bottom rounds **/ .frontpage_bottom { float: left; width: 970px; padding: 0 10px 3px; background: url(cssimg/boxes/category_secondary_bottom.gif) no-repeat 0 100%; } #homepage_overviews_container .homepage_site_overview:after, #category_secondary_content:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #homepage_overviews_container .square, #category_secondary_content .square { float: right; clear: right; margin: 0; } .featured_article { position: relative; width: 180px; padding-top: 12.5em; } .featured_article dt { width: 170px !important; padding: 0 5px; font-weight: bold; font-size: 1.2em; } .featured_article dd { width: 170px; padding: 0 5px; font-size: 1.1em; } .featured_article .entity_image { position: absolute; top: 0; width: 180px; padding: 0; line-height: 0; border: 1px solid #fff; } .featured_article .entity_meta { font-size: 1.1em; margin-bottom: .8em !important; } .featured_article .entity_meta img { float: left; margin: 0 5px 0 0; } #content .article_list { width: 370px; margin: 0; padding-bottom: 15px; } #content .article_list li { float: left; width: 350px; padding: 5px; margin: 0; list-style: none; font-size: 1.1em; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 100%; } #content .article_list span { float: left; color: #999; } #content .article_list a { float: right; width: 300px !important; } .anketa_body .article_list a, #view_clanak_body #content .article_list a { float: right !important; width: 280px !important; } #content .article_list a img { float: right; } #content .listing_more_link a { float: right; padding: 0 5px; text-transform: uppercase; text-align: right; } #homepage_overviews_container #homepage_categories { float: left; clear: both; width: 580px; min-height: 290px; } #homepage_overviews_container #homepage_extra_categories { float: left; /*width: 780px;*/ width: 590px; min-height: 290px; margin-right: 10px; padding-top: 2px; } #homepage_overviews_container .category { float: left; clear: both; padding-left: 10px; margin-bottom: 1.4em; border-bottom: 1px dotted #ccc; } #homepage_overviews_container #homepage_categories .category { width: 570px; } #homepage_overviews_container #homepage_extra_categories .category { /*width: 770px; */ width: 580px; } #homepage_overviews_container .tablist { float: left; clear: both; display: inline; min-height: 21px; padding-bottom: 21px; } #homepage_overviews_container #homepage_categories .tablist { width: 960px; background: url(cssimg/tabs/homepage_categories_base.gif) no-repeat 10px 100%; } #homepage_overviews_container #homepage_extra_categories .tablist { /*width: 780px;*/ width: 590px; background: url(cssimg/tabs/homepage_extra_categories_base.gif) no-repeat 10px 100%; } #homepage_overviews_container .sec_tab { float: left; margin-top: -5px; padding-left: 10px; } #homepage_overviews_container #homepage_categories .sec_tab { width: 570px; } #homepage_overviews_container #homepage_extra_categories .sec_tab { /*width: 770px;*/ width: 580px; } #homepage_overviews_container a { text-decoration: none; color: #0077be; } #homepage_overviews_container a:focus, #homepage_overviews_container a:hover { text-decoration: underline; } #homepage_overviews_container .category h4 { margin: 0 0 1.4em -10px; text-transform: uppercase; } /** when JS is disabled **/ #homepage_overviews_container dl.featured_article { float: left; margin: 0 10px 1.4em 0; } #homepage_overviews_container ul.other_articles { float: left; width: 180px; } #homepage_overviews_container ul.other_articles a { text-decoration: none; } #homepage_overviews_container ul.other_articles li { float: left; list-style: none; width: 170px; margin: 0; padding: .5em 5px .2em !important; font-size: 1em; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 0; } #homepage_overviews_container ul.other_articles li:first-child, #homepage_overviews_container ul.other_articles li.first-child { padding-top: 0; background: none; } #homepage_overviews_container ul.other_articles li dl { float: left; width: 170px !important; margin: 0; } #homepage_overviews_container ul.other_articles li dt { width: 170px; font-size: 1.1em; } #homepage_overviews_container ul.other_articles li dd { font-size: 1.1em; line-height: 1.6; margin: 0; } #homepage_overviews_container .square { margin: 39px 0 7px; padding: 22px !important; background: url(cssimg/boxes/square_ad_category.gif) no-repeat 0 0; } /* most searched */ #most_searched { float: left; width: 180px !important; } #most_searched h4 { width: 175px; padding-right: 5px; font-size: 1.1em; text-transform: uppercase; color: #fff; background: #036cad url(cssimg/tabs/t/white_right.png) no-repeat 100% 0; } #most_searched h4 span { display: block; padding: 4px 5px 2px 10px; font-weight: bold; font-size: 11px; text-transform: uppercase; text-shadow: #666 2px 2px 1px; color: #fff !important; background: url(cssimg/tabs/t/white_left.png) no-repeat 0 0; } #most_searched ul { list-style: none; float: left; width: 180px; background: url(cssimg/tabs/kolumna_base.gif) no-repeat 0 0; padding-top: 5px; } #most_searched li { float: left; list-style: none; width: 170px; margin: 0; padding: .5em 5px .2em !important; font-size: 1.1em; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 0; } #most_searched li:first-child, #most_searched li.first-child { background: 0; } #most_searched li a { display: block; color: #0077be; } /* popular_tags */ #popular_tags { float: left; width: 180px !important; } #popular_tags h4 { width: 175px; padding-right: 5px; font-size: 1.1em; text-transform: uppercase; color: #fff; background: #036cad url(cssimg/tabs/t/white_right.png) no-repeat 100% 0; } #popular_tags h4 span { display: block; padding: 4px 5px 2px 10px; font-weight: bold; font-size: 11px; text-transform: uppercase; text-shadow: #666 2px 2px 1px; color: #fff !important; background: url(cssimg/tabs/t/white_left.png) no-repeat 0 0; } #popular_tags ul { list-style: none; overflow: hidden; margin-bottom: 7px; width: 160px; background: url(cssimg/tabs/kolumna_base.gif) no-repeat 0 0; padding: 9px 10px 0; } #popular_tags li { margin: 0 10px 0 0; font-size: 1.2em; line-height: 2; display: inline; } #popular_tags li a { color: #0077be; } #popular_tags p { text-align: right; margin: 0 0 8px 0; padding-right: 14px; font-size: 1.2em; text-transform: uppercase; } #popular_tags p a { color: #f00; } /* latest comments */ #latest_comments { float: left; width: 560px; } #latest_comments ul { float: left; width: 100%; } #latest_comments ul li { float: left; width: 100%; list-style: none; background: #fff; font-size: 1em; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 0; margin: 0; } #latest_comments ul li:first-child, #latest_comments ul li.first-child { background: none; } #latest_comments ul li:first-child dl, #latest_comments ul li.first-child dl { padding-top: 0; } #latest_comments li dl { float: left; width: 550px; padding: 10px 5px; } #latest_comments li dt, #latest_comments li dd { font-size: 1.1em; } #latest_comments li dt { float: right; width: 450px; font-weight: bold; } #latest_comments li dd.comment_meta { color: #909090; float: left; width: 70px; padding-right: 10px; } #latest_comments li dd.comment_meta em { position: relative; display: block; font-style: normal; } #latest_comments li dd.comment_meta em .comm_auth { display: block; } #latest_comments li dd.comment_lead { overflow-x: hidden; width: 450px; float: right; } #category_articles_listings { float: left; width: 380px; } #category_articles_listings .tablist li { background-image: url(cssimg/tabs/t/blue_right.png); } #category_articles_listings .tablist li a { background-image: url(cssimg/tabs/t/blue_left.png); } .has_sponsor .tablist li { background-image: url(cssimg/tabs/t/white_right.png) !important; } .has_sponsor .tablist li a { background-image: url(cssimg/tabs/t/white_left.png) !important; } #category_regions { float: left; width: 380px; margin-right: 10px; } #category_regions .region h4 { padding: 2px 5px; text-transform: uppercase; } /** when JS is disabled **/ #category_regions a { text-decoration: none; color: #0077be; } #category_regions a:focus, #category_regions a:hover { text-decoration: underline; } #category_regions .sec_tab ul, #category_regions .region ul { float: left; width: 380px; } #category_regions .sec_tab ul { margin-top: -5px; } #category_regions .sec_tab ul li, #category_regions .region ul li { width: 370px; } #category_regions .tablist { width: 380px; padding-bottom: 11px; background: url(cssimg/tabs/category_regions_base.gif) no-repeat 0 100%; } #category_frontpage_clanak_body .square { margin: 0px 0 7px; padding: 22px !important; background: url(cssimg/boxes/square_ad_category.gif) no-repeat 0 0; } .tablist { float: left; width: 380px; margin: 0 !important; } .tablist li { float: left; display: inline; padding-right: 5px; margin: 0 !important; } .tablist li a { display: block; padding: 4px 5px 2px 10px; font-weight: bold; font-size: 11px; text-decoration: none !important; text-transform: uppercase; text-shadow: #666 2px 2px 1px; color: #fff !important; } .tablist li a:focus, .tablist li a:hover { color: #fff !important; } .tablist li.active { margin-top: -4px !important; position: relative; } .tablist li.active a { padding: 5px 9px 5px 14px; } .sec_tab { display: none; clear: both; } .sec_tab.first-child { display: block; } .tablist li { background: #036cad url(cssimg/tabs/t/white_right.png) no-repeat 100% 0; } .tablist li a { background: url(cssimg/tabs/t/white_left.png) no-repeat 0 0; } li#zadar_tl { background-color: #02aef0; } li#hrvatska_tl { background-color: #f00; } li#svijet_tl { background-color: #036cad; } li#dogadaji_tl { background-color: #f00; } li#sport_tl { background-color: #38b349; } li#zabava_tl { background-color: #e4a903; } li#kultura_tl { background-color: #bf7e24; } li#biznis_tl { background-color: #535353; } li#crna-kronika_tl { background-color: #000; } li#tehnologija_tl { background-color: #94ab01; } li#zadnji-clanci_tl { background-color: #f00; } li#zadnji-komentari_tl { background-color: #38b349; } li#najcitaniji_tl { background-color: #94ab01; } li#najkomentiraniji_tl { background-color: #bf7e24; } li#najtrazeniji_tl { background-color: #535353; } #homepage_extra_categories li { background-color: #004876; } #homepage_extra_categories li.active { background-color: #036cad; } /******************************* ENTITY PAGES general rules *******************************/ .breadcrumbs { float: left; padding: 10px; margin-bottom: 10px !important; font-weight: bold; background: url(cssimg/lines/dots_h.gif) repeat-x 0 100%; } .breadcrumbs a { color: #f00 !important; } .breadcrumbs #sponsored_by { display: none; float: right; margin-left: 10px; vertical-align: baseline; } #entity_admin_link { float: right; font-weight: normal; text-transform: uppercase; } .article_galerija #entity_admin_link { padding-right: 200px; } #tv_vodic_info_body #main_content h1, #results_tag_body #main_content h1, #view_korisnik_body #content h1, .error_body #content h1, #search_pretrazivanje_body #content h1, .anketa_body #content h1, #view_prognoza_body #content h1, #category_listing_clanak_body #content h1, #view_horoskop_body #content h1, #view_dogodilo-se_body #content h1, #view_clanak_body #content h1, #view_clanak_body #content .h1 { padding: 10px; margin-bottom: .7em; font-size: 2.4em; line-height: 1.2; letter-spacing: -1px; color: #f00; background: url(cssimg/lines/dots_h.gif) repeat-x 0 100%; } #tv_vodic_info_body #main_content h1 img { float: right; margin-top: -33px; } #tv_vodic_info_body #main_content h1 { padding-top: 15px; margin-top: 5px; width: 97%; } #content h1 em { font-style: normal; color: #000; } #results_tag_body #main_content h1 { color: #000; margin-bottom: 0; } #view_clanak_body #content h1 em { display: block; width: 770px; font-size: .6em !important; color: #666 !important; letter-spacing: 0; } #content h1 a { color: #f00; } #main_image { float: left; width: 580px; margin-bottom: 1.8em; line-height: 0; text-align: center; } #main_image img { margin: 0 auto; border: 1px solid #fff; } .geo_time_data { float: left; clear: left; width: 100%; font-weight: bold; font-size: 1.2em !important; text-align: right; color: #909090; } .geo_time_data a { text-decoration: none; } #lead { margin-bottom: 1.4em; font-weight: bold; font-size: 1.2em !important; } #story { font-size: 1.2em; margin-bottom: 1.4em; } #story a { color: #00548e; } #story h2, #story h3, #story h4, #story h5 { font-size: 1em; margin: 1.4em 0 .7em; font-weight: bold; text-transform: uppercase; color: #FF0000; } /* disabled #story h2 { font-weight: bold; text-transform: uppercase; } #story h3 { font-weight: bold; } #story h4 { color: #0054a2; font-weight: normal } #story h5 { color: #00a217; font-weight: normal } */ #story hr { font-weight: bold; border: 0 !important; height: 1px; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 100%; } #story p, #story li, #story th, #story td { font-size: 1em; line-height: 1.4; } #story p { } #story p:first-child { margin-top: 0; } #story ul li { list-style: square; } #story table { width: 100%; border-top: 1px solid #ccc; margin-bottom: 1.4em; } #story th, #story td { border-bottom: 1px dotted #ccc; } #story blockquote { margin-left: 20px; font-style: italic; color: #999; } #article_relations { display: block; clear: both; font-style: italic; font-size: 11px !important; text-align: right; color: #666 !important; } #article_author { } #article_cover_story { display: block; } #story img { border: 1px solid #fff !important; margin: .2em 0 .2em 0 !important; } /*** article specials ***/ .outset_190, .outset_380, .normal_190, .normal_380, .right_190 { float: left; clear: left; display: inline; } .outset_190 { width: 180px; margin: 0 20px .2em -200px !important; text-align: right; } .outset_380 { width: 380px; margin: 0 20px .2em -200px !important; } .outset_580 { width: 580px; margin: 0 20px .2em -200px !important; } .normal_190 { width: 180px; margin: 0 20px .2em 0 !important; clear: none !important; } .normal_380 { width: 380px; margin: 0 0 .2em 0 !important; display: block; clear: both; } .right_190 { width: 180px; margin: 0 0 .2em 20px !important; float: right; clear: right; } #story .outset_580 img { margin-bottom: 1em !important; } .image_caption { float: left; clear: both; padding: 0 5px; font-style: italic; font-size: .91em; color: #666; background: #fff; } .quote_blue, .quote_gray { float: left; display: inline; clear: left; width: 180px; margin: 0 10px 0 -200px !important; font: italic 1em/1.4 Georgia, "Times New Roman", Times, serif !important; text-align: right; background: url(/css/cssimg/bubbles/quote_large.gif) no-repeat 0 0; } .quote_blue { color: #01538b; } .quote_gray { color: #858585; } /* .frame_580, .frame_380, .frame_190 { float: left; padding: 1.4em 20px 0; margin: 0 0 1.4em -200px; background: #a4cbe4 url(cssimg/boxes/story_box.gif) repeat-x 0 0 !important; } .frame_580 { width: 540px; margin: 0 0 1.4em -200px; } .frame_380 { width: 340px; margin: 0 20px 1.4em -200px; } .frame_190 { width: 140px; margin: 0 20px 1.4em -200px; } .frame_580 *, .frame_380 *, .frame_190 * { color: #00548e !important; } #story .frame_580 h2, #story .frame_380 h2, #story .frame_190 h2 { margin: 0 0 .35em !important; font: bold 2em/1 Arial, Helvetica, serif; letter-spacing: -.05em; text-transform: none; } #story .frame_580 h3, #story .frame_380 h3, #story .frame_190 h3 { margin: 0 !important; } */ .frame_580, .frame_380, .frame_190 { float: left; clear: left; display: inline; padding: 1.4em 2px 0; margin: 0 0 1.4em -200px; border: .7em solid #eaf5fa; border-width: .7em 0; overflow: hidden; } .frame_580 { width: 576px; } .frame_380 { width: 376px; margin-right: 20px; } .frame_190 { width: 176px; margin-right: 20px; } .frame_580 *, .frame_380 *, .frame_190 * { color: #00548e !important; } #story .frame_580 h2, #story .frame_380 h2, #story .frame_190 h2 { margin: 0 0 .35em !important; font: 2em/1.05 Arial, Helvetica, serif; letter-spacing: -1px; text-transform: none; } #story .frame_580 h3, #story .frame_380 h3, #story .frame_190 h3 { margin: 0 !important; } #story .frame_580 img, #story .frame_380 img, #story .frame_190 img { float: left; clear: left; border-width: 0 1px !important; margin: 0 20px 8px -2px !important; } .featured_company { position: relative; padding: 1.05em 10px .35em 55px; margin: 0 0 .7em 0; background: #f2f9fc url(cssimg/icons/featured_subject_bullet.gif) no-repeat 0 0; } .featured_company_left { clear: both; position: relative; left: -200px; padding: 1.05em 10px .35em 55px; margin: 0 0 .7em 0; background: #f2f9fc url(/css/cssimg/icons/featured_subject_bullet.gif) no-repeat 0 0; } .featured_company_whole { clear: both; position: relative; width: 510px; padding: 1.05em 10px .35em 55px; margin: 0 0 .7em -200px; background: #f2f9fc url(/css/cssimg/icons/featured_subject_bullet.gif) no-repeat 0 0; } .featured_company h2, .featured_company_left h2, .featured_company_whole h2 { margin-top: 0 !important; } /******************************* STANDARD ARTICLE VIEW *******************************/ .article_default #main_content h1 em { width: 568px !important; } .article_default { padding-bottom: 0 !important; } .article_default .breadcrumbs { width: 560px; } .article_default #main_content { float: left; width: 580px; padding: 0 10px 10px; background: url(cssimg/l/category_main_bottom.gif) no-repeat 0 100% !important; } .article_default .geo_time_data { width: 180px; } .article_default #lead, .article_default #story { width: 380px; margin-left: 200px; } /*** article realted box ***/ #related_content { float: right; width: 370px !important; margin: 0 0 11px 0; background: url(cssimg/boxes/related_articles_top_white.gif) no-repeat 100% 0 !important; } #related_content .tablist { width: 360px !important; padding: 15px 0 11px 0; background: url(cssimg/tabs/article_related_base.gif) no-repeat 0 100%; } #related_content .sec_tab, #related_content .related_block { float: left; width: 360px !important; overflow-x: hidden; padding: 15px 10px 17px 0; background: #fff url(cssimg/boxes/related_articles_bottom.gif) no-repeat 100% 100%; } #related_content .sec_tab { padding-top: 0; margin-top: -4px; } #related_content .sec_tab ul, #related_content .related_block ul { width: 360px !important; margin: 0 !important; } /******************************* PHOTOGALLERY VIEW *******************************/ .article_galerija .breadcrumbs { width: 950px; } .article_galerija #main_content { float: left; width: 980px; padding: 0 0 0 10px; background: url(cssimg/l/mc_gallery.gif) no-repeat 100% 13px; } .article_galerija h1 { margin-right: 10px; } .article_galerija #main_content h1 em { width: 750px !important; } #gallery_text { float: left; width: 170px !important; height: auto !important; height: 650px; min-height: 650px; padding-left: 10px; margin-right: 10px; } /* holds geo data, lead, story and article relations */ #gallery_text #lead, #gallery_text #story { float: left; width: 170px; display: inline; clear: left; } #more_galleries_link { float: right; width: 160px; padding: 0 20px 0; text-transform: uppercase; text-align: right; } #thumbnails { float: right; width: 210px; height: 305px; margin-top: -5px; background: url(cssimg/l/thumb_box.gif) no-repeat 10px 100%; overflow: auto; overflow: hidden; } #thumbnails.has_JS { position: relative; overflow: visible; height: auto; overflow-x: hidden; overflow-y: hidden; } #thumbnails.has_JS ul { overflow: hidden; position: relative; } #thumbnails ul { float: left; width: 200px; padding: 0 5px; margin-bottom: 6px; background: #fff; } #thumbnails li { list-style: none; float: left; margin: 0 !important; line-height: 0; } #thumbnails li a { display: block; width: 100px; height: 100px; outline: none; } #thumbnails li a img { display: block; padding: 6px; } #thumbnails .active a img { padding: 5px; border: 1px solid #91c7ed; background: #e3f7fb; } #gallery_up_arrow, #gallery_down_arrow { display: block; width: 100px; height: 30px; outline: none; text-indent: -9999px; overflow: hidden; } #gallery_up_arrow { float: left; background: url(cssimg/icons/up_M.gif) no-repeat 100% 2px; } #gallery_down_arrow { float: right; background: url(cssimg/icons/down_M.gif) no-repeat 0 2px; } #gallery_up_arrow:hover { background-image: url(cssimg/icons/up_M_hover.gif); } #gallery_down_arrow:hover { background-image: url(cssimg/icons/down_M_hover.gif); } #img_and_controlz { position: relative; float: left; width: 580px; height: auto !important; height: 385px; min-height: 385px; background: url(cssimg/loading.gif) 50% 80px no-repeat; } .article_galerija #main_image { } .article_galerija #main_image img { display: block; margin: 0 auto; } .article_galerija #main_image #image_caption { float: left; clear: both; width: 575px; margin: 10px 0 0 !important; padding: 5px 0 5px 5px; font-style: italic; line-height: 1.5; text-align: left; border-top: 1px dotted #ccc; } .article_galerija #image_permalink { float: right; padding-right: 5px; } .article_galerija #image_permalink a:hover { text-decoration: none; } #gallery_controls { position: absolute; top: 0; left: 0; display: none; width: 580px; height: 385px; } div.controls_on #gallery_controls { display: block; } #gallery_previous_arrow, #gallery_next_arrow { width: 290px; height: 100%; outline: none; cursor: pointer; text-indent: -9999px; outline: none; } #gallery_previous_arrow { float: left; background: url(cssimg/icons/prev_L.png) no-repeat 0% 90px; } #gallery_next_arrow { float: right; background: url(cssimg/icons/next_L.png) no-repeat 100% 90px; } #gallery_previous_arrow:hover { background: url(cssimg/icons/prev_L_hover.png) no-repeat 0% 90px; } #gallery_next_arrow:hover { background: url(cssimg/icons/next_L_hover.png) no-repeat 100% 90px; } .article_galerija #main_image .first { background: url(cssimg/icons/prev_L_disabled.png) no-repeat 0% 90px; } .article_galerija #main_image .last { background: url(cssimg/icons/next_L_disabled.png) no-repeat 100% 90px; } .article_galerija #main_image .first:hover { background: url(cssimg/icons/prev_L_disabled_hover.png) no-repeat 0% 90px; } .article_galerija #main_image .last:hover { background: url(cssimg/icons/next_L_disabled_hover.png) no-repeat 100% 90px; } /******************************* COVER STORY VIEW *******************************/ .article_tema .breadcrumbs { width: 750px; } .article_tema #main_content { width: 770px; padding: 0 10px; } .article_tema #main_content h1 em { width: 758px !important; } #cover_story_text { float: left; width: 170px; padding-left: 10px; } #cover_story_text #lead, #cover_story_text #story { float: left; display: inline; clear: left; } #cover_story_supplements { float: right; width: 580px; } /******************************* USER PROFILE PAGE *******************************/ #view_korisnik_body .breadcrumbs { width: 750px; } #view_korisnik_body #story { float: left; width: 370px; margin-right: 10px; /* padding-bottom: 1.4em; background: url(cssimg/lines/dots_h.gif) repeat-x 0 100%; */ } #view_korisnik_body .featured_articles { float: right; } #view_korisnik_body #main_content .pagination { margin-left: 382px; } /******************************* USER COMMENTS *******************************/ #articles_comments { float: left; width: 580px; padding-bottom: 10px; } .article_default #articles_comments { padding-right: 190px; } .article_tema #articles_comments { padding-left: 190px; } .article_galerija #articles_comments { float: right; display: inline; margin-right: 5px; } #comment_list { clear: both; width: 580px; margin: 0!important; border-top: 1px solid #fff; } #comment_list h2 { position: absolute; left: -9999px; } #comment_list li { float: left; list-style: none; width: 580px; margin: 0 0 10px 0; background: #e8f2f8 url(cssimg/boxes/comments_bottom.gif) no-repeat 0 100%; } #comment_list li dl { float: left; width: 550px; padding: 15px; background: url(cssimg/boxes/comments_top.gif) no-repeat 0 0; } #comment_list li dt { float: left; width: 175px; min-height: 75px; text-align: right; color: #909090; } /* .article_default #comment_list li dt { width: 165px; } */ #comment_list li dt .comm_no { position: relative; display: block; height: 80px; overflow: hidden; margin-top: -5px; font: 70px/1 Georgia, serif; text-align: left; color: #fff; } #comment_list li dt em { position: relative; display: block; font-style: normal; margin-top: -75px; z-index: 100; } #comment_list li dt em .comm_auth { display: block; font-weight: bold; } #comment_list li dd.comm { float: right; width: 365px; overflow-x: hidden; } /* .article_default #comment_list li dd.comm { float: right; width: 375px; } */ #comment_form_holder { float: left; clear: both; display: inline; width: 580px; } #comment_form { float: left; width: 580px; background: #e8f2f8 url(cssimg/boxes/comments_bottom.gif) no-repeat 0 100%; } #comment_form fieldset { float: left; width: 550px; padding: 15px; background: url(cssimg/boxes/commentform_top.gif) no-repeat 0 0; } #comment_form .field { float: left; clear: both; width: 550px; padding: 0 0 10px; } #comment_form .button_holder { text-align: right; padding-bottom: 0; } #comment_form label { float: left; width: 175px; padding: 3px 10px 3px 0; font-weight: bold; font-size: 1.3em; text-align: right; color: #909090; } /* .article_default #comment_form label { width: 165px; } */ #comment_form .required label { color: #00548e; } #comment_form .input_text, #comment_form textarea { float: right; width: 357px; } #comment_form textarea { overflow: auto; } /* .article_default #comment_form .input_text, .article_default #comment_form textarea { width: 367px; } */ #comment_form textarea { height: 200px; } .error { width: 550px; padding: 15px; margin: 0 0 10px 0; color: #f40; background: #ff9; } .error h3, .error h4 { font-weight: bold; } .error p { font-weight: bold; margin-bottom: 0 !important; } .error ul { margin-bottom: 0 !important; } .confirmation { width: 550px; padding: 15px; margin: 0 0 10px 0; background: #ff9; } .confirmation h3 { font-weight: bold; color: #288c35 !important; } .confirmation ul { margin-bottom: 0 !important; } /* NOT LOGED MESAGE */ #comments_teaser { float: left; clear: both; width: 580px; background: #e8f2f8 url(cssimg/boxes/comments_bottom.gif) no-repeat 0 100%; } #comments_teaser p { width: 550px; padding: 15px; background: url(cssimg/boxes/comments_top.gif) no-repeat 0 0; } #nagradna_igra_teaser { clear: both; width: 580px; background: #e8f2f8 url(cssimg/boxes/comments_bottom.gif) no-repeat 0 100%; margin-bottom: 10px; } #nagradna_igra_teaser p { width: 535px; padding: 15px 30px 15px 15px; background: url(cssimg/boxes/comments_top.gif) no-repeat 0 0; margin: 0; } /* REGISTRATION */ #profile_change_password_korisnik_body h1, #login_korisnik_body #content h1, #profile_korisnik_body #content h1 { font-size: 2em; font-weight: bold; padding: 10px 0 10px 15px; } #login_korisnik_body #content h2, #profile_korisnik_body #content h2 { font-size: 1.7em; font-weight: bold; padding: 0 0 5px 5px; color: #0077be; } #changepass_form_holder, #forgoten_password_holder, #login_form_holder, #registration_form_holder { clear: both; float: left; display: inline; width: 580px; margin: 0 0 0 10px; } #forgoten_password_holder { margin-top: 20px; } #registration_form_holder h2, #login_form_holder h2 { position: absolute; top: -9999px; left: -9999px; } #changepass_form_holder p, #forgoten_password_holder p, #login_form_holder p, #registration_form p { margin: 0; } #changepass_form_holder p.note, #forgoten_password_holder p.note, #login_form_holder p.note, #registration_form p.note { padding: 15px 0 0 200px; background: #e8f2f8 url(cssimg/boxes/comments_top.gif) no-repeat 0 0; } #registration_form #uname_unchangeable { } #registration_form #change_pass_link { margin-left: 185px; } #forgoten_password_holder p { padding-right: 100px; } #changepass_form_holder form, #forgoten_password_holder form, #login_form_holder form, #registration_form form { float: left; width: 580px; } #changepass_form_holder fieldset, #forgoten_password_holder fieldset, #login_form_holder fieldset, #registration_form fieldset { float: left; width: 550px; padding: 15px; background: #e8f2f8 url(cssimg/boxes/comments_bottom.gif) no-repeat 0 100%; } #changepass_form_holder .field, #forgoten_password_holder .field, #login_form_holder .field, #registration_form .field { padding: 0 0 10px; width: 550px; } #changepass_form_holder .field:after, #forgoten_password_holder .field:after, #login_form_holder .field:after, #registration_form .field:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #changepass_form_holder label, #forgoten_password_holder label, #login_form_holder label, #registration_form label { float: left; width: 175px; padding: 3px 10px 3px 0; font-weight: bold; font-size: 1.3em; text-align: right; color: #909090; } #changepass_form_holder .required label, #login_form_holder .required label, #registration_form .required label { color: #00548e; } #registration_form .input_text, #registration_form textarea { float: right; width: 357px; } #registration_form #pwd, #registration_form #pwd_confirm { float: left; width: 178px; } #registration_form .label_radio { width: auto; margin-right: 10px; text-align: left; } #registration_form .label_radio input { margin-right: 5px; } #registration_form .accept_terms label { margin-left: 185px; width: auto; padding: 0; width: 357px; text-align: left; } #registration_form .accept_terms input { float: left; margin: 3px 10px 2em 0; } #login_form_holder .remember_me label { margin-left: 185px; width: auto; padding: 0; width: 357px; text-align: left; } #login_form_holder .remember_me input { float: left; margin: 0 10px 0 0; } #changepass_form_holder .input_text, #login_form_holder .input_text, #forgoten_password_holder .input_text { width: 250px; } #changepass_form_holder .button_holder, #forgoten_password_holder .button_holder, #login_form_holder .button_holder, #registration_form .button_holder { text-align: right; padding-bottom: 0; } #changepass_form_holder .button_holder input, #forgoten_password_holder .button_holder input, #login_form_holder .button_holder input { margin-right: 110px; } /* EXISTING USERS */ #profile_korisnik_body #content, #login_korisnik_body #content { position: relative; } #register_now, #existing_users { position: absolute; top: 50px; right: 0; width: 180px; margin-right: 10px; } #register_now p, #existing_users p { padding: 5px; margin: 0; } #register_now h2, #existing_users h2 { background: #fff; } /* NAGRADNA IGRA */ #nagradna_form_holder { clear: both; float: left; display: inline; width: 580px; margin: 0; } #nagradna_form_holder h2 { position: absolute; top: -9999px; left: -9999px; } #nagradna_form_holder form { float: left; width: 580px; background: #e8f2f8 url(cssimg/boxes/comments_top.gif) no-repeat 0 0; } #nagradna_form_holder fieldset { float: left; width: 550px; padding: 15px; background: url(cssimg/boxes/comments_bottom.gif) no-repeat 0 100%; } #nagradna_form_holder .field { padding: 0 0 10px; width: 550px; } #nagradna_form_holder .field:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #nagradna_form_holder label { float: left; width: 175px; padding: 3px 10px 3px 0; font-weight: bold; font-size: 1.3em; text-align: right; color: #909090; } #nagradna_form_holder .required label { color: #00548e; } #nagradna_form_holder .input_text, #nagradna_form_holder textarea { float: right; width: 357px; } #nagradna_form_holder textarea { height: 100px; } #nagradna_form_holder .button_holder { text-align: right; padding-bottom: 0; } /******************************* ARTICLE DOWNLOADS *******************************/ .entity_downloads { width: 180px; margin-bottom: 10px; background: #f4f4f4; } .entity_downloads h2 { position: absolute; left: -9999px; } .entity_downloads ul { padding: 0 12px 0 10px; margin-bottom: 0 !important; } .entity_downloads li { list-style: none; padding: 10px 0 10px 40px; margin: 0 !important; overflow: hidden; } .entity_downloads li a { float: left; text-decoration: none; } .entity_downloads li a strong { display: block; text-decoration: underline; } .entity_downloads li.first-child { background-position: 0 -1px; margin-top: 1px; padding-top: 9px; } .entity_downloads li.pdf { background: url(cssimg/icons/icon-pdf.gif) no-repeat 0 8px; } .entity_downloads li.xls { background: url(cssimg/icons/icon-xls.gif) no-repeat 0 8px; } .entity_downloads li.doc { background: url(cssimg/icons/icon-doc.gif) no-repeat 0 8px; } .entity_downloads li.mp3 { background: url(cssimg/icons/icon-mp3.gif) no-repeat 0 8px; } .entity_downloads li.image { background: url(cssimg/icons/icon-image.gif) no-repeat 6px 8px; } .article_tema .entity_downloads { float: right; } .article_default .entity_downloads { width: 380px; } .article_default .entity_downloads li { width: 333px; } /* 390 (total width) - 12 - 10 (ul horizontal padding) - 35 (li left padding) */ /******************************* SERVICE INFO SUBNAV *******************************/ #service_info_links { float: left; width: 180px; margin: 0 10px 0 0; } #service_info_links h4 { position: absolute; left: -9999px; } #service_info_links ul {} #service_info_links li { list-style: none; margin: 0 !important; padding: .5em 10px; color: #666; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 100%; } #service_info_links li a { text-decoration: none; font-weight: bold; } #service_info_links li.active a { color: #f00; } #service_info_links li.first-child { padding-top: 0 !important; } /******************************* SIDECONTENT *******************************/ #sidecontent { float: right; display: inline; width: 200px; margin-right: -200px; margin-top: 12px; } @media screen and (-webkit-min-device-pixel-ratio:0) { #sidecontent { margin-right: -210px; } } #tv_vodic_info_body #sidecontent, .dogodilo-se_body #sidecontent, .horoskop_body #sidecontent, .article_default #sidecontent { width: 380px !important; padding: 0 !important; } #sidecontent #sponsored_by { margin: 15px 0 0; padding: 0; background: none; } #sidecontent #sponsored_by p { padding-top: 15px; background: url(cssimg/boxes/category_sponsor.gif) no-repeat 100% 0 !important; } #sidecontent #sponsored_by #category_sponsor { padding: 0 10px !important; background: url(cssimg/boxes/category_sponsor.gif) no-repeat 100% 100% !important; } #sidecontent #sponsored_by #category_sponsor a { display: block; width: 360px; padding: 6px 0 5px; background: url(cssimg/boxes/sponsor_divider.gif) no-repeat 50% 0; } .article_galerija #ad_facitlity { float: right; clear: right; width: 190px; margin-left: 15px; } .article_galerija #ad_facitlity .skyscraper { margin: 0; height: auto !important; height: 600px; min-height: 600px; } /*** sidecontent first-child gradient ***/ #sidecontent .has_gradient { background: url(cssimg/boxes/banner_square_336_fc.gif) no-repeat 100% 0 !important; } #sidecontent #related_content.has_gradient { background-image: url(cssimg/boxes/related_articles_top.gif) !important; } /******************************* SPORTS TABLES *******************************/ /* #sports_fixtures { float: left; display: inline; margin: 0 0 1.4em -200px; width: 580px; } */ #sports_fixtures { float: left; display: inline; width: 380px; } #sports_fixtures h2 { color: #060; padding-left: 10px; } #sports_fixtures table { border-top-color: #060; } #sports_fixtures thead th, #sports_fixtures .even th, #sports_fixtures .even td { background: #fafff3; } #sports_fixtures thead th { color: #90b15e; } #sports_fixtures th, #sports_fixtures td { text-align: center; border-color: #060 !important; } #teams_chart thead th.first-child { padding-left: 10px !important; text-align: left !important; } .home_team { padding-left: 10px !important; text-align: left !important; } .guest_team { text-align: left !important; } #strikers .name { padding-left: 10px !important; text-align: left !important; width: 180px } #strikers .team { text-align: left !important; } /* article tags */ #article_tags { float: left; width: 580px; margin: 15px 0; background: #005a8f url(cssimg/boxes/tags_bottom.gif) no-repeat 0 100%; } #article_tags:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #article_tags p { float: left; width: 60px; padding: 15px 0 15px 15px; margin-bottom: 0; color: #fff; font-size: 1.7em; font-weight: bold; line-height: 1; background: url(cssimg/boxes/tags_top.gif) no-repeat 0 0; } #article_tags ul { float: right; width: 470px; overflow: hidden; padding: 12px 30px 15px 5px; margin: 0; background: url(cssimg/boxes/tags_top.gif) no-repeat 100% 0; } #article_tags li { font-size: 1.2em; margin: 0; line-height: 2; display: inline; } #article_tags li a { font-weight: bold; white-space: nowrap; color: #02f6ff !important; text-decoration: none; } #article_tags li a:hover, #article_tags li a:active, #article_tags li a:focus { text-decoration: underline; } #view_dogodilo-se_body #main_content, #view_horoskop_body #main_content { padding-right: 10px; } #view_horoskop_body #main_content h1 { } #view_dogodilo-se_body .category_listing dt, #view_horoskop_body .category_listing dt { font-size: 1.4em; color: #f00; margin-bottom: .5em; } .banner_holder { margin-bottom: 10px; } .skyscraper { width: 160px; padding: 15px; margin-left: 10px; } .square { float: left; width: 336px; height: 280px; padding: 26px 25px 26px 19px; background: url(cssimg/boxes/banner_square_336.gif) no-repeat 100% 0; } .square_180 { clear: both; width: 180px; height: 150px; padding-top: 10px; } #sponsored_by { float: left; width: 380px; margin: 0 0 15px 0; padding: 0 0 6px; background: #fff url(cssimg/boxes/sponsored_category.gif) no-repeat 0 0; } #sponsored_by p { width: 360px; margin: 0; padding: 10px 10px 8px; font-size: 1.5em; text-align: center; color: #0077be; /*background: url(cssimg/boxes/sponsor_divider.gif) no-repeat 50% 100%;*/ background: none; } #sponsored_by p strong { color: #f00; text-transform: uppercase; } #sponsored_by #category_sponsor { margin: 0; padding: 5px 10px; /*background-image: url(cssimg/boxes/category_sponsor.gif) !important;*/ } #sponsored_by #category_sponsor img { } #search_pretrazivanje_body #content { } #search_pretrazivanje_body #main_content { float: left; width: 580px; padding-right: 10px; } #search_pretrazivanje_body #sidecontent { margin-right: -20px !important; } #search_scopes { float: left; width: 180px; margin: 0 10px 0 0; } #search_scopes h4 { position: absolute; left: -9999px; } #search_scopes li { list-style: none; margin: 0; padding: .5em 10px; color: #666; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 100%; } #search_scopes li a { text-decoration: none; font-weight: bold; } #search_scopes li.active a { color: #f00; } #search_form_results { float: right; width: 390px; } #search_page_form { float: left; width: 390px !important; } #simple_search_form .field { float: left; } #simple_search_form label { float: left; width: 90px; padding: 4px 10px 0 0; line-height: 1.4; text-align: right; text-transform: uppercase; } #simple_search_form .input_text { width: 250px; margin-right: 5px; } #simple_search_form .input_image { vertical-align: top; } #search_summary { float: left; display: inline; margin: 0 0 0 103px !important; padding: .35em 0 1.05em 0 !important; font-size: 1.1em !important; line-height: 1.6 !important; color: #666; } #search_pretrazivanje_body .pagination { margin-left: 0; } #search_pretrazivanje_body #top_pagination { padding-bottom: .9em !important; } .highlight { font-weight: normal; background: #ffc; } .clear:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clear {display:inline-block;} /* mac hide \*/ .clear {display:block;} /* End hide from IE Mac */ #liburnija_poll { margin: 0 auto; width: 570px; padding-top: 30px; } #liburnija_poll h2 { color: #444; font-size: 1.5em; margin: 0 0 20px 0; } #liburnija_poll .error h2 { color: red; } #liburnija_poll .field { background: #f7f7f7; padding: 10px 20px; clear: both; } #liburnija_poll .odd { background: #fff; } #liburnija_poll form p { margin-bottom: 5px; } #liburnija_poll .email input { padding: 10px 5px; width: 515px; } #liburnija_poll .email label span { float: right; color: red; font-size: .7em; margin-top: 5px; } #liburnija_poll textarea { padding: 5px; width: 515px; } .radio_holder p { float: left; width: 277px; position: relative; top: 7px; display: inline; } .custom-radio { position: relative; width: 50px; float: left; top: 2px; } .custom-radio label.focus { outline: 1px dotted #ccc; } .has_js .custom-radio input { position: absolute; left: -9999px; margin: 0; z-index: 0; } #liburnija_poll .custom-radio label { display: block; position: relative; z-index: 1; font-size: 2em; line-height: 1; padding: 3px 0 4px 25px; margin: 0 0 .3em; cursor: pointer; background: url(/css/cssimg/poll/radio.png) no-repeat; background-position: 0 5px; } #liburnija_poll .custom-radio label.checked { background-position: 0 -54px; color: #2D6C9A; } .has_js .suggestion { display: none; } .suggestion_label label, .suggestion_label { cursor: pointer; color: #2D6C9A; } .anketa_body #main_content { width: 780px; } .anketa_body #main_story { float: left; width: 380px; margin-right: 10px; } .anketa_body #other_polls { float: left; width: 380px; margin-top: 10px; } .anketa_body #content #main_content .article_list li { width: 370px !important; } .anketa_body #content #main_content .article_list a { width: 305px !important; padding: 0; } #other_polls h4 { float: left; padding-right: 5px; margin-bottom: 1px; font-size: 1.1em; text-transform: uppercase; color: #fff; background: #036cad url(cssimg/tabs/t/blue_right.png) no-repeat 100% 0; } #other_polls h4 span { display: block; padding: 4px 5px 2px 10px; font-weight: bold; font-size: 11px; text-decoration: none !important; text-transform: uppercase; text-shadow: #666 2px 2px 1px; color: #fff !important; background: url(cssimg/tabs/t/blue_left.png) no-repeat 0 0; } #other_polls ul { clear: both; width: 380px !important; padding-top: 5px; background: url(cssimg/tabs/category_regions_base.gif) no-repeat 0 0; } #poll_form_2 { float: left; display: inline; width: 360px; margin-left: 10px; } #poll_form_2 .button_holder { float: left; width: 360px; margin: 3px 0 0; } #poll_form_2 .label_radio { float: left; width: 360px; padding: 5px 0; margin-bottom: 2px; font-weight: bold; background: #def4fd; } #poll_form_2 .label_radio .input_radio { float: left; display: inline; margin: 1px 0 0 10px; line-height: 0; } #poll_form_2 .label_radio span { float: right; width: 330px; } #poll_form_2 #poll_results_link { float: left; padding: 0 10px; font-weight: bold; font-size: 1.2em; } #poll_form_2 .input_image { float: right; } .poll_result_bar {} .bar { float: left; display: inline; width: 360px; margin: 0 0 2px 10px; background: #6dcff6 url(cssimg/xtra/poll_bar.gif) repeat-y 0 0; } .poll_result_bar table { width: 100%; padding: 0 !important; margin: 0; } .poll_result_bar th, .poll_result_bar td { padding: 5px 10px !important; font-size: 1.2em; color: #000; } .poll_result_bar th { width: 250px; font-weight: normal; text-align: left; } .poll_result_bar td { font-weight: bold; text-align: right; } .poll_meta { clear: both; padding: .7em 20px; } .poll_meta p { float: left; width: 100%; } #poll_vote_link { float: right; font-weight: bold; } .poll, #tv_schedule { width: 180px; margin-right: 10px; } .poll .h4, #tv_schedule .h4 { width: 175px; padding-right: 5px; font-size: 1.1em; text-transform: uppercase; color: #fff; background: #e4a903 /* #036cad */ url(cssimg/tabs/t/white_right.png) no-repeat 100% 0; } .poll .h4 span, #tv_schedule .h4 span { display: block; padding: 4px 5px 2px 10px; font-weight: bold; font-size: 11px; text-decoration: none !important; text-transform: uppercase; text-shadow: #666 2px 2px 1px; color: #fff !important; background: url(cssimg/tabs/t/white_left.png) no-repeat 0 0; } .poll #poll_q, #tv_schedule .h5 { padding: 10px 10px 0; font-weight: bold; background: url(cssimg/tabs/kolumna_base.gif) no-repeat 0 0; } #tv_schedule .h5 { font-size: 11px; text-transform: uppercase; margin: 0 0 10px 0; padding-top: 15px; } .poll form { float: left; padding: 0 10px 10px; background: url(cssimg/boxes/poll.gif) no-repeat 100% 100%; } .poll form .label_radio { float: left; clear: both; width: 160px; margin-bottom: 10px; overflow: hidden; } .poll form .label_radio .input_radio { float: left; display: inline; margin: 1px 0 0 10px; line-height: 0; } .poll form .label_radio span { float: right; width: 125px; } .poll form .input_image { float: right; } #poll_results_link { float: left; font-size: 1.1em; line-height: 2em; } #category_poll, #tv_schedule { float: left; } #tv_schedule ul { list-style: none; font-size: .8em; font-weight: bold; background: url(/css/cssimg/lines/tv_schedule_border.gif) repeat-x bottom; } #tv_schedule li { margin: 0 0 10px 0; padding: 7px 9px; } #tv_schedule p { margin: 0; float: left; } #tv_schedule .time { float: right; } #tv_schedule .show { float: none; clear: both; color: #00548e; } #tv_schedule .show a { color: #00548e; } #tv_schedule .odd { background: #ddf4fd; } #tv_schedule .todays_tv_schedule { background: url(/css/cssimg/lines/tv_schedule_border.gif) repeat-x bottom; padding: 0 0 7px 9px; margin-top: -5px; } #tv_schedule .powered_by { float: right; margin-top: -5px; font-style: italic; font-size: .9em; font-weight: bold; padding-bottom: 15px; } #tv_schedule .powered_by a { font-style: normal; } #tv_vodic_info_body #main_content { float: none; width: 98%; } #tv_vodic_info_body #tv_schedule_for_today ul { float: left; width: 154px; list-style: none; } #tv_vodic_info_body #tv_schedule_for_today ul .first_child { background: #fff; } #tv_vodic_info_body #tv_schedule_for_today ul li { padding: 5px 10px 5px 10px; margin-left: 0; } #tv_vodic_info_body #tv_schedule_for_today ul li a { color: #00548e; font-weight: bold; } #tv_vodic_info_body #tv_schedule_for_today ul li h2 a { font-size: 1.2em; } #tv_vodic_info_body #tv_schedule_for_today ul li p { margin: 0; color: #000; font-weight: bold; font-size: 1em; } #tv_vodic_info_body #tv_schedule_for_today ul.odd { background: #f5f8fb; } #tv_vodic_info_body #tv_schedule_for_today ul li .show, #tv_vodic_info_body #tv_schedule_for_today ul li .show a { color: #00548e; } #tv_vodic_info_body #tv_schedule_for_today ul li.active { background: #00548e; } #tv_vodic_info_body #tv_schedule_for_today ul li:hover { background: #dbe7ef; } #tv_vodic_info_body #tv_schedule_for_today ul li.active p { color: #fff; } #tv_vodic_info_body #tv_schedule_for_today ul li.active p a { color: #fff; } #tv_vodic_info_body .breadcrumbs { width: 560px; } #stocks { float: left; width: 387px; position: relative; text-transform: uppercase; } #stocks h4, #stocks a, #stocks li a { text-shadow: none; } #stocks_container { background: url(/css/cssimg/boxes/stocks/start.gif) no-repeat; } #stocks_container_h2 { background: url(/css/cssimg/boxes/stocks/thumb.gif) left bottom no-repeat; padding-bottom: 20px; width: 50px; color: #444 !important; text-transform: uppercase; position: absolute; top: 30px; left: 210px; font-weight: bold; z-index: 9999; } #stocks_container .tablist { background: url(/css/cssimg/boxes/stocks/white_repeat.gif) repeat-y; float: right; width: 100%; list-style: none; margin-top: 8px !important; padding-top: 2px; } #stocks_container .tablist li { float: left; margin: 0 10px 0 0 !important; width: 67px; min-height: 40px; height: auto !important; height: 40px; display: inline; background: none; padding: 0; } #stocks_container .tablist li a { background: none; font-weight: bold; text-decoration: none; padding-left: 10px; display: block; color: #00548e !important; padding: 0; font-size: 1.1em; } #stock_options li a { font-weight: bold; text-decoration: none; } #stocks_container .tablist li.active { border-bottom: 2px solid #00548e; margin-top: 0 !important; position: static; } #stocks_container .tablist li.active a { color: #000 !important; padding: 0; } #stocks_container .tablist #top-dionice_tl { margin-left: 70px !important; margin-right: 0; } #stocks_container .tablist #fondovi_tl a { min-height: 40px; height: auto !important; height: 40px; } #stocks_container_TU_3, #stocks_container_TU_2, #stocks_container_TU_1, #stocks_container_TU_0 { background: url(/css/cssimg/boxes/stocks/first_bottom.gif) no-repeat !important; position: relative; padding-top: 5px; } #top_10, #top_fonds { background: url(/css/cssimg/boxes/stocks/second_start.gif) no-repeat !important; } #top_10 .tablist, #top_fonds .tablist { background: url(/css/cssimg/boxes/stocks/options_bottom.gif) left bottom no-repeat !important; padding: 5px 0; margin-top: 3px !important; margin-left: 10px; } #top_10 .tablist li, #top_fonds .tablist li { width: auto !important; min-height: 10px; height: auto !important; height: 10px; } #stocks_container #top_10 .tablist li a, #stocks_container #top_fonds .tablist li a { font-size: .8em; } #top_10 li.first_child, #top_fonds li.first_child { margin-left: 10px !important; } #stocks_container table { width: 100%; text-align: left; color: #fff; background: url(/css/cssimg/lines/border-stocks.gif) bottom repeat-x;} #stocks_container .table_container { padding: 10px; background: url(/css/cssimg/boxes/stocks/repeat.gif) repeat-y; } #stocks_container table thead th { text-align: left; padding: 5px 0; white-space: nowrap; } #stocks_container table td { padding: 5px 0; } #stocks_container table tr { background: url(/css/cssimg/lines/border-stocks.gif) top repeat-x; } #stocks_container .rise { background: url(/css/cssimg/boxes/stocks/up.gif) 20px 8px no-repeat; text-align: right; } #stocks_container .fall { background: url(/css/cssimg/boxes/stocks/down.gif) 20px 8px no-repeat; text-align: right; } #stocks_container .value { text-align: right; } #stocks_container .name { width: 140px; padding-left: 10px; } #stocks_container .ticker { width: 40px; white-space: nowrap; } .stocks_info { background: url(/css/cssimg/boxes/stocks/bottom.gif) bottom no-repeat; color: #fff; font-size: .9em; width: 387px; position: relative; } #stocks .stocks_info p { background: url(/css/cssimg/boxes/stocks/bottom_start.gif) top left no-repeat; margin: 0; padding: 5px 10px 10px 10px; } #stocks .stocks_info .stocks_info_created { background: none; float: right; position: relative; top: -30px; padding: 5px 10px 0 10px; margin-bottom: -20px; } #stocks .stocks_info a, #stocks table a { color: #fff; } .powered_by_hr_portfolio { position: relative; top: -3px; } #view_prognoza_body #main_content { width: 580px; padding-left: 0; } #view_prognoza_body #sidecontent { margin-top: -65px !important; } #forescast_col { position: relative; float: left; display: inline; width: 180px; margin: 0 10px; } #forescast_col h3 { text-align: center; } #forecast_table { float: left; width: 180px; height: auto !important; height: 200px; min-height: 200px; background: url(cssimg/loading.gif) 50% 80px no-repeat; } #indicator { width: 180px; padding: 1em 0 .3em; margin: 0 !important; font-weight: bold; text-align: center; color: #f00; } #select_city { padding-top: 10px; } #select_city select { width: 180px; } #forescast_col th, #forescast_col td { font-size: 1.1em; padding: 0 2px; } #forescast_col th { font-weight: normal; text-align: left; } #forescast_col td { font-weight: bold; text-align: right; color: #006aad; } #todays_report { width: 180px; padding: .7em 0; text-align: center; background: #fff url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 100%; } #todays_report h2 { font-size: 1.8em; color: #00548e; text-align: center; } #todays_report h3 { text-align: center; } #todays_report img { margin: 1.4em; } #todays_report li { list-style: none; font-size: 1.1em; } #todays_report li strong { color: #006aad; } #next4days h2 { width: 180px; padding: 10px 0; font-weight: bold; font-size: 1.3em; text-align: center; color: #000; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 100%; } #next4days .day { width: 120px; padding: 1.05em 30px; background: url(cssimg/lines/dots_c9c9c9.gif) repeat-x 0 100%; } #next4days .day h3 { font-weight: bold; margin-bottom: .35em; } #next4days .day img { float: left; clear: left; margin: 2px 5px; } #weather_longdesc { font-size: 1.2em; margin: 1.4em 0; } #weather_longdesc * { font-size: 1em !important; } .page_nav { padding: 0 12px 1.8em !important; background: url(cssimg/lines/dots_h.gif) repeat-x 0 100%; text-align: center; } .page_nav li { list-style: none !important; display: inline; margin: 0 !important; padding: 0 .2em; } #featured_blog { float: left; width: 390px; overflow: hidden; padding-top: 5px; } #featured_blog h2 { float: left; display: inline; width: 175px; padding-right: 5px; text-transform: uppercase; font-size: 1.1em; background: #036cad url(cssimg/tabs/t/white_right.png) no-repeat 100% 0; } #featured_blog h2 span { display: block; padding: 3px 5px 2px 10px; font-weight: bold; font-size: 11px; text-decoration: none !important; text-transform: uppercase; text-shadow: #666 2px 2px 1px; color: #fff !important; background: url(cssimg/tabs/t/white_left.png) no-repeat 0 0; } #featured_blog .featured_listing { background: url(cssimg/tabs/featured_blog_base.gif) no-repeat 0 0; } #featured_blog .featured_listing dl { background: 0; } #izbori_articles { float: left; width: 380px; padding-top: 5px; } #izbori_articles .article_list { float: left; width: 380px; padding-top: 3px; background: url(cssimg/tabs/featured_blog_base.gif) no-repeat 0 0; } #izbori_articles .article_list a { width: 370px !important; text-decoration: none; color: #0077be; } #izbori_articles .article_list li { width: 370px; } #izbori_articles .article_list a:focus, #izbori_articles .article_list a:hover { text-decoration: underline; } #izbori_articles h4 { float: left; display: inline; padding-right: 5px; text-transform: uppercase; font-size: 1.2em; padding: 0 0 5px 5px; } #izbori_articles h4 span { display: block; padding: 3px 5px 2px 10px; font-weight: bold; font-size: 11px; text-decoration: none !important; text-transform: uppercase; text-shadow: #666 2px 2px 1px; color: #fff !important; background: url(cssimg/tabs/t/white_left.png) no-repeat 0 0; } /* topline */ #ezadar_group { height: 40px; overflow: hidden; position: relative; z-index: 100; margin-bottom: -6px; background: #033a63 url(/css/cssimg/l/topline.gif) repeat-x 0; } #ezadar_group p { position: absolute; top: -9999px; left: -9999px; } #ezadar_group ul { width: 989px; margin: 0 auto; padding: 0 4px 0 6px; list-style: none; background: url(/css/cssimg/l/topline_middle.jpg) no-repeat -65px 0; } #ezadar_group ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #ezadar_group li { float: right; display: inline; font-size: 1.5em; line-height: 2.5; background: url(/css/cssimg/l/separator.gif) left 3px no-repeat; } #ezadar_group li.first-child { float: left; margin: 0; background: none; } #ezadar_group li.active, #ezadar_group li.no_separator { background: none; } #ezadar_group a { color: #fff; } /* TAG CLOUD */ #content .tag_cloud { overflow: hidden; text-align: center; } #content .tag_cloud li { font-size: 1.2em; line-height: 2; display: inline; } #content .tag_cloud a { padding: 0 1px; white-space: nowrap; color: #0077be !important; text-decoration: none; } #content .tag_cloud .rank_2 { font-size: 1.2em; line-height: 2; } #content .tag_cloud .rank_3 { font-size: 1.35em; line-height: 1.777; } #content .tag_cloud .rank_4 { font-size: 1.5em; line-height: 1.6; } #content .tag_cloud .rank_5 { font-size: 1.65em; line-height: 1.455; } #content .tag_cloud .rank_6 { font-size: 1.8em; line-height: 1.334; } #content .tag_cloud .rank_7 { font-size: 1.95em; line-height: 1.231; } #content .tag_cloud .rank_8 { font-size: 2.1em; line-height: 1.143; } #content .tag_cloud .rank_9 { font-size: 2.25em; line-height: 1.067; } #content .tag_cloud .rank_10 { font-size: 2.4em; line-height: 1; } #content .tag_cloud a:hover, #content .tag_cloud a:active, #content .tag_cloud a:focus { text-decoration: underline; } /* TAG PAGE */ #overview_tag_body #content h2, #overview_tag_body #content h3 { position: absolute; top: -9999px; left: -9999px; } #overview_tag_body #main_content { width: 770px; padding: 10px 10px 0; } #tag_search_form { padding: 20px 70px; } #tag_search_form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #tag_search_form label { position: absolute; top: -9999px; left: -9999px; } #tag_search_form #tag_query { float: left; display: block; width: 501px; padding: 11px 15px 5px; font: 2.5em/1.4 "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif; color: #999; border: 0; background: url(cssimg/boxes/tag_query_top.gif) no-repeat 0 0; } .has_JS #tag_search_form #tag_query { float: none; width: 630px; background-image: url(cssimg/boxes/tag_query_top_large.gif); } #tag_search_form fieldset { padding-bottom: 2px; background: #fff url(cssimg/boxes/tag_query_bottom.gif) no-repeat 0 100%; } .has_JS #tag_search_form fieldset { background-image: url(cssimg/boxes/tag_query_bottom_large.gif); } #tag_search_form #tag_query.field_active, #tag_search_form #tag_query:focus { color: #010101; } #tag_search_form #tag_submit { float: right; width: 97px; height: 49px; margin: 1px -2px 0 0; position: relative; display: inline; text-align: center; color: #fff; background: #3585c9; font: 2em/1.2 "Trebuchet MS", Trebuchet, sans-serif; } #overview_tag_body #tag_cloud_container { min-height: 500px; height: auto !important; height: 500px; margin: 0 60px; border-top: 1px solid #e2e2e2; } #overview_tag_body #tag_cloud_container h4 { padding-top: 70px; font-size: 1.8em; line-height: 1.2; text-align: center; color: #f00; } #overview_tag_body .tag_cloud { width: 650px; padding: 13px 0 50px; } /* SELECTED TAGS */ #selected_tags { width: 100%; background: url(cssimg/lines/dots_h.gif) repeat-x 0 100%; } #selected_tags:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #selected_tags h1 { float: left; padding-right:0; margin-bottom: 0; background: 0 !important; } #selected_tags ul { float: right; width: 668px; padding: 10px 10px 10px 0; list-style: none; margin-bottom: 0; } #selected_tags li { float: left; margin: 0 10px 0 0; padding-right: 10px; font-size: 2.4em; line-height: 1.2; letter-spacing: -1px; background: url(cssimg/icons/delimiter.gif) no-repeat 100% 90%; } #selected_tags li.last-child { background: 0; } #selected_tags li a { color: #f00; text-decoration: none; } #selected_tags .action { position: relative; top: -0.8em; left: -1px; font-size: .5em; color: #000; } #selected_tags.no_subtags { margin-bottom: 17px; } #tag_filter { margin-bottom: 17px; background: url(cssimg/lines/dots_h.gif) repeat-x 0 100%; } #tag_filter.expanded h2, #tag_filter.collapsed ul, #tag_filter.collapsed .close { position: absolute; top: -9999px; left: -9999px; } #tag_filter .tag_cloud { width: 625px; padding: 10px 0 0 57px; background: url(cssimg/icons/tag_icon.gif) no-repeat 10px 13px; } #tag_filter .tag_cloud li { margin-left: 0; } #tag_filter .close { padding: 0 10px 10px 0; font-size: 1.5em; font-weight: bold; text-align: right; color: #aaa; } #tag_filter .close a { color: #f00; text-decoration: none; } #tag_filter h2 { margin-left: 10px; padding: 12px 0 12px 46px; font-size: 1.5em; font-weight: bold; background: url(cssimg/icons/tag_icon.gif) no-repeat 0 50%; color: #000; } #tag_filter h2 a { color: #f00; text-decoration: none; } #selected_tags li a:hover, #selected_tags li a:active, #selected_tags li a:focus, #tag_filter h2 a:hover, #tag_filter h2 a:active, #tag_filter h2 a:focus, #tag_filter .close a:hover, #tag_filter .close a:active, #tag_filter .close a:focus { text-decoration: underline; } /* xmas stlye body { background: url(cssimg/l/hollysmoke_xmas_v2.jpg) no-repeat 50% 0px; }/* 1776 */ /* #header { background: url(cssimg/l/hdr_xmas_v2.jpg) no-repeat -1px 0; } #search_form { background: url(cssimg/l/search_box_xmas_v2.gif) no-repeat 0 0; } #login_korisnik_body.logged_out #search_form, #profile_korisnik_body.logged_out #search_form { background: url(cssimg/l/search_box_short_xmas_v2.gif) no-repeat 0 0; } #weather_box { background: url(cssimg/l/weather_box_xmas_v2.gif) no-repeat 0 0; } #weather_box a { background: url(cssimg/l/weather_box_xmas_v2.gif) no-repeat -14px -14px; } */ /* Live stuff */ #live_live_body #live_score { padding: 15px 11px; background: url(/css/cssimg/live/live_top.gif) no-repeat top left; } #live_live_body #live_container { background: url(/css/cssimg/live/live_repeat_new.gif) repeat-y; width: 770px; } #live_live_body #live_container .inner { background: url(/css/cssimg/live/live_bottom.gif) no-repeat bottom left; } #live_live_body #live_container .inner:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #live_live_body #live_score #current { background: #fff; margin: 0; border: #fff 1px solid; color: #0476bc; font-weight: bold; font-size: 25px; text-transform: uppercase; font-family: 'Trebuchet MS'; line-height: 1.3; padding: 10px 0; margin-top: -10px; } #live_count, #live_timestamp, #live_username, #live_admin, #live_live_body #live_score form, #live_id, #live_banned, #user_banned { display: none; padding: 0; margin: 0; } #live_live_body #live_score form p { margin: 0; padding: 0; } #live_live_body #live_score form { background: #fff; padding: 10px 0; margin-top: -10px; } #live_live_body #live_score #live_message { background: #fff; color: #0476bc; font-weight: bold; font-size: 25px; text-transform: uppercase; font-family: 'Trebuchet MS'; border: #ccc 1px solid; padding: 0; width: 746px; } #live_live_body #admin_messages { margin-top: -15px; float: left; width: 308px; margin-left: 1px; display: inline; border-top: #e3e3e3 1px solid; } #live_live_body #user_messages { margin-top: -15px; float: left; width: 459px; display: inline; border-top: #e3e3e3 1px solid; border-left: #e3e3e3 1px solid; } #live_live_body #admin_messages form, #live_live_body #user_messages form{ padding: 8px 10px; background: #efefef; border-bottom: #e3e3e3 1px solid;} #live_live_body #admin_messages ul, #live_live_body #user_messages ul { list-style: none; padding: 10px; } #live_live_body #admin_messages ul li, #live_live_body #user_messages ul li{ border-bottom: #e0e0e0 1px dashed; margin: 0; padding: 8px 0; background: #fff; color: #333; } #live_live_body #admin_messages ul li strong, #live_live_body #user_messages ul li strong { color: #0476bc; padding-left: 5px; } #live_live_body #admin_messages ul li span, #live_live_body #user_messages ul li span { color: #999; } #live_live_body #admin_messages ul li span { float: left; display: block; } #live_live_body #admin_messages form p, #live_live_body #user_messages form p { margin: 0 0 5px 0; text-transform: uppercase; font-size: .9em; color: #707070; font-weight: bold; } #live_live_body #admin_messages form p { color: #ff0000; } #live_live_body #admin_messages .edit { float: right; margin-top: 5px; } #live_live_body #admin_messages li:after, #live_live_body #user_messages li:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #live_live_body #admin_messages ul p { float: left; width: 200px; font-size: 1em; padding-left: 10px; margin-bottom: 0; } #live_live_body #user_messages ul li.user a { display: none; float: left; margin-top: 4px; } #live_live_body #user_messages ul li.admin .ban_user, #live_live_body #user_messages ul li.system .ban_user, #live_live_body #user_messages ul li.system strong { display: none; } #live_live_body #user_messages ul li.system { color: #207403; font-style: italic; } #live_live_body #user_messages ul li.admin strong { color: #ff0000; } #live_live_body #user_messages ul li p { float: left; font-size: 1em; margin-bottom: 0; width: 430px; } #live_live_body #admin_messages form input { width: 94%; border: #ccc 1px solid; padding: 8px; } #live_live_body #user_messages form input { width: 96.5%; border: #ccc 1px solid; padding: 8px; } #live_live_body #user_messages ul , #live_live_body #admin_messages ul { overflow: hidden; } #live_live_body #no_login, #live_live_body #user_banned { width: 439px; background: #efefef; padding: 20px 10px; border-bottom: #e3e3e3 1px solid; color: #666; font-size: .9em; } #live_live_body #no_login .first_child { text-transform: uppercase; font-weight: bold; } #live_live_body #no_login p { margin: 0; padding: 0; } #live_live_body #user_banned { font-size: 1.3em; font-weight: bold; } /* */ .kantun_archive_link { clear: both; text-align: right; text-transform: uppercase; background: url(/css/cssimg/lines/dots_c9c9c9.gif) repeat-x; display: block; padding: 10px 0; } /* SOCIAL STUFF */ #social_links { position: relative; top: 50px; left: 118px; } #social_links a span { display: block; text-indent: -9999px; } #social_links a { display: block; width: 16px; height: 16px; } #social_links li { list-style: none; float: left; margin-right: 5px; } #social_links #facebook a { background: url(/css/cssimg/icons/facebook.gif) no-repeat; } #social_links #twitter a { background: url(/css/cssimg/icons/twitter.gif) no-repeat; } .social_share { clear: both; background: url(/css/cssimg/lines/dots_h.gif) top left repeat-x; padding: 15px 10px 0 15px; } .social_share:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } .article_galerija .social_share { clear: none; float: right; width: 555px; margin-right: 210px; } #content .social_share p { font-size: 20px; color: #ff0000; float: left; margin: 0; } #content .social_share ul { float: right; margin: 5px 0 0 0; } #content .social_share li { float: right; list-style: none; margin-left: 10px; } /**/ #story .biography_image { display: block; padding-bottom: 10px; margin-top: -2px !important; } /* Detaljne meteo karte */ #meteo_charts { float: left; border: #e3e3e3 1px solid; margin-top: 32px; width: 148px; padding: 0 14px 14px 14px; } #meteo_charts h2 { color: #0476bc; background: #fff; text-transform: uppercase; font-weight: bold; position: relative; top: -10px; left: -10px; text-align: center; width: 168px; } #meteo_charts dl { clear: both; } #meteo_charts dl:after { content: "."; display: block; clear: both; visibility: hidden; height: 0; } #meteo_charts .first { margin-bottom: 10px; } #meteo_charts dt { font-size: 1.2em; color: #000; font-weight: bold; padding-bottom: 5px; } #meteo_charts dd { float: left; width: 49px; text-align: center; margin-left: -1px; display: inline; } #meteo_charts dl a { color: #007bce; text-decoration: none; display: block; border: #e3e3e3 1px solid; } #meteo_charts dl .temperature a { background: url(/css/cssimg/meteo/temp_icon.gif) 8px 8px no-repeat; padding: 35px 0 5px 0; } #meteo_charts dl .downfall a { background: url(/css/cssimg/meteo/downfall_icon.gif) 12px 8px no-repeat; padding: 35px 0 5px 0; } #meteo_charts dl .wind a { background: url(/css/cssimg/meteo/wind_icon.gif) 5px 8px no-repeat; padding: 35px 0 5px 0; }