/* Theme Name: fiambrera Theme URI: http://www.elfiambrera.com/theme/ Description: Theme para la web indicada Version: 1.0 Author: El Fiambrera Author URI: http://www.elfiambrera.com */ /*-----------------------------------------------------*/ /*------------- RESETEAR CSS --------------------------*/ /*-----------------------------------------------------*/ * { margin:0; padding:0; border:0; font-weight: normal; font-style: normal; font-size: 100%; font-family: inherit; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------- PRINCIPAL-------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ body,html { font-family: Tahoma, "Times New Roman", serif; font-size: 12px; color: white; margin: 0px; padding: 0px; } body { font: 76% Tahoma; text-align:center; background-color: black; height: 100%; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------- CABECERA -------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ .header { width: 100%; background-color: #000000; font-size:12px; } .header img { padding: 0px 5px 0px 20px; } /*--------------------------------------------------------*/ /*--------------------- MENU --------------------*/ /*--------------------------------------------------------*/ #menu { list-style:none; margin:0; padding:0; } #menu li { margin:2px; padding:0; float:right; } #menu li a { display:block; width:100px; padding:4px 0; text-decoration:none; text-align:center; font-size:12px; color:#FFFFFF; background-color:#303030; } #menu li a:hover { color:#000000; background-color: #FFCC00; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*-------- PAGINA PAGINA PRINCIPAL -----------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ #container { margin: 0 auto; width: 850px; /*height: 100%;*/ background-color: #000000; } /*-------------------------------------------------------*/ /*-------- TITULO POST, IMAGEN CENTRAL ------------*/ /*-------------------------------------------------------*/ .titulopost { font-family: Tahoma; font-size : 12px; /* padding-left: 40px; version sin tipos de tamaņo ( vertical, panoramico, horizontal ... */ padding-left: 3%; /* Nueva version , para aņadir la Localizacion */ /*padding-bottom: 10px;*/ padding-top: 3px; text-decoration: none; font-weight : bold; color: #6C6C6C; } .titulopost A:link { color: #FF9933; text-decoration: none; font-weight : bold; } .titulopost A:visited { color: #FF9933; text-decoration: none; font-weight : bold; } .titulopost A:hover { color: #00FFFF; text-decoration: none; font-weight : bold; } /* Para fotos formato vertical */ .titulopostV { font-family: Tahoma; font-size : 12px; padding-left: 19%; padding-top: 3px; text-decoration: none; font-weight : bold; color: #6C6C6C; } .titulopostV A:link { color: #FF9933; text-decoration: none; font-weight : bold; } .titulopostV A:visited { color: #FF9933; text-decoration: none; font-weight : bold; } .titulopostV A:hover { color: #00FFFF; text-decoration: none; font-weight : bold; } .central { background-color: black; } .imagen { margin-right: -1px; /* Nueva version , para aņadir la Localizacion */ padding-top: 5px; } .imagen img { /* Asterisco la altura y tamaņo estandar para que coja otro tipos de tamaņo ( estandard, verticales, panoramica ) */ /* height: 600px; width: 800px; */ padding:2px; /* Para IE */ border: 2px 2px 2px 2px Solid #999999; /* Para Otros */ background-color: #C0C0C0; border: 2px Solid #99999; } /*------------------------------------------------------*/ /*-------- MINIATURAS PRINCIPAL ------------*/ /*------------------------------------------------------*/ .paginador { width : 100%; height: 100px; margin: 0 auto; text-align: left; background-color: Black; color: #B4B4B4; } .mini { padding: 20px 20px 20px 20px; float: left; } .mini img { width: 100px; height: 75px; } .mini a { display: block; overflow: hidden; position: relative; height: 75px; width: 100px; border: 2px solid #B4B4B4; } .mini a img { display: block; BORDER: #B4B4B4; } .mini a:hover { width: 100px; height: 75px; border: 2px solid #00FFFF; } .mini a:hover img { margin: 0px 0px 0px 0px; } /*.mini { border-color : Grey; padding: 5px 20px 5px 25px; float: left; border: 3px; } .mini img { height: 75px; width: 100px; } .mini A:link { color: Grey; text-decoration:none; display: block; } .mini A:visited { color: Grey; text-decoration:none; display: block; } .mini A:hover { color: #FF6600; } */ .adelanteatras { font: 20px Tahoma; color: #B4B4B4; text-decoration:none; margin-top : 25px; padding-top: 20px; /*padding: 20px 20px 20px 0px;*/ float: left; } /* ES IMPORTANTE PONER PRIMERO LINK, VISITED, HOVER y POR ULTIMO, ACTIVE, SINO, NO HACE CASO */ .adelanteatras A:link { color: #FF9933; text-decoration:none; } .adelanteatras A:visited { color: #FF9933; text-decoration:none; } .adelanteatras A:hover { color: Aqua; text-decoration:none; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*-------- PIE DE PAGINA ----------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ .footer { background-color : #000000; color : #FFFFFF; padding-top: 10px; padding-bottom: 10px; font-family: Tahoma; font-size : 10px; margin: 0 auto; width: 850px; } .footer p { text-align: center; } .footer A:link { color: #FF9933; text-decoration: none; font-weight : bold; } .footer A:visited { color: #FF9933; text-decoration: none; font-weight : bold; } .footer A:hover { color: #00FFFF; text-decoration: none; font-weight : bold; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*-------- COMENTARIOS ------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ .comentarios { font-family: Tahoma; font-size: 12px; width: 100%; background-color: black; color: #FFFFFF; } .comentarios img { border: 0; } .comentarios A:link { color: #FF9933; text-decoration: none; font-weight : bold; } .comentarios A:visited { color: #FF9933; text-decoration: none; font-weight : bold; } .comentarios A:hover { color: #00FFFF; text-decoration: none; font-weight : bold; } .ultimocomentario { width: 100%; color: #B4B4B4; font-size: 12px; padding-top: 5px; padding-bottom: 10px; } .todoscomentarios { border-bottom: thin solid #FFFFFF; border-top: thin solid #FFFFFF; font-size: 12px; text-align: left; } .comentariodelista { font-size: 12px; padding-top: 5px; padding-bottom: 10px; } .comentariodelistainfo { color: #FF9933; font-weight : bold; } .comentariodelista p { padding-top: 5px; } /* ES IMPORTANTE PONER PRIMERO LINK, VISITED, HOVER y POR ULTIMO, ACTIVE, SINO, NO HACE CASO */ .escribecomentario { font-family: Tahoma; font-size: 12px; } .escribecomentario p { padding-top: 10px; } .escribecomentario input, textarea { border: #FF0000; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*-------- CONTENEDOR PAGINA ARCHIVOS ------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ #containerArch { margin: 0 auto; width: 1000px; /*height: 100%;*/ background-color: #000000; text-align: left; font-size : 12px; font-family: Tahoma; } /*------------------------------------------------------*/ /*-------- TITULOS DE LOS ARCHIVOS ------------*/ /*------------------------------------------------------*/ .tituloarchivo { border-bottom: thin solid #FFFFFF; font-weight: bold; padding-top : 20px; width: 50%; } .contienearchivo{ padding-top: 5px; } .contienearchivo A:link { color: #FF9933; text-decoration: none; font-weight : bold; } .contienearchivo A:visited { color: #FF9933; text-decoration: none; font-weight : bold; } .contienearchivo A:hover { color: #00FFFF; text-decoration: none; font-weight : bold; } /*------------------------------------------------------*/ /*-------- MINIATURAS EN ARCHIVOS ------------*/ /*------------------------------------------------------*/ .miniArch { border-color : #B4B4B4; padding: 3px 0px 3px 3px; float: left; } .miniArch img { width: 100px; height: 75px; } .miniArch a { display: block; overflow: hidden; position: relative; height: 75px; width: 100px; border: 2px solid #B4B4B4; } .miniArch a img { display: block; BORDER: #B4B4B4; } .miniArch a:hover { width: 100px; height: 75px; border: 2px solid #00FFFF; } .miniArch a:hover img { margin: 0px 0px 0px 0px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*-------- PAGINA INFORMACION -----------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ #containerInf { margin: 0 auto; width: 1000px; background-color: #000000; font-size : 12px; font-family: Tahoma; } .presentacion { color: #B6B6B6; width: 100%; text-align: left; padding-top: 10%; padding-bottom: 10%; } .presentacion A:link { color: #FF9933; text-decoration: none; font-weight : bold; } .presentacion A:visited { color: #FF9933; text-decoration: none; font-weight : bold; } .presentacion A:hover { color: #00FFFF; text-decoration: none; font-weight : bold; } /*------------------------------------------------------*/ /*-------- MINIATURAS EN INFORMACION ------------*/ /*------------------------------------------------------*/ .sacaminis { background-color: #000000; padding-left: 120px; padding-top: 50px; padding-bottom: 50px; } .miniInf { border-color : #B4B4B4; padding: 3px 0px 10px 10px; float: left; } .miniInf a { display: block; overflow: hidden; height: 130px; width: 173px; border: 2px solid #B4B4B4; } .miniInf a img { display: block; BORDER: #B4B4B4; } .miniInf a:hover { width: 173px; height: 130px; border: 2px solid #00FFFF; } .miniInf a:hover img { margin: 0px 0px 0px 0px; } /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*-------- PAGINA TODAS FOTOS DESDE MENU -----------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ /*------------------------------------------------------*/ #containerTodas { margin: 0 auto; width: 850px; background-color: #000000; font-size : 12px; font-family: Tahoma; padding-left: 12px; } .miniFoto { border-color : #B4B4B4; padding: 3px 0px 10px 10px; float: left; } .miniFoto img { /* width: 173px; height: 130px;*/ } .miniFoto a { display: block; overflow: hidden; position: relative; height: 130px; width: 173px; border: 2px solid #B4B4B4; } .miniFoto a img { display: block; BORDER: #B4B4B4; } .miniFoto a:hover { width: 173px; height: 130px; border: 2px solid #00FFFF; } .miniFoto a:hover img { margin: 0px 0px 0px 0px; } .centralTodas { padding-left: 40px; }