/*
Theme Name: CSS inicial
Theme URI: http://rudeworks.com/blog/css-inicial/
Author: RUDE
Author URI: http://rudeworks.com
Version: 1.0
Description: CSS básico con arreglos y selectores pre-configurados.
*/
/*** HACKS PARA IE ***/
/* Si tienes la necesidad de aplicar algún hack para IE6 utiliza este selector: */
*html {
}
/* Si necesitas aplicarlo a IE7 utiliza este:*/
*:first-child+html {
}
/*** NEUTRALIZANDO ESTILOS:
elementos que queremos limpiar completamente: ***/
* {
margin: 0;
padding: 0;
border: none;
}
html {
font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
text-shadow: #000 0px 0px 0px;/*Elimina el efecto bold en Safari*/
}
/*** NEUTRALIZANDO ESTILOS:
elementos con margen vertical: ***/
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
font-weight: normal;
margin: 0 0 1em 0;
}
/*** Algunos ajustes basicos: ***/
sup {
position: relative;
bottom: 0.3em;
vertical-align: baseline;
}
sub {
position: relative;
bottom: -0.2em;
vertical-align: baseline;
}
li, dd, blockquote {
margin-left: 1em;
}
/*** LINKS:
recuerda utilizar siempre la regla del LoVe-HAte ***/
a, a:link, a:visited, a:hover, a:active {
/*
Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
outline: 0;
Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
*/
text-decoration: none;
}
a img {
border: none;
text-decoration: none;
}
img {
border: none;
text-decoration: none;
/*Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga*/
}
/*** FORMULARIOS: ***/
label, button {
cursor:pointer;
}
input, select, textarea {
font-size: 100%;
}
input:focus, select:focus, textarea:focus {
background-color: #FFF;
}
fieldset {
border: none;
}
/*** Algunas clases útiles: ***/
.clear {
clear: both;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.helvetica {
font-family: Arial, Helvetica, Geneva, sans-serif;
}