* { margin: 0px; padding: 0px; } html { font-size: 62.5% } body { width: 100%; display: -moz-box; display: -webkit-box; -moz-box-pack: center; -webkit-box-pack: center; font-size: 16px: font-size: 1.6rem; } .link_block { font-size: 16px; font-size: 1.6rem; position: relative; display: inline-table; list-style: none; vertical-align: top; } .link_block li { word-wrap: break-word; width: 280px; padding: 5px 10px; } div.h_line_block { padding-left: 22px ; text-indent: -22px ; display: inline-block; width: 240px; font-size: 16px; font-size: 1.6rem; font: bold verdana, sans-serif; } div.h_menu_list{ -webkit-column-count: 4; -webkit-column-rule: 0px; -moz-column-count: 4; -moz-column-rule: 0px; } h1 { text-align: center; font-size: 30px; font-size: 3.0rem; font: bold verdana, sans-serif; margin-bottom: 15px; } h2 { text-align: center; font-size: 22px; font-size: 2.2rem; font: bold verdana, sans-serif; margin-bottom: 15px; margin-top: 15px; } h3 { text-align: left; font-size: 20px; font-size: 2.0rem; font: bold verdana, sans-serif; margin-bottom: 15px; } h4 { text-align: left; font-size: 16px; font-size: 1.6rem; font: bold verdana, sans-serif; margin-bottom: 15px; } page { text-align: left; font-size: 20px; font-size: 2.0rem; font: bold BrockScriptFont, sans-serif; margin-bottom: 25px; } header, section, footer, aside, nav, dedication, article, figure, figcaption, hgroup { display: block; } nav { font-size: 16px; font-size: 1.6rem; font: verdana, sans-serif; background: #000000; color: yellow; padding: 5px 15px; -moz-box-shadow: rgb(150,150,150) 10px 10px 15px; -webkit-box-shadow: rgb(150,150,150) 10px 10px 15px; box-shadow: rgb(150,150,150) 10px 10px 15px; } nav ul { padding: 0 20px; list-style: none; position: relative; display: inline-table; } nav ul:after { content: ""; clear: both; display: block; } nav ul li { float: left; padding: 0 20px; } nav ul li:hover { background: #4b545f; background: linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%); background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%); } nav ul li:hover a { color: #fff; } nav ul li a { display: block; padding: 5px 40px; color: #757575; text-decoration: none; } nav ul li:hover > ul { display: block; } nav ul li:onclick > ul { display: block; } nav ul ul { display: none; } nav ul ul { background: #5f6975; border-radius: 0px; padding: 0; position: absolute; top: 100%; } nav ul ul li { float: none; border-top: 1px solid #6b727c; border-bottom: 1px solid #575f6a; position: relative; } nav ul ul li a { padding: 5px 10px; margin-left: auto; margin-right: auto; color: #fff; } nav ul ul li a:hover { background: #4b545f; } nav ul ul ul { position: absolute; left: 100%; top:0; } table{ margin-left: auto; margin-right: auto; } table td { text-align: left; vertical-align: top; padding: 2px 0px; } table th { text-align: left; padding: 2px; } .top_link{ text-align: right; font-size: 16px; font-size: 1.6rem; } code { background: #CCCCCC; } .link_year { text-align: center; font-size: 30px; font-size: 3.0rem; text-decoration:underline; font-weight:bold; font: verdana, sans-serif; margin-bottom: 15px; } #article_info { width: 95%; text-align: left; } .row_odd { background: #EEEABB } .row_even { background: #FFFCDD } .button_info { width: 95%; display: -moz-box; display: -webkit-box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; -moz-box-flex: 1; -webkit-box-flex: 1; } .button_info div { width: 160px; height: 50px; padding: 8px; } .button_info button { width: 150px; } .act_name_title { text-align: left; font-size: 24px; font-size: 2.4rem; text-decoration:underline; font-weight:bold; font: verdana, sans-serif; margin-top: 15px; margin-bottom: 15px; padding-top: 15px; border-top: solid #CCCCCC; border-top-width: 2px; } .perf_name_title { text-align: left; font-size: 29px; font-size: 2.0rem; font-style:italic; font-weight:bold; font: verdana, sans-serif; margin-top: 15px; margin-bottom: 15px; border-top: solid #FFFFFF; border-top-width: 1px; } .media_type_title { text-align: left; font-size: 29px; font-size: 2.0rem; font-weight:bold; font: verdana, sans-serif; margin-bottom: 15px; border-top: solid #FFFFFF; border-top-width: 1px; } .official_site { background: #FFF009; } .youtube_video { margin-top: 15px; margin-bottom: 15px; border: solid #CCCCCC; border-width: 2px; } .youtube_video img { width: 350px; } .text { text-align: left; padding: 2px 5px; } .act_name { font-weight:bold; text-align: left; padding: 5px 5px 2px 5px; } .numbers { text-align: right; padding: 2px 5px; } .points { text-align: right; padding: 2px 5px; } .place { text-align: right; padding: 2px 5px; } .tempo { text-align: right; padding: 2px 5px; } .ave_votes { text-align: right; padding: 2px 5px; } .votes { text-align: right; padding: 2px 5px; } .num_countries { text-align: center; padding: 2px 5px; } .num_12_points { text-align: center; padding: 2px 5px; } .record_name { text-align: left; font-size: 16px; font-size: 1.6rem; font: bold verdana, sans-serif; padding: 2px 5px; } .record_value { text-align: right; font-size: 16px; font-size: 1.6rem; font: verdana, sans-serif; padding: 2px 5px; } .record_description { text-align: left; font-size: 16px; font-size: 1.6rem; font: verdana, sans-serif; padding: 2px 5px; } .song_title { font-style: italic; } .year { padding: 2px 5px; } .country { padding: 2px 5px; } .language { padding: 2px 5px; } .age { text-align: left; padding: 2px 5px; } .name { text-align: left; padding: 2px 5px; } .date { text-align: right; padding: 2px 5px; } .no_entries { text-align: center; padding: 2px 5px; } .winner { text-align: center; background: #FFF009; } .winner-1 { text-align: center; margin: 0px; background: #CCFFFF; } .winner-2 { text-align: center; margin: 0px; background: #FFF009; } .winner-3 { text-align: center; margin: 0px; background: #FFFFFF; } .not_accessed { background: #FF3333; } .last_update { display: inline-block; text-align: right; font-size: 12px; font-size: 1.2rem; } #main_header { background: #FFFBB9; border: 1 px solid; #999999; padding: 20px; -moz-border-radius: 20px 20px 0px 0px; -webkit-border-radius: 20px 20px 0px 0px; border-radius: 20px 20px 0px 0px; -moz-box-shadow: rgb(150,150,150) 10px 10px 15px; -webkit-box-shadow: rgb(150,150,150) 10px 10px 15px; box-shadow: rgb(150,150,150) 10px 10px 15px; } #banner { text-align: center; font-size: 42px; font-size: 4.2rem; font: bold verdana, sans-serif; text-shadow:rgb(0,0,150) 3px 3px 5px; } #header_container { display: -moz-box; display: -webkit-box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; } #counter_container { display: -moz-box; display: -webkit-box; -moz-box-orient: vertical; -webkit-box-orient: vertical; } @font-face { font-family: 'BrockScriptFont'; src: url('BrockScript.ttf'); } #dedication { font-size: 16px; font-size: 1.6rem; font: bold verdana, sans-serif; background: #CCCCCC; padding: 5px 15px; -moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px; -moz-box-shadow: rgb(150,150,150) 10px 10px 15px; -webkit-box-shadow: rgb(150,150,150) 10px 10px 15px; box-shadow: rgb(150,150,150) 10px 10px 15px; } #main_section { -moz-box-flex: 1; -webkit-box-flex: 1; margin: 20px; } #main_aside { width: 170px; margin: 20px 0px; padding: 20px; background: #CCFFFF; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: rgb(150,150,150) 10px 10px 15px; -webkit-box-shadow: rgb(150,150,150) 10px 10px 15px; box-shadow: rgb(150,150,150) 10px 10px 15px; } #main_aside img { padding: 10px 0px; border: none; width: 100%; height: auto; } #main_footer { text-align: center; padding: 20px; border-top: 2px solid;#999999; } #main_footer img { padding: 10px 0px; border: none; max-width: 100%; height: auto; } #birthday_calendar { border-width: 0; width: 100%; height: 200px; } .actPopup { position: relative; } .actPopup a span { display: none; color: #FFFFFF; text-align: left;} .actPopup a:hover span { display: block; position: absolute; width: 500px; background-color: #FFFBCC; height: 47px; left: 35px; top: -63px; color: #111111; padding: 5px; } .tooltip1 { position: relative; } .tooltip1 a span { display: none; color: #FFFFFF; } .tooltip1 a:hover span { display: block; position: absolute; width: 350px; background-color: #FFFBCC; height: 45px; left: -15px; top: -10px; color: #111111; padding: 5px; } .tooltip2 { position: relative; } .tooltip2 a span { display: none; color: #FFFFFF; } .tooltip2 a:hover span { display: block; position: absolute; width: 200px; background-color: #FFFBCC; height: 20px; left: 0px; top: 0px; color: #111111; padding: 5px; } article { background: #FFFBCC; border: 1px solid;#999999; padding: 20px; margin-bottom: 15px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: rgb(150,150,150) 10px 10px 15px; -webkit-box-shadow: rgb(150,150,150) 10px 10px 15px; box-shadow: rgb(150,150,150) 10px 10px 15px; } .records_section { background: #FFFBCC; border: 1px solid;#999999; padding: 20px; margin-top: 20px; margin-bottom: 5px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: rgb(150,150,150) 10px 10px 15px; -webkit-box-shadow: rgb(150,150,150) 10px 10px 15px; box-shadow: rgb(150,150,150) 10px 10px 15px; } .records_page { background: #FFFBCC; border: 1px solid;#999999; padding: 20px; margin-bottom: 5px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: rgb(150,150,150) 10px 10px 15px; -webkit-box-shadow: rgb(150,150,150) 10px 10px 15px; box-shadow: rgb(150,150,150) 10px 10px 15px; } .records_table { background: #FFFBCC; border: 1px solid;#999999; padding: 10px; margin-bottom: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: rgb(150,150,150) 10px 10px 15px; -webkit-box-shadow: rgb(150,150,150) 10px 10px 15px; box-shadow: rgb(150,150,150) 10px 10px 15px; } article p { font-size: 17px; font-size: 1.7rem; font: verdana, sans-serif; margin-bottom: 15px; } article footer { font-size: 16px; font-size: 1.6rem; font: italic arial, sans-serif; text-align: right; } time { color: #999999; } figcaption { font-size: 16px; font-size: 1.6rem; font: italic, verdana, sans-serif; caption-side: top; } caption p { margin-bottom: 15px; } #h_list { font-size: 16px; font-size: 1.6rem; position: relative; display: inline-table; list-style: none; } #h_list li { width: 150px; padding: 5px 10px; float: left; } #fb_share { font-size: 16px; font-size: 1.6rem; color: #CCCCCC; background: #000088; border: 1px solid;#999999; padding: 5px 10px; margin-bottom: 40px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: rgb(150,150,150) 10px 10px 15px; -webkit-box-shadow: rgb(150,150,150) 10px 10px 15px; box-shadow: rgb(150,150,150) 10px 10px 15px; } .twitter-follow-button { font: 13px/17px Lucida Grande, "Lucida Grande", Arial, Helvetica, sans-serif; background: #C7E0EC url(https://twitter.com/images/oauth2/t_170px.png) no-repeat 7px 7px; text-decoration: none; text-align: right; width: 50px; height: 15px; padding-right: 7px; padding-left: 2px; padding: 8px 10px 9px 10px; color: #001F33; text-shadow: 0 1px 0 #E5F0F6; border-radius: 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.3); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.3); box-shadow: 0 1px 0 rgba(0,0,0,.3); display: inline-block; vertical-align: top; } .twitter-follow-button i { height: 23px; width: 23px; display: inline-block; margin:-2px 6px 0 0px; vertical-align: top; line-height: 0; display: inline-block; *zoom: 1; *display: inline; *margin: 0 0px 0 0; *height: 22px; border-right: 1px solid #73AFD5; } .twitter-follow-button i b { /* display: block;*/ display: inline-block; background: url(https://twitter.com/images/oauth2/t_170px.png) no-repeat 3px 3px; height: 23px; /* *height: 22px;*/ width: 22px; vertical-align: middle; border-right: 1px solid #094B60; } /*.twitter-follow-button :active i { border-right: 1px solid transparent; }*/ .twitter-follow-button .status { padding-left: 4px; } .actprofile_act_name { text-align: center; font-size: 30px; font-size: 3.0rem; text-decoration:underline; font-weight:bold; font: verdana, sans-serif; margin-bottom: 15px; } .actprofile_country_year { text-align: center; font-size: 24px; font-size: 2.4rem; font-weight:bold; font: verdana, sans-serif; margin-bottom: 15px; } .actprofile_song_title { text-align: center; font-size: 28px; font-size: 2.8rem; font-weight:bold; font: verdana, sans-serif; margin-bottom: 45px; } .actprofile_image { text-align: centre; margin-bottom: 45px; } .actprofile_text { text-align: left; font-size: 14px; font-size: 1.4rem; font: verdana, sans-serif; margin-bottom: 0px; } .return_button { width: 95%; text-align: right; margin-top: 45px; display: -moz-box; display: -webkit-box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; -moz-box-flex: 1; -webkit-box-flex: 1; } .return_button div { width: 160px; height: 50px; padding: 8px; } .return_button button { width: 150px; } /* Smartphones (portrait and landscape) */ @media only screen and (min-width: 320px) and (max-width: 480px) { #container { display: -moz-box; display: -webkit-box; -moz-box-orient: vertical; -webkit-box-orient: vertical; } #wrapper { max-width: 480px; width: 100%; margin: 15px 0px; display: -moz-box; display: -webkit-box; -moz-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-flex: 1; -webkit-box-flex: 1; } #wrapper object { margin: 0px; padding: 0px; width: 480px; } .columns { -webkit-column-count: 1; -webkit-column-rule: 0px; -moz-column-count: 1; -moz-column-rule: 0px; } } /* iPads (portrait and landscape) */ @media only screen and (min-width: 481px) and (max-width: 1024px) { #container { display: -moz-box; display: -webkit-box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; } #wrapper { max-width: 1024px; margin: 15px 0px; display: -moz-box; display: -webkit-box; -moz-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-flex: 1; -webkit-box-flex: 1; } #wrapper object { margin: 0px; padding: 0px; width: 1024px; } .columns { -webkit-column-count: 2; -webkit-column-rule: 0px; -moz-column-count: 2; -moz-column-rule: 0px; } } /*Desktops and laptops */ @media only screen and (min-width: 1025px) { #container { display: -moz-box; display: -webkit-box; -moz-box-orient: horizontal; -webkit-box-orient: horizontal; } #wrapper { max-width: 1060px; margin: 15px 0px; display: -moz-box; display: -webkit-box; -moz-box-orient: vertical; -webkit-box-orient: vertical; -moz-box-flex: 1; -webkit-box-flex: 1; } #wrapper object { margin: 0px; padding: 0px; max-width: 1060px; } .columns { -webkit-column-count: 2; -webkit-column-rule: 0px; -moz-column-count: 2; -moz-column-rule: 0px; } }