Ud. está en: MediaLab Rosario > Clases >

Clase 2 para Laboratorio III

v.jpg

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

Publicar un comentario

Atención: Para poder enviar un comentario, deberás ingresar el código que aparece en la imagen y luego oprimir el botón Publicar.



Archivos

Enlaces seleccionados

Technorati

Technorati search

» Blogs que enlazan aquí

Sindicación:
RSS 2.0 - xml
Atom
RSD
Powered by
Movable Type 3.34

Creative Commons License
Este weblog está licenciado bajo una Licencia Creative Commons.

logo88x25.gif

Optimizado para:
Get Firefox!