cascadas de estilos

Anuncio
cascadas de estilos
ESTILOS DE CARACTERES Y BOTONES
.main
}
> p.lead{ LEAD
font-family: AllerLightRegular;
font-weight: normal;
font-size: 2em;
line-height: 27px;
margin-bottom: 18px;
color: #00A29A;
body { BARRA - PIE DE PAGINA
background-color: #FFFFFF;
font-family: AllerBold;
font-size: 13px;
color: #F4BC46;
}
.main
}
> h1{ TITULO PRINCIAPL
font-family: AllerDisplayRegular;
font-weight: normal;
font-size: 3.2em;
line-height: 36px; /*Interlineado*/
color: #2ED4C6;
margin: 0;
text-rendering: optimizelegibility;
h2{ TITULO TEXTO
font-size: 24px;
line-height: 36px;
color: #004F5B;
font-family: AllerBold;
font-weight: normal;
}
h3 { TITULO SIDEBAR
font-size: 18px;
line-height: 24px;
color: #FFA100;
font-family: AllerItalic;
font-weight: normal;
text-rendering: optimizelegibility;
}
h4{ SUBTITULO TEXTO
font-size: 16px;
line-height: 20px;
color: #00A29A;
font-family: BitterRegular;
font-weight: normal;
}
h5{
}
font-size: 12px;
line-height: 16px;
color: inherit;
font-family: inherit;
font-weight: normal;
h6{
}
font-size: 11px;
line-height: 18px;
color: inherit;
font-family: inherit;
font-weight: normal;
text-transform: none;
.content p{ TEXTO
font-family: BitterRegular;
font-size: 1.1em;
line-height: 160%;
margin-top: 1em;
color: #000000;
}
strong { TEXTO NEGRITA
font-family: BitterRegular;
color: #00A29A;
}
italic { TEXTO ITALICA
font-family: BitterItalic;
color: inherit;
}
p { TEXTO SIDEBAR
font-family: AllerItalic;
font-size: 13px;
line-height: 18px;
color: #000000;
}
.btn-large { BOTON 1
font-family: AllerBold;
border-radius: 5px 5px 5px 5px;
background-image:
-moz-lineargradient(center top , #00A29A, #2ED4C6);
font-size: 16px;
line-height: normal;
padding: 9px 22px;
}
.btn-mini { BOTON 2
font-family: AllerBold;
border-radius: 5px 5px 5px 5px;
background-image:
-moz-lineargradient(center top , #FFA100, #F4BC46);
font-size: 16px;
line-height: normal;
padding: 9px 22px;
}
.btn { BOTON 3
font-family: AllerRegular;
-moz-border-bottom-colors: none;
-moz-border-image: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #F5F5F5;
background-image:
-moz-lineargradient(center top , #FFFFFF, #E2DEDB);
background-repeat: repeat-x;
border-radius: 4px 4px 4px 4px;
border-style: solid;
border-width: 1px;
box-shadow: 0 1px 0 rgba(255, 255, 255,
0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
color: #004F5B;
cursor: pointer;
display: inline-block;
font-size: 13px;
line-height: 18px;
margin-bottom: 0;
padding: 4px 15px;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255,
255, 0.75);
vertical-align: middle;
}
.btn-small { BOTON 4
font-family: AllerRegular;
font-size: 13px;
background-image:
-moz-lineargradient(center top , #FFA100, #F4BC46);
line-height: 16px;
padding: 5px 15px;
}
Documentos relacionados
Descargar