Clase 2 para Laboratorio III

Para esta clase trabajaremos con Hojas de Estilo en Cascada (CSS), para lo cual primero bajaremos el programa Top Style 2.5 Lite (gratuito)
Sugiero para ampliar luego que lean
- CSS, hojas de estilo
- Manual de CSS
Esta es la Hoja de Estilo en Cascada de nuestro querido MediaLab Rosario
body {
margin:0px 0px 0px 0px;
font-family : Verdana;
background : #F8E6DE;
}
A {
color: #AD330A;
font-family: verdana;
font-size:10px;
text-decoration: none;
font-weight:bold;
}
A:link {
color: #AD330A;
text-decoration: none;
}
A:visited {
color: #AD330A;
text-decoration: none;
}
A:active {
color: #27527A;
}
A:hover {
color: #27527A;
}
BODY {
scrollbar-3d-light-color: #FAF0E6;
scrollbar-track-color: #AD330A;
scrollbar-arrow-color: #DDDDDD;
scrollbar-base-color: #FAF0E6;
scrollbar-dark-shadow-color: #FAF0E6;
scrollbar-face-color: #FAF0E6;
scrollbar-highlight-color: #AD330A;
scrollbar-shadow-color: #AD330A;
scrollbar-darkshadow-color: #FAF0E6}
#banner, #banner-commentspop {
color: #FAF0E6;
font-size:26px;
font-weight:bold;
background: #AD330A;
padding-top:15px;
padding-right: 5px; padding-left: 5px;
padding-bottom: 6px;
}
input, select, textarea
{
font-size: 10px;
font-family:verdana;
font-weight:bold;
border: solid 1px #AD330A;
padding: 1px;
margin: 1px;
background-color: #F8E6DE;
color: #AD330A;
}
.description {
color: #FAF0E6;
font-size:11px;
font-weight:normal;
text-transform:none;
letter-spacing: .none;
}
#content {
z-index: 3;
padding: 5px;
background: #F8E6DE;
margin-right:220px;
margin-left: 220px;
margin-bottom:20px;
}
#links {
z-index:1;
position:absolute;
top: 200px;
right: 20px;
width: 150px;
background: #F4E9E4;
color: #6F3E11;
padding: 5px;
text-align:left;
border-top: 1px solid #AD330A;
border-left: 1px solid #AD330A;
border-right: 1px solid #AD330A;
border-bottom: 1px solid #AD330A;
}
#llinks {
z-index:2;
position:absolute;
top: 200px;
left: 8px;
width: 180px;
background: #F4E9E4;
color: #6F3E11;
padding: 5px;
text-align:left;
border-top: 1px solid #AD330A;
border-left: 1px solid #AD330A;
border-right: 1px solid #AD330A;
border-bottom: 1px solid #AD330A;
}
.blog {
padding-left:1px;
padding-top:1px;
padding-right:1px;
}
.blogbody {
color: #110000;
font-size:11px;
font-family: verdana;
font-weight:normal;
background: #F4E9E4;
line-height:14px;
border-top: 1px solid #AD330A;
border-left: 1px solid #AD330A;
border-right: 1px solid #AD330A;
border-bottom: 1px solid #AD330A; padding:10px;
}
.title {
font-family: verdana;
font-size: 13px;
color: #003366;
text-transform: uppercase;
font-weight:bold;
}
#menu {
margin-bottom:10px;
background: #F4E9E4;
font-size:12px;
font-weight:bold;
font-family: verdana;
}
.date {
font-family: verdana;
color: #003366;
font-size: 10px;
font-weight:bold;
text-transform:normal;
margin-top:10px;
}
.posted {
font-family:verdana;
font-size: 11px;
color: #333;
margin-bottom:25px;
}
.calendar {
font-family:verdana;
color:#000;
font-size:8px;
font-weight:normal;
background: #F4E9E4;
line-height:14px;
padding:2px;
text-align:center;
}
.calendarhead {
font-family:verdana;
color: #003366;
font-size:11px;
font-weight:bold;
background:#F4E9E4;
line-height:14px;
padding:1px;
}
.referencia {
font-family:verdana, arial, sans-serif;
color: #6F3E11;
font-size:10px;
font-weight:normal;
background: #F4E9E4;
line-height:14px;
padding:10px;
border-top: 1px solid #AD330A;
border-left: 1px solid #AD330A;
border-right: 1px solid #AD330A;
border-bottom: 1px solid #AD330A;
}
.side {
font-family: verdana;
color: #444;
font-size:10px;
font-weight:normal;
background: #F4E9E4;
line-height:14px;
}
.sidetitle {
font-family: verdana;
color: #003366;
font-size:10px;
font-weight:bold;
background: #F4E9E4;
line-height:14px;
padding:2px;
margin-top:10px;
border-bottom: 1px solid #6F3E11;
text-transform:uppercase;
letter-spacing: .2em;
}
.sidesubtitle {
font-family: verdana;
color: #003366;
font-size:11px;
font-weight: bold;
background: #F4E9E4;
border-bottom: 1px solid #6F3E11;
}
.syndicate {
font-family: verdana;
color: #6F3E11;
font-size:10px;
font-weight:bold;
line-height:14px;
padding:2px;
margin-top:10px;
border-top: 1px solid #6F3E11;
border-bottom: 1px solid #6F3E11;
text-align:center;
}
.powered {
font-family: verdana;
color: #6F3E11;
font-size:10px;
font-weight:bold;
border-top: 1px solid #6F3E11;
border-bottom: 1px solid #6F3E11;
line-height:14px;
padding:2px;
margin-top:10px;
text-align:center;
}
.comments-body {
color: #110000;
font-size:10px;
font-weight:normal;
background: #fff;
line-height:14px;
border-bottom: 1px solid #AD330A; padding:10px;
}
.comments-post {
color: #6F3E11;
font-size:10px;
font-weight:normal;
background: #FAF0E6;
}
.comments-head {
font-size: 10px;
color: #6F3E11;
font-weight:bold;
margin-top:10px;
text-transform:uppercase;
border-bottom: 1px solid #333333;
}
.trackback-body {
font-family:verdana, arial, sans-serif;
color:#110000;
font-size:10px;
font-weight:normal;
background:#fff;
line-height:140%;
padding-top:15px;
}
.trackback-url {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:10px;
font-weight:normal;
background:#FAF0E6;
line-height:140%;
padding:5px;
border:1px dashed #333333;
.trackback-post {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:10px;
font-weight:normal;
background:#FAF0E6;
margin-bottom:20px;
}


Comentarios
thank
Publicado por: diet pill synthroid | Agosto 16, 2006 4:24 PM