* {
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;
}
}