thats all folks
::-webkit-scrollbar-thumb:vertical {
background-color: #666;/*Change the scrollbar color*/
height:6px;
}
::-webkit-scrollbar-corner {
background-color: transparent;
}
::-webkit-scrollbar {
margin-left: 5px;
height:5px;
width:5px;
}
body {
background-color: #eee;/*Change the background color*/
color: #999; /*Change the text color*/
font-family: tahoma;
font-size: 10px;
letter-spacing: 0.1em;}
.titulo {
margin-bottom: 2px;
padding: 5px 0px;
width: 350px;
height: 10px;
font-family: tahoma;
text-transform: uppercase;
text-align:center;
background-color: #fff;/*Change the title background color*/
letter-spacing: 2px;
color: #666; /*Change the title color*/
font-size: 8px;
}
.header img {
width: 350px;
height: 170px;
}
.header {
width: 330px;
}
.header ul {
margin-top: 5px;
width: 360px;
margin-left: -40px;
font-family: tahoma;
list-style-type: none;
}
.header ul li {
width: 83px;
display:inline-block;
background-color: #fff; /*Change the main links background color*/
text-align: center;
}
.header ul li a {
padding: 5px;
letter-spacing: 2px;
display: inline-block;
color: #666; /*Change the main links color*/
text-decoration: none;
font-size: 8px;
text-transform: uppercase;
}
.header ul li:hover {
border-left: solid 10px #666; /*Change the main links left border color*/
width: 73px;
color: #999; /*Change the main links color when hover*/
}
.all {
margin: 50px auto;
width: 330px;
}
.enlaces {
height: 100px;
width: 200px;
margin-left: 0px;
margin-top: 15px;
position: absolute;
}
.link label{
color: #999; /*Change the list titles color*/
letter-spacing: 2px;
font-size: 8px;
line-height: 14px;
font-weight: bold;
background-color: #ffffff; /*Change the list titles background color*/
width:162px;
padding: 5px;
text-transform: uppercase;
height: 15px;
text-align: center;
cursor: pointer;
display: block;
margin-bottom: 10px;
}
.link label:hover {
border-left: solid 10px #666; /*Change the list titles left border color*/
width: 152px;
color: #666; /*Change the list titles color when hover*/
}
[type=radio]:checked ~ label {
z-index: 2;
border-left: solid 10px #666;/*Change the list titles left border color when checked*/
color: #666;/*Change the list titles color when checked*/
width: 152px;
}
.link [type=radio] {
display: none;
}
.contenido {
color: #999;
background-color: #ffffff;
float:right;
width: 150px;
margin-top: -30px;
margin-left: 239px;
height: 320px;
padding: 10px;
overflow: scroll;
text-align: justify;
position: absolute;
top:30px;
left:-60px;
}
.contenido a {
color: #999; /*Change the links color*/
padding: 3px;
font-size: 8px;
margin-bottom: 2px;
display: block;
text-decoration: none;
text-transform: uppercase;
}
.contenido a:hover {
letter-spacing: 2px;
border-bottom: solid 2px #666; /*Change the links bottom border color when hover*/
text-align:center;
color: #666; /*Change the links color when hover*/
font-weight: bold;
padding: 2px;
}
[type=radio]:checked ~ label ~ .contenido {
z-index: 1;
}
Navigation