Kahtlane FM web page http://kahtlane.eu
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

108 lines
1.9 KiB

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {
font-family: 'Roboto', sans-serif;
background-image: url('http://i.imgur.com/BkSL2KJ.png');
background-position: center top;
background-size: cover;
color: #fff;
}
#content {
width: 100%;
max-width: 500px;
margin: 50px auto auto;
text-align: center;
}
h1 {
font-weight: 500;
font-size: 36pt;
text-transform: uppercase;
}
h3 {
font-size: 16pt;
text-transform: uppercase;
}
#content hr {
width: 350px;
height: 2px;
border: none;
background-color: #fff;
margin: 0 auto 5px;
}
#players {
background-color: rgba(255,255,255,0.12);
margin: 30px auto;
padding: 15px 0;
}
.playerbox {
width: 300px;
margin: 5px auto 18px;
border-radius: 3px;
}
.playertitle {
font-size: 18pt;
font-weight: 500;
}
#on-air-head {
font-weight: 700;
font-size: 15pt;
margin-bottom: 4px;
}
#on-air {
font-size: 13pt;
}
audio {
width: 100%;
border-radius: 3px;
}
#players a {
text-decoration: none;
color: #fff;
}
#players a:hover {
text-decoration: underline;
color: #fafafa;
}