/***************************************** CSS file for aquarius.hr/zrce Copyright (c) web.burza.hr *****************************************/ /* Inherits styles from master.css and overrides them when necessary. */ #tod {position: absolute; top: 10px; left: 10px;} body.night {background: #191919;} body.day {background: #d9f5fd;} body.zrce a {color: #FFDE00;} #container {background-image: url(/css/cssimg/bg_container_zrce.png); padding: 15px;} body.zrce .box {border: 1px solid #fff; background: none; margin-bottom: 6px;} body.zrce .box .inner, body.zrce .cols3 .inner {background: none; margin-bottom: 0;} body.zrce .cols3 {background: transparent url(/css/cssimg/bg_3col_zrce.png) repeat-y center top; border: 1px solid #fff;} /* NAVIGATION */ #nav a {background-position: left top;} #nav a:hover {background-position: left bottom;} #nav_homepage a {background-image: url(/css/cssimg/nav/zrce/nav_homepage.png); width: 88px;} #nav_galleries a {background-image: url(/css/cssimg/nav/zrce/nav_galleries.png); width: 35px;} #nav_videos a {background-image: url(/css/cssimg/nav/zrce/nav_videos.png); width: 42px;} #nav_location a {background-image: url(/css/cssimg/nav/zrce/nav_location.png); width: 70px;} #nav_vip a {background-image: url(/css/cssimg/nav/zrce/nav_vip.png); width: 118px;} #nav_zagreb a {background-image: url(/css/cssimg/nav/zrce/nav_zagreb.png); width: 110px; position: absolute; left: 200px;} /*#nav_zagreb {margin-left: 82px;}*/ /* nav highlighting */ #body_event_homepage_zrce #nav_homepage a, .gallery_body #nav_galleries a, #body_event_location_zrce #nav_location a, #body_event_vip #nav_vip a, #body_videos_overview_zrce #nav_videos a {background-position: bottom;} #change_language {background: transparent url(/css/cssimg/nav/zrce/change_language.png) no-repeat left top; right: 210px;} #change_language:hover {background-position: left bottom;} /* english */ .language_en #nav_homepage a {background-image: url(/css/cssimg/nav/zrce/nav_homepage_en.png); width: 77px;} .language_en #nav_galleries a {background-image: url(/css/cssimg/nav/zrce/nav_galleries_en.png); width: 48px;} .language_en #nav_videos a {background-image: url(/css/cssimg/nav/zrce/nav_videos_en.png); width: 42px;} .language_en #nav_location a {background-image: url(/css/cssimg/nav/zrce/nav_location_en.png); width: 67px;} .language_en #nav_vip a {background-image: url(/css/cssimg/nav/zrce/nav_vip_en.png); width: 131px;} .language_en #nav_zagreb a {left: 188px;} .language_en #change_language {background-image: url(/css/cssimg/nav/zrce/change_language_en.png); width: 127px; right: 180px;} /* MASTHEAD */ #masthead {width: 958px; height: 332px; border: 1px solid #fff; position: relative;} body.day #masthead {background-image: url(/images/header_zrce/day/01.jpg);} body.night #masthead {background-image: url(/images/header_zrce/night/01.jpg);} #masthead #logo_zrce {width: 184px; height: 112px; text-indent: -9999px; background: transparent url(/css/cssimg/logos/logo_zrce.png); position: absolute; bottom: 13px; left: 11px;} #time_of_day {margin: 4px 0 0 4px; height: 200px; width: 200px; background-color: transparent; background-position: left top; background-repeat: no-repeat;} body.night #time_of_day {background-image: url(/css/cssimg/bg_time_of_day_night2.png);} body.night.language_en #time_of_day {background-image: url(/css/cssimg/bg_time_of_day_night_en.png); width: 295px;} body.day #time_of_day {background-image: url(/css/cssimg/bg_time_of_day_day2.png);} body.day.language_en #time_of_day {background-image: url(/css/cssimg/bg_time_of_day_day_en.png); width: 295px;} #masthead #video_link {display: inline-block; *display: inline; *zoom: 1; width: 490px; height: 180px; background: url(/css/cssimg/icons/play-video.png) no-repeat center center; position: absolute; top: 23%; left: 42%;} /* EVENTS TABLE */ #upcoming_events {background: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-left: 1px solid #fff; padding: 0;} #upcoming_events table a, #upcoming_events table {color: #000;} #upcoming_events table th {color: #a2d533; padding-top: 3px;} #upcoming_events table th .inner, #upcoming_events table td .inner {background-image: none; background: transparent url(/css/cssimg/bg_table_zrce_light.png);} #upcoming_events table td .inner {font-size: 1.4em; font-weight: bold; padding: 15px 20px; height: auto; max-height: 11em;} #upcoming_events table td .night {background: transparent url(/css/cssimg/bg_table_zrce_dark.png) repeat-x left top; color: #fff;} /*#upcoming_events table td .inner:hover {background: #f112e6;}*/ .after_beach, .at_night {text-indent: -9999px; display: block; margin-bottom: 10px; overflow: hidden;} .after_beach {width: 40px; height: 7px; background: transparent url(/css/cssimg/afternoon.png);} .language_en .after_beach {width: 61px; background: transparent url(/css/cssimg/afternoon_en.png);} .at_night {width: 41px; height: 10px; background: transparent url(/css/cssimg/nighttime.png);} .language_en .at_night {width: 39px; height: 7px; background: transparent url(/css/cssimg/nighttime_en.png);} /* FEATURED EVENTS */ .zrce #featured_event {width: 958px; border: 1px solid #fff;} #what_its_like {width: 570px; height: 35px; text-indent: -9999px; overflow: hidden; background-image: url(/css/cssimg/headings/what_its_like2.png); margin: 20px 0 0 15px;} .language_en #what_its_like {background-image: url(/css/cssimg/headings/what_its_like_en.png); width: 336px;} #upcoming_events_h {width: 498px; height: 35px; text-indent: -9999px; overflow: hidden; background-image: url(/css/cssimg/headings/special_events_hr.png); margin: 20px 0 0 15px;} #video_2010 {width: 498px; height: 25px; text-indent: -9999px; overflow: hidden; background-image: url(/css/cssimg/headings/video_2010.png); margin: 25px 0 0 15px;} #video_2011 {width: 158px; height: 25px; text-indent: -9999px; overflow: hidden; background-image: url(/css/cssimg/headings/video_2011.png); margin: 25px 0 0 15px;} .language_en #upcoming_events_h {background-image: url(/css/cssimg/headings/special_events_en.png);} .featured_events {margin: 25px 5px 10px 8px; position: relative; height: 750px;} .featured_events li {position: absolute; display: inline-block; vertical-align: top;} .featured_events .inner {width: 238px; height: 248px; position: relative; display: block; overflow: hidden; background: url(/css/cssimg/bg_zrce_announcements.png); padding: 2px 2px 0 10px;} .e_01 {left: 0; top: 0;} .e_02 {left: 230px; top: 15px;} .e_03 {left: 460px; top: 0;} .e_04 {left: 690px; top: 15px;} .e_05 {left: 0; top: 245px;} .e_06 {left: 230px; top: 260px;} .e_07 {left: 460px; top: 245px;} .e_08 {left: 690px; top: 260px;} .e_09 {left: 0; top: 490px;} .e_10 {left: 230px; top: 505px;} .e_11 {left: 460px; top: 490px;} .e_12 {left: 690px; top: 505px;} .e_13 {left: 0; top: 735px;} .e_14 {left: 230px; top: 750px;} .e_15 {left: 460px; top: 735px;} .e_16 {left: 690px; top: 750px;} .e_17 {left: 0; top: 980px;} .e_18 {left: 230px; top: 995px;} .e_19 {left: 460px; top: 980px;} .e_20 {left: 690px; top: 995px;} .featured_events .date {position: absolute; top: 10px; right: 10px; background: #fff; color: #000; font-size: 2.5em; padding: 0 .3em; line-height: 1.4em; display: block;} .featured_events .artist {position: absolute; width: 217px; bottom: 15px; left: 10px; background: #000; color: #fff; font-size: 1.7em; letter-spacing: -0.006em; padding: .5em; line-height: 1.4em; display: block;} /* CONTENT */ .zrce #event_mixes .dj, .zrce #latest_mixes .dj {background-image: url(/css/cssimg/icons/external_zrce.png);} .zrce #event_mixes .mix {background-image: url(/css/cssimg/icons/mp3_zrce.png);} .zrce #event_mixes .video {background-image: url(/css/cssimg/icons/video_zrce.png);} .zrce #event_mixes .link {background-image: url(/css/cssimg/icons/www_zrce.png);} .zrce #latest_mixes ul a:hover, .zrce #event_mixes ul a:hover {background: transparent url(/css/cssimg/arrow_right.png) no-repeat 16px 55%; color: #FFDE00;} .zrce #event_mixes ul a:hover {background-image: none;} .language_hr #event_mixes h2 {background-image: url(/css/cssimg/headings/and_more_zrce.png); width: 38px; height: 17px;} .language_hr #event_mixes h2.first-child {background-image: url(/css/cssimg/headings/check_out_these_links_zrce.png); width: 122px; height: 13px;} .language_en #event_mixes h2 {background-image: url(/css/cssimg/headings/and_more_zrce_en.png); width: 73px; height: 13px;} .language_en #event_mixes h2.first-child {background-image: url(/css/cssimg/headings/check_out_these_links_zrce_en.png); width: 142px;} .zrce #fb_share {bottom: 0;} #program_info p {width: 570px;} #videos { margin-top: 25px; } #videos li { margin: 0 4px 10px 0; position: relative; } #videos li .play { display: block; width: 39px; height: 39px; position: absolute; top: 50px; left: 50%; margin: 0 0 0 -20px; background: url(/css/cssimg/icons/play.png) no-repeat; } #videos li.last_in_row { margin-right: 0; } #videos li a { display: block; width: 237px; } #videos li img { display: block; border: #fff 1px solid; margin-bottom: 3px; } #video_gallery h2 { margin-bottom: 0 !important; } #video_gallery #videos { margin: 0 0 20px 0; } #video_gallery .video_heading { border: 1px solid #fff; border-bottom: none; padding: 13px 27px; } /* GALLERIES */ #body_gallery_view_zrce #gallery, #body_gallery_overview_zrce #gallery {border: 1px solid #fff; padding: 13px 27px 1px; min-height: 400px; margin-bottom: 6px;} #gallery h2, #video_gallery h2, #body_gallery_view_zrce h1 {text-align: center; background: transparent url(/css/cssimg/bg_gallery_header.png); margin-bottom: 15px; padding: 3px 0; font-weight: bold; font-size: 4em; letter-spacing: -.05em;} #body_gallery_view_zrce #gallery ul li {padding: 5px; min-height: 0;} #body_gallery_view_zrce #gallery ul img {padding-bottom: 0;} #back_to_gallery_listing {color: #FFDE00;} /* LOCATION */ #location_header {background: url(/css/cssimg/bg_location_zrce_day.jpg); width: 959px; height: 334px; border-right: 1px solid #fff;} .night #location_header {background: url(/css/cssimg/bg_location_zrce_night.jpg);} #body_event_location_zrce .box {padding: 20px 15px;} #location_more_info h2 {color: #ffde00;} #location_more_info a.first-child {padding-right: 3px;} #body_event_location_zrce #event_media {padding-top: 20px;} /* VIP RESERVATIONS */ #vip_header {background: url(/css/cssimg/bg_vip_zrce.jpg); height: 332px;} .language_en #vip_header {background: url(/css/cssimg/bg_vip_zrce_en.jpg);} #vip_main_info {padding: 20px 15px;} #vip_main_info h2 {font-size: 1.8em; font-weight: bold; text-transform: uppercase; padding-bottom: .3em;} #vip_main_info p {font-size: 1.3em; padding-bottom: .3em;} #vip_main_info ul {list-style-type: disc; list-style-position: outside; padding: 0 0 1em 2em;} .vip_concert, .vip_regular {width: 48%;} .vip_concert {float: left;} .vip_regular {float: right;} #vip_main_info .vcard {font-size: 1.3em;} #vip_main_info .vcard .entity_inline {float: left; padding-right: .3em;} #vip_main_info .vcard .adr {padding-bottom: .5em;} .vip .emphasize {font-size: 1.2em; font-weight: bold;} /* PREVIOUS EVENTS */ #body_event_previous #previous_events {border: 1px solid #fff; padding: 13px 27px 1px; min-height: 400px; margin-bottom: 6px;} #previous_events h1 {text-align: center; background: transparent url(/css/cssimg/bg_gallery_header.png); margin-bottom: 15px; padding: 3px 0; font-weight: bold; font-size: 4em; letter-spacing: -.05em;} #past_events {width: 250px; height: 15px; text-indent: -9999px; overflow: hidden; background: url(/css/cssimg/headings/past_events2.png) no-repeat center -7px; margin: 30px 15px; cursor: pointer; display: block;} #past_events:hover {background-position: center -45px;} .language_en #past_events {width: 157px; background: url(/css/cssimg/headings/past_events2_en.png) no-repeat center -7px;} .language_en #past_events:hover {background-position: center -45px;} #past_events_listing {overflow: hidden;} #past_events_listing li {display: inline-block; vertical-align: top; width: 270px; padding: 0 29px 15px 0; text-shadow: 1px 1px 1px #000; line-height: 1.1;} #past_events_listing li a {font-weight: bold; text-transform: uppercase; font-size: 1.2em;} #past_events_listing li span {font-size: .9em;} /* FOOTER */ #footer a:hover {color: #FFDE00;} #aquarius_elsewhere {border: 1px solid #fff; background: none; padding: 10px 10px 0; margin-bottom: 15px;} #aquarius_elsewhere ul {margin-bottom: 10px;} #partner_list { padding: 5px 0 15px 0; width: 830px; margin: 0 auto; } #partner_list li { padding: 0 5px; display: inline; } /* ERRORS */ #body_error_404.zrce .box, #body_error_403.zrce .box {background: none;} #body_error_404.zrce .box .inner, #body_error_403.zrce .box .inner {background: none;} /* FACEBOOK & TWITTER BOX */ #social_plugins, #social_plugins .inner { background: none; padding: 4px; min-height: 355px; } #social_plugins h2 { height: 17px; text-indent: -9999px; margin: 6px; } #facebook_box { width: 475px; float: left; } #facebook_box h2 { background: url(cssimg/headings/facebook_heading_zrce.png) no-repeat; width: 205px; } .fb-like-box { background: rgb(40,40,40); background: rgba(40,40,40,0.3); } #twitter_box_zrce { height: 310px; width: 460px; float: right; } #twitter_box_zrce h2 { background: url(cssimg/headings/twitter_heading_zrce.png) no-repeat; width: 190px; } .language_en #social_plugins h2 { background-position: center -56px; }