224 lines
2.8 KiB
CSS
224 lines
2.8 KiB
CSS
/***********************************************
|
|
* Copyright (c) 2012 Valeriano Alfonso *
|
|
***********************************************/
|
|
|
|
|
|
|
|
/* Elementos Base */
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: Verdana,Arial,Helvetica,sans-serif;
|
|
background-color:#000000;
|
|
color: #777777;
|
|
font-size: 10pt;
|
|
}
|
|
h1{
|
|
text-align: left;
|
|
margin-top: 0;
|
|
margin-bottom: 1em;
|
|
font-size: 16pt;
|
|
font-weight: bold;
|
|
}
|
|
h2{
|
|
text-align: left;
|
|
margin-top: 0;
|
|
margin-bottom: 0.75em;
|
|
font-size: 14pt;
|
|
font-weight: bold;
|
|
}
|
|
h3{
|
|
text-align: left;
|
|
margin-top: 0;
|
|
margin-bottom: 0.5em;
|
|
font-size: 10pt;
|
|
font-weight: bold;
|
|
}
|
|
h4{
|
|
margin-top: 0;
|
|
margin-bottom: 0.5em;
|
|
font-size: 11pt;
|
|
font-weight: bold;
|
|
}
|
|
p,li,td{
|
|
margin-top: 0;
|
|
margin-bottom: 0.5em;
|
|
font-size: 10pt;
|
|
}
|
|
li {
|
|
padding:2px;
|
|
}
|
|
img {
|
|
border:0;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Links normales */
|
|
a {
|
|
text-decoration:none;
|
|
font-weight: bold;
|
|
display:inline;
|
|
}
|
|
a:link {
|
|
color: #7777FF;
|
|
}
|
|
a:visited {
|
|
color: #7777FF;
|
|
}
|
|
a:hover {
|
|
color: #FFFFFF;
|
|
text-decoration: underline;
|
|
}
|
|
a:active {
|
|
color: #CBB545;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/* Estilo de Lonely Ruins */
|
|
.contenedor {
|
|
margin: 0;
|
|
padding: 0;
|
|
float: left;
|
|
width: 100%;
|
|
min-height: 100%;
|
|
}
|
|
.cabecera {
|
|
width: 700px;
|
|
height:130px;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
.titulo {
|
|
margin:0;
|
|
padding:0;
|
|
border:0;
|
|
vertical-align:bottom;
|
|
position:absolute;
|
|
}
|
|
a.titulo:hover {
|
|
background:none;
|
|
}
|
|
a.titulo img {
|
|
border:none;
|
|
}
|
|
a.titulo:hover img{
|
|
border:none;
|
|
}
|
|
.contenido {
|
|
width: 700px;
|
|
margin:0;
|
|
padding:0;
|
|
border:0;
|
|
position:relative;
|
|
margin: 0 auto;
|
|
vertical-align:bottom;
|
|
}
|
|
.pie {
|
|
width:700px;
|
|
height: 64px;
|
|
margin:0;
|
|
padding:0;
|
|
border:0;
|
|
position:relative;
|
|
margin: 0 auto;
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
|
|
|
|
.navbar {
|
|
height:130px;
|
|
width:500px;
|
|
margin:0;
|
|
padding:0;
|
|
border:0;
|
|
vertical-align:bottom;
|
|
position:absolute;
|
|
bottom:0px;
|
|
right:0px;
|
|
}
|
|
.navbar ul {
|
|
list-style:none;
|
|
list-style-type:none;
|
|
list-style-position:inside;
|
|
border:0;
|
|
padding:0;
|
|
margin:0;
|
|
display:block;
|
|
position:absolute;
|
|
bottom:0;
|
|
right:0;
|
|
}
|
|
.navbar li{
|
|
padding:0px;
|
|
float: left;
|
|
text-align: center;
|
|
vertical-align: bottom;
|
|
margin: 1px;
|
|
border-left:1px solid #777777;
|
|
}
|
|
.navbar li:first-child{
|
|
border-left:none;
|
|
}
|
|
|
|
/* links del navbar */
|
|
.navbar a {
|
|
padding: 4px;
|
|
font-size:12pt;
|
|
display:block;
|
|
}
|
|
|
|
|
|
|
|
.toTop{
|
|
text-align:right;
|
|
font-size:7pt;
|
|
}
|
|
|
|
|
|
.columnContainer{
|
|
white-space: nowrap;
|
|
font-size: 0;
|
|
vertical-align: top;
|
|
}
|
|
.column2{
|
|
width:50%;
|
|
display:inline-block;
|
|
font-size: 10pt;
|
|
vertical-align:top;
|
|
}
|
|
|
|
.playLink{
|
|
font-size:25px;
|
|
display: inline-block;
|
|
border-radius: 10px;
|
|
border: solid 1px grey;
|
|
width:127px;
|
|
height:43px;
|
|
line-height:43px;
|
|
}
|
|
.playLink:link{
|
|
color: #777777;
|
|
}
|
|
.playLink:hover{
|
|
box-shadow: 0 0 5px white;
|
|
text-shadow: 0 0 2px white;
|
|
border: solid 1px white;
|
|
text-decoration:none;
|
|
color: white;
|
|
}
|