/***************************************************** * Master CSS file for http://www.groovecaffe.com/ * * Copyright (c) Burza d.o.o. http://web.burza.hr/ * *****************************************************/ * { margin: 0; padding: 0; } body { color: #fff; font: 62.5%/1.3 "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif; background: #0E1317 url(/css/cssimg/body_bg.gif) repeat-y 0 0; } a, a:visited, a:hover, a:focus, a:active { text-decoration: none; outline: none; } a img { border: 0; } ul { list-style: none; } acronym { cursor: help; border: 0; } /* floats */ #header, #header #logo, #container, #menu, #menu li, #artist, #artist h3, #artist .image, #artist p, #about, #about h3, #about p, #content div.section, #content h3, #content div.text_item, #content div.text_item h2, #content div.text_item p, #content div.list_items, #pagination { float: left; clear: both; width: 100%; } #flash_header { position: absolute; top: 0; left: 0; } #sizer { width: 770px; position: relative; } #header #logo { height: 160px; background: url(/css/cssimg/header.jpg) no-repeat 0 0; } #header #logo a { display: block; text-indent: -9999px; width: 425px; height: 56px; margin: 43px 0 0 67px; } #header #logo span { display: none; } #sidebar { float: left; width: 236px; background: url(/css/cssimg/menu_bg.jpg) no-repeat 0 0; } #menu { width: 149px; height: 210px; padding: 0 0 0 87px; background: url(/css/cssimg/menu_lines.gif) no-repeat 30px 117px; } #info_body #menu { background-image: url(/css/cssimg/menu_line_b.gif); } #info_body #menu.no_artist { background-image: none; } #artists_body #menu, #menu.no_artist { background-image: url(/css/cssimg/menu_line_g.gif); } #menu li { width: 149px; background: url(/css/cssimg/menu_active.gif) no-repeat; } #menu li a { width: 119px; height: 20px; display: block; text-indent: -9999px; background: url(/css/cssimg/menu.gif) no-repeat; } li#m_home { margin-top: 67px; } /* default */ li#m_home, li#m_releases, li#m_artists, li#m_info, li#m_links { background-position: 120px 0; } li#m_home a { background-position: -30px 0; } li#m_releases a { background-position: -30px -20px; } li#m_artists a { background-position: -30px -40px; } li#m_info a { background-position: -30px -60px; } li#m_links a { background-position: -30px -80px; } li#m_home a:hover { background-position: -150px 0; } li#m_releases a:hover { background-position: -150px -20px; } li#m_artists a:hover { background-position: -150px -40px; } li#m_info a:hover { background-position: -150px -60px; } li#m_links a:hover { background-position: -150px -80px; } /* active */ #home_body li#m_releases, #releases_body li#m_releases { background-position: 120px -20px; } #artists_body li#m_artists { background-position: 120px -40px; } #info_body li#m_info { background-position: 120px -60px; } #links_body li#m_links { background-position: 120px -80px; } #releases_body li#m_releases a { background-position: -150px -20px; } #artists_body li#m_artists a { background-position: -150px -40px; } #info_body li#m_info a { background-position: -150px -60px; } #links_body li#m_links a { background-position: -150px -80px; } #releases_body li#m_releases a:hover { background-position: -30px -20px; } #artists_body li#m_artists a:hover { background-position: -30px -40px; } #info_body li#m_info a:hover { background-position: -30px -60px; } #links_body li#m_links a:hover { background-position: -30px -80px; } /* sidebar artist */ #artist { width: 188px; padding-left: 48px; background: url(/css/cssimg/sidebar_line_g.gif) repeat-y 0 0; } #info_body #artist { background: none; } #artist h3 { width: 172px; } #artist h3 a { display: block; text-indent: -9999px; overflow: hidden; height: 20px; } #artist.featured h3 a { background: url(/css/cssimg/featured_artist.gif) no-repeat 0 0; } #artist.release h3 a { background: url(/css/cssimg/release_artist.gif) no-repeat 0 0; } #artist h3 a:hover { background-position: 0 -20px; } #artist img { border: 1px solid #fff; } #artist img, #artist .image { margin-top: 14px; } #artist .image { width: 162px; } #artist .image img { margin-top: 0; } #artist .image:hover img { border: 1px solid #00deff; } #artist p { font-size: 1.1em; width: 138px; margin: 10px 0 0 0; padding: 0 17px 40px 17px; } #artist p strong { font-size: 1.1em; color: #00deff; } #artist p a { color: #00deff; text-decoration: none; } #artist p a:hover { text-decoration: underline; } #artist.blank { height: 350px; } /* sidebar info */ #about { width: 206px; padding-left: 30px; } #about h3 { width: 190px; } #about h3 a { display: block; text-indent: -9999px; overflow: hidden; height: 20px; background: url(/css/cssimg/about_gc.gif) no-repeat 0 0; } #about h3 a:hover { background-position: 0 -20px; } #about p { font-size: 1.1em; width: 138px; margin: 10px 0 0 18px; display: inline; padding: 0 17px 40px 17px; } #about p a { color: #84ff00; text-decoration: none; } #about p a:hover { text-decoration: underline; } #content { float: left; width: 534px; background: url(/css/cssimg/content_bg.jpg) no-repeat 0 0; } #content h3 { background: no-repeat 0 0; } #content h3 a, #content h3 span { display: block; width: 130px; height: 30px; margin-left: 30px; text-indent: -9999px; background: no-repeat 9px 0; } #content h3 a:hover { background-position: 9px -30px; } #home_body #content div.section, #releases_body #content div.section { background: url(/css/cssimg/c_border_left_y.gif) repeat-y 0 0; } #artists_body #content div.section { background: url(/css/cssimg/c_border_left_b.gif) repeat-y 0 0; } #links_body #content div.section { background: url(/css/cssimg/c_border_left_p.gif) repeat-y 0 0; } #info_body #content div.section { background: url(/css/cssimg/c_border_left_g.gif) repeat-y 0 0; } /* yellow */ #content #h3_featured_release { background-image: url(/css/cssimg/c_border_top_y.gif); } #content #h3_featured_release a { background-image: url(/css/cssimg/c_featured_release.gif); width: 130px; } #content #h3_latest_releases { background-image: url(/css/cssimg/c_border_middle_y.gif); } #content #h3_latest_releases a { background-image: url(/css/cssimg/c_latest_releases.gif); width: 123px; } #content #h3_all_releases { background-image: url(/css/cssimg/c_border_bottom_y.gif); } #content #h3_all_releases a { background-image: url(/css/cssimg/c_all_releases.gif); width: 203px; } #content #h3_gc_releases { background-image: url(/css/cssimg/c_border_top_y.gif); } #content #h3_gc_releases a { background-image: url(/css/cssimg/c_gc_releases.gif); width: 92px; } #content #h3_back_to_releases { background-image: url(/css/cssimg/c_border_bottom_y.gif); } #content #h3_back_to_releases a { background-image: url(/css/cssimg/c_back_to_releases.gif); width: 117px; } /* blue */ #content #h3_gc_artists { background-image: url(/css/cssimg/c_border_top_b.gif); } #content #h3_gc_artists a { background-image: url(/css/cssimg/c_gc_artists.gif); width: 78px; } #content #h3_back_to_artists { background-image: url(/css/cssimg/c_border_bottom_b.gif); } #content #h3_back_to_artists a { background-image: url(/css/cssimg/c_back_to_artists.gif); width: 103px;} /* green */ #content #h3_gc_info { background-image: url(/css/cssimg/c_border_top_g.gif); } #content #h3_gc_info a { background-image: url(/css/cssimg/c_gc_info.gif); width: 59px; } #content #h3_back_to_home { background-image: url(/css/cssimg/c_border_bottom_g.gif); } #content #h3_back_to_home a { background-image: url(/css/cssimg/c_back_to_home.gif); width: 91px; } #content #h3_contact { background-image: url(/css/cssimg/c_border_middle_g.gif); } #content #h3_contact a { background-image: url(/css/cssimg/c_contact.gif); width: 71px; } #content #h3_policy { background-image: url(/css/cssimg/c_border_middle_g.gif); margin-bottom: 10px; } #content #h3_policy a { background-image: url(/css/cssimg/c_policy.gif); width: 62px; } /* pink */ #content #h3_gc_links { background-image: url(/css/cssimg/c_border_top_p.gif); } #content #h3_gc_links a { background-image: url(/css/cssimg/c_gc_links.gif); width: 66px; } #content #h3_netlabels { background-image: url(/css/cssimg/c_border_middle_p.gif); } #content #h3_netlabels span { background-image: url(/css/cssimg/c_netlabels.gif); width: 89px; } #content #h3_friends { background-image: url(/css/cssimg/c_border_middle_p.gif); } #content #h3_friends span { background-image: url(/css/cssimg/c_friends.gif); width: 72px; } #content #h3_others { background-image: url(/css/cssimg/c_border_middle_p.gif); } #content #h3_others span { background-image: url(/css/cssimg/c_others.gif); width: 67px; } #content div.text_item { margin-left: 39px; display: inline; width: 495px; } #content div.text_item h2 { font-size: 1.8em; line-height: 1em; color: #fff; width: 394px; padding: 14px 101px 0 0; /*padding: 14px 104px 0 0;*/; } #content div.text_item h2 span { font-size: .7em; font-weight: normal; } #content div.text_item h2 a { /*display: block; */} #content div.text_item h2 a, #content div.text_item h2 a span { color: #fff; } #content div.text_item h2 a:hover, #content div.text_item h2 a em { color: #ffc600; font-style: normal; } #content div.text_item p { font-size: 1.2em; margin-bottom: 20px; width: 290px; clear: none; } #content div.text_item p.date { font-size: 1.1em; padding-right: 104px; clear: both; } #content div.text_item p a { color: #ffc600; font-weight: bold; } #content div.text_item p a:hover { text-decoration: underline; } /* #content div.text_item h2 a.artist_title { display: inline !important; } #releases_body #content div.text_item h2 a { display: block; } */ #content div.text_item h2 a.release_title { display: block !important; } * html #home_body #content div.text_item p { margin-bottom: 0; padding-bottom: 20px; } #content div.text_item .image { float: left; display: inline; margin-left: 20px; } #content div.text_item .teaser { float: left; } #info_body #content div.text_item .image { float: right; display: inline; margin-right: 20px; position: relative; } #content div.album div.text_item h2 a { display: inline; color: #ffc600; } #content div.album div.text_item h2 a:hover { display: inline; color: #fff; } #content div.album div.text_item h2 a em { color: #00DEFF; } #content div.album div.text_item h2 a:hover em { color: #fff; } #content div.album div.text_item p { width: 470px; padding: 0; } #content div.album div.text_item p.code { margin-bottom: 0; margin-top: 3px; width: 394px; } #content div.album div.text_item p.date { width: 394px; } #content div.album div.text_item p.album_stats { width: 465px !important; width: 460px; text-align: right; font-size: 1.1em; margin: 5px; } #content div.album div.text_item .image { float: left; margin: 0 20px 20px -10px; position: relative; } #content div.album div.text_item div.album_playlist { clear: left; font-size: 1.4em; } #content div.album div.text_item div.album_playlist a { color: #ffc600; font-weight: bold; } #content div.album div.text_item div.album_playlist a:hover { color: #fff; } #content div.album div.text_item div.album_playlist table { margin: 20px 5px 0 0; width: 473px; } #content div.album div.text_item div.description { margin-top: 20px; } #content div.album div.text_item div.album_playlist table a { display: block; } #content div.album div.text_item div.album_playlist table td.song_duration, #content div.album div.text_item div.album_playlist table td.song_ext { text-align: right; } #content div.album div.text_item div.album_playlist table td.song_size { text-align: center; } #content div.album div.text_item div.album_playlist table td.song_ext, #content div.album div.text_item div.album_playlist em.song_ext { color: #ffc600; font-style: normal; } #content div.album div.text_item div.album_playlist table td.song_duration, #content div.album div.text_item div.album_playlist table td.song_size { font-size: 0.86em; } #content img, #cover_image { border: 1px solid #fff; } #cover_image img { border: 0; } #cover_image { float: left; width: 470px; height: 470px; } #home_body #content a:hover img, #releases_body #content a:hover img { border: 1px solid #ffc600; } #artists_body #content a:hover img { border: 1px solid #00DEFF; } #info_body #content a:hover img { border: 1px solid #84FF00; } /* list items */ #content div.list_items { margin: 9px 0 0 25px; width: 470px; display: inline; } #content div.list_items dl { float: left; width: 225px; padding-bottom: 18px; display: inline; } #content div.list_items dl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; line-height: 0; overflow: hidden; } #content div.list_items dl.odd { clear: left; margin-right: 20px; } #content div.list_items dl.even { clear: none; margin-right: 0px; } #content div.list_items dl dt, #content div.list_items dl dd { font-size: 1.2em; line-height: 1.4em; } #content div.list_items dl dt a, #info_body #content div.list_items dl dt span { /*display: block;*/} #info_body #content div.list_items dl dt span { color: #84FF00; font-weight: bold; } #content div.list_items dl dd { float: right; clear: right; width: 130px; } #content div.list_items dl dd.code { margin-top: 1px; } #content div.list_items dl dd.date { font-size: 1.1em; } #content div.list_items dl a { /*display: block;*/ font-weight: bold; } #content div.list_items dl a span { display: block; margin-left: 95px; color: #fff; } #content div.list_items dl dt a img, #info_body #content div.list_items dl dt span img { float: left; width: 85px; height: 85px; margin: 0 7px 0 0; } #home_body #content div.list_items dl dt img { margin-top: -8px; } #home_body #content div.list_items dl dt { margin-top: 8px; } #releases_body #content div.list_items dl dt img { margin-top: -8px; } #releases_body #content div.list_items dl dt { margin-top: 8px; } #artists_body #content div.artist div.list_items dl dt img { margin-top: -8px; } #artists_body #content div.artist div.list_items dl dt { margin-top: 8px; } #artists_body #content div.list_items dl dt img { margin-top: -18px; } #artists_body #content div.list_items dl dt { margin-top: 18px; } #artists_body #content div.list_items dl dd.location { height: 52px; } #artists_body #content div.artist div.list_items a:hover img { border: 1px solid #ffc600; } #info_body #content div.list_items dl dt img { margin-top: -13px; } #info_body #content div.list_items dl dt { margin-top: 13px; } #links_body #content div.list_items { margin-left: 38px; } #links_body #content div.list_items dl { overflow: hidden; } #links_body #content div.list_items dl dd { float: none; } #links_body #content div.list_items dl dt { font-size: 1.4em; font-weight: bold; color: #FF00F6; } #links_body #content div.list_items dl dd a { color: #fff; font-weight: normal; } #links_body #content div.list_items dl dd a:hover { color: #ff00f6; } #content div.text_item a:hover { text-decoration: underline; } a.image:hover, #content div.list_items dl dt a:hover { background: transparent; cursor: pointer; } #home_body #content div.list_items dl a, #home_body #content div.list_items dl a:hover span { color: #ffc600; } #releases_body #content div.list_items dl a, #releases_body #content div.list_items dl a:hover span { color: #ffc600; } #artists_body #content div.artist div.list_items dl a, #artists_body #content div.artist div.list_items dl a:hover span { color: #ffc600; } #artists_body #content div.list_items dl a { color: #00DEFF; } #artists_body #content div.list_items dl a:hover { color: #fff; } #info_body #content div.list_items dl a { color: #84FF00; } #info_body #content div.list_items dl a:hover { color: #fff; } /* #content div.list_items { margin: 9px 0 0 25px; width: 470px; display: inline; } #content div.list_items dl { float: left; display: inline; width: 225px; margin-bottom: 18px; } #content div.list_items dl.odd { clear: left; margin-right: 20px; } #content div.list_items dl.even { clear: none; margin-right: 0px; } #content div.list_items dl dt, #content div.list_items dl dd { font-size: 1.2em; line-height: 1.4em; } #content div.list_items dl dd.code { margin-top: 1px; background: green; } #content div.list_items dl dd.date { font-size: 1.1em; background:red; } #content div.list_items dl a { font-weight: bold; display: block; } #home_body #content div.list_items dl a, #home_body #content div.list_items dl a:hover span { color: #ffc600; } #releases_body #content div.list_items dl a, #releases_body #content div.list_items dl a:hover span { color: #ffc600; } #artists_body #content div.artist div.list_items dl a, #artists_body #content div.artist div.list_items dl a:hover span { color: #ffc600; } #artists_body #content div.list_items dl a { color: #00DEFF; } #artists_body #content div.list_items dl a:hover { color: #fff; } #info_body #content div.list_items dl a { color: #84FF00; } #info_body #content div.list_items dl a:hover { color: #fff; } #content div.list_items dl a span { display: block; color: #fff; margin-left: 87px; background: blue; } #content div.list_items dl dt { } #content div.list_items dl dt a, #info_body #content div.list_items dl dt span { display: block; } #info_body #content div.list_items dl dt span { color: #84FF00; font-weight: bold; } a.image:hover, #content div.list_items dl dt a:hover { background: transparent; cursor: pointer; } #content div.list_items dl dt a img, #info_body #content div.list_items dl dt span img { float: left; width: 85px; height: 85px; margin: 0 7px 0 0; } #artists_body #content div.artist div.list_items a:hover img { border: 1px solid #ffc600; } #content div.list_items dl dd { clear: none !important; } #home_body #content div.list_items dl dt img { margin-top: -8px; } #home_body #content div.list_items dl dt { margin-top: 8px; } #releases_body #content div.list_items dl dt img { margin-top: -8px; } #releases_body #content div.list_items dl dt { margin-top: 8px; } #artists_body #content div.artist div.list_items dl dt img { margin-top: -8px; } #artists_body #content div.artist div.list_items dl dt { margin-top: 8px; } #artists_body #content div.list_items dl dt img { margin-top: -18px; } #artists_body #content div.list_items dl dt { margin-top: 18px; } #artists_body #content div.list_items dl dd.location { height: 52px; } #info_body #content div.list_items dl dt img { margin-top: -13px; } #info_body #content div.list_items dl dt { margin-top: 13px; } #content div.list_items dl dd { margin-left: 87px; } #links_body #content div.list_items { margin-left: 38px; } #links_body #content div.list_items dl { overflow: hidden; } #links_body #content div.list_items dl dd { margin-left: 0; } #links_body #content div.list_items dl dt { color: #FF00F6; font-size: 1.4em; font-weight: bold; } #links_body #content div.list_items dl dd a { color: #fff; font-weight: normal; } #links_body #content div.list_items dl dd a:hover { color: #ff00f6; } */ #pagination { padding-top: 8px; height: 30px; } #releases_body #pagination { background: url(/css/cssimg/c_border_pagination_y.gif) no-repeat 0 0; } #artists_body #pagination { background: url(/css/cssimg/c_border_pagination_b.gif) no-repeat 0 0; } #links_body #pagination { background: url(/css/cssimg/c_border_pagination_p.gif) no-repeat 0 0; } #pagination a.prev, #pagination a.next { display: inline; text-indent: -9999px; height: 30px; background: no-repeat 0 0; } #pagination a.prev:hover, #pagination a.next:hover { background-position: 0 -30px; } #pagination a.prev { width: 56px; float: left; margin-left: 39px; } #pagination a.next { width: 30px; float: right; margin-right: 102px; } #releases_body #pagination a.prev { background-image: url(/css/cssimg/c_prev_y.gif); } #releases_body #pagination a.next { background-image: url(/css/cssimg/c_next_y.gif); } #artists_body #pagination a.prev { background-image: url(/css/cssimg/c_prev_b.gif); } #artists_body #pagination a.next { background-image: url(/css/cssimg/c_next_b.gif); } #links_body #pagination a.prev { background-image: url(/css/cssimg/c_prev_p.gif); } #links_body #pagination a.next { background-image: url(/css/cssimg/c_next_p.gif); } #pagination div { text-align: center; margin: 6px 132px 0 95px !important; margin-top: 16px; } #pagination div a { font-size: 1.4em; padding: 2px 5px; } #releases_body #pagination div a { color: #ffc600; } #artists_body #pagination div a { color: #00DEFF; } #links_body #pagination div a { color: #ff00f6; } #pagination div a:hover { text-decoration: underline; } #releases_body #pagination div a.active, #artists_body #pagination div a.active, #links_body #pagination div a.active { color: #fff; } #links_body #pagination a#h3_back_to_home_p { background-image: url(/css/cssimg/c_back_to_home_p.gif); width: 69px; } #links_body #pagination a#h3_get_on_top { background-image: url(/css/cssimg/c_top_p.gif); width: 52px; } /* #home_body #content .first_child div.text_item h2, #home_body #content .first_child div.text_item p.date, #releases_body #content .album div.text_item h2, #releases_body #content .album div.text_item p.date, #releases_body #content .album div.text_item p.code { background: url(/css/cssimg/c_border_left_y.gif) repeat-y 393px 0; } */ #info_body #content .first_child div.text_item h2, #info_body #content .first_child div.text_item p.date { background: url(/css/cssimg/c_border_left_g.gif) repeat-y 393px 0; } #artists_body #content div.text_item h2, #artists_body #content div.text_item p.location, #artists_body #content div.text_item p.link { background: url(/css/cssimg/c_border_left_b.gif) repeat-y 393px 0; } #artists_body #content div.text_item h2 a { color: #00DEFF;} #artists_body #content div.text_item h2 a:hover { color: #fff;} #artists_body #content div.text_item { display: inline !important; } #artists_body #content div.text_item .image { float: left; margin: -5px 15px 5px -27px; position: relative; } #artists_body #content div.text_item div.description { display: inline !important; width: 429px; margin-left: 27px; } #info_body #content div.text_item h2 { padding-bottom: 14px; } #info_body #content div.text_item h2 em { display: block; color: #84FF00; } #info_body #content div.text_item p a, #info_body #content div.text_item h2 a:hover { color: #84FF00; } #info_body #content div.text_item h2 span { vertical-align: text-top; font-size: .6em; } #info_body #content div.text_item p { width: 456px; } #info_body #content div.text_item .image { margin: 20px -19px 10px 5px; } #content div.text_item p.link, #content div.text_item p.link a { color: #FF00C6; } #content div.text_item p.link { width: 394px; } #content div.text_item p.location { width: 394px; margin-bottom: 0; } #content div.text_item .description { float: left; width: 470px; font-size: 1.2em; } #content div.text_item .description * { font-size: 1em; } #content div.text_item .description p { clear: none !important; width: auto !important; float: none !important; } #address { font-size: 1.2em; margin-bottom: 1.3em; float: left; } #address dt { font-weight: bold; } #licence { text-align: center; } #licence .licence_image { display: block; width: 88px; margin: 10px auto 3px auto; } #info_body #licence .licence_image { margin-top: 0; } #footer { clear: both; } #footer span { display: none; } #site_by_link { margin-left: 10px !important; margin-left: 5px; display: block; float: left; width: 90px; height: 30px; text-indent: -9999px; background: url(/css/cssimg/web_burza.gif) no-repeat 0 0; } #site_by_link:hover { background-position: 0 -30px; } #paypal_container { clear: both; text-align: center; position: relative; top: -15px; } #releases_body #paypal_container { padding: 20px 0 5px; } #paypal_container img { position: absolute; top: -9999px; left: -9999px; } #paypal_container input { margin: 0 auto; }