Css
This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA
Overview
Download & View Css as PDF for free.
More details
- Words: 576
- Pages: 7
body { margin: 0; text-align: center; font:87.5% Verdana,Arial,Helvetica,sans-serif; color: #DEEFF7; background: #2F1E00 url(http://farm4.static.flickr.com/3548/3847857603_4b550bb2ef_o.png) repeat-x; } /* IMAGENES */ img { border: 0; } img.izquierda { float: left; margin: 3px 15px 15px 0px; display: block; } img.derecha { float: right; margin: 3px 15px 15px 15px; display: block; } img.marco { padding: 5px; border: 1px solid #4F360A; } /**** ENLACES ****/ a:link { color: #ECD89B; text-decoration: none; outline:0; } a:visited { color: #ECD89B; text-decoration: none; } a:hover { text-decoration: none; color: #EFE4C2; } a:active { color: #FFE900; outline:0; }
/**** TODO ****/ #todo { text-align: left; padding: 2em 0 0; width:100%; margin: 0 auto; height: 120px; } /**** CABECERA ****/ #cabecera { font-size:80%; padding-top:5em; background:url(http://farm3.static.flickr.com/2448/3845821230_f3b1641486_o.png) center no-repeat; height: 120px; } h1 { margin:0 0em; background:url(http://farm4.static.flickr.com/3445/3846312938_7ebe1dbb30_o.png) no-repeat; text-indent: -9999px; height:80px; } h1 a:link, h1 a:visited, h1 a:hover { text-decoration:none; display: block; height:80px; } #descripcion { text-align: right; padding-right:6em; } form.busqueda{ } form.busqueda p { margin:0; padding: 0; } #boton { padding:0.1em; }
.buscar{ color: #aaa; text-transform:lowercase; } /**** CONTENIDO ****/ #contenido { padding:0 0em 2em 0em; width:60%; text-align: left; margin: 0 auto; } /**** POSTS ****/ .post { padding:1em 2em; background: url(http://farm3.static.flickr.com/2673/3846031647_4f3b12de3a_o.png) no-repeat; } h2 { font: normal 160% 'Lucida Sans Unicode', sans-serif; padding:0 0 0.3em; margin-bottom:0.3em; border-bottom:1px solid #7F5F27; } h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color:#BCBF0C; text-decoration: none; } .contenidopost { text-transform:none; font-size:100%; line-height: 1.9em; background: url(http://farm3.static.flickr.com/2642/3848607260_9e97030253_o.png) bottom right no-repeat; } .contenidopost ol li, .contenidopost ul li{ padding-bottom:0.2em; } .contenidopost ul li { list-style-type: upper-roman; } .contenidopost a:hover { background: #2B5002; }
.contenidopost img , #pie img { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .contenidopost img:hover, #pie img:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .contenidopost a:visited:after { content: "\00A0\221A"; color: #FF7F7F; } .datospost { font-size: 80%; padding: 0.2em; } .datospost a:link, .datospost a:visited{ text-decoration:none; } .datospost a:hover, .datospost a:active{ text-decoration:none; } .paginas { padding-bottom:0; font-size:0; } .publipost{ padding-top: 10px; } /**** COMENTARIOS ****/ #comments { margin-top:3em; border-top:1px solid #7D8667; font-size:90%; } h3{ color:#91882D; display:block; padding-top:0em; } ul.listado { list-style-type: none; padding: 0 0 1em 2em;
margin: 0; border-bottom:1px solid #7D8667; } ul.listado li{ padding: 0 0 0.5em 0; list-style-type: square; } ul#listacomentarios { padding: 0; margin:0; } #listacomentarios li { list-style-type: none; padding:0 0 1em; margin:1em 0; border-bottom:1px solid #7D8667; } .gravatar { padding: 0em 1em; float:left; } .datoscomentario { padding-left:5em; color:#999; } .datoscomentario p{ margin:0.1em; } .autorcomentario { font-weight:bold; color: #ECD89B; } .autorcomentario a{ } .textocomentario { text-transform:none; padding-left:5.0em; } #listacomentarios li.autor .textocomentario { } .caja{ background-color:#ECD89B; border:5px solid #493411; }
/**** MENU ****/ #menu { width:100%; float:left; font-size: 95%; border-top:1px solid #4F360A; background:#1F1400 url(http://farm3.static.flickr.com/2540/3848904584_e4db1c9643_o.png) bottom no-repeat;
right
} #submenu1, #submenu2, #submenu3{ width:27%; float:left; padding:2em 0em 2em 2em; border-right:5px solid #0F0A00; } #submenu1, #submenu2{ } h4 { font-size: 124%; font-weight:normal; margin:0; padding:0.3em 0.8em; color:#718FA9; background:#0F0A00 url(http://farm3.static.flickr.com/2618/3848991880_f18ddb2663_o.gif) no-repeat; } #menu ul{ list-style-type: none; margin:0; padding:0 0 1em 1em; } #menu ul li{ padding:0.2em 0 0 1em; border-left:1px solid #4F360A; } #menu form{ padding-top:0.5em; } #pie{ clear:both; list-style:none; padding:0.5em 0 0em 1em; border-top:1px solid #4F360A; text-align: center;
} #pie li{ display:inline; padding: 0 0.5em; }
/**** BOTONES ****/ .espacio, .ed_button, .button{ padding:1px 3px; margin:1px 5px 4px 0; border:1px solid #999; cursor:pointer; background-color: #F3F3EE; color:#000; }
/**** ETIQUETAS ****/ code { font-family:"Courier New", Courier, monospace; display:block; border:1px dashed #91882D; padding: 5px 25px; overflow:auto; max-height:150px; width:85%; text-align: left; margin: 1em 0; } blockquote { padding: 1px 10px; border-top: 1px solid #D1DCDF; border-bottom: 1px solid #D1DCDF; } textarea, input, select { color: #000; padding: 3px; }
/**** TODO ****/ #todo { text-align: left; padding: 2em 0 0; width:100%; margin: 0 auto; height: 120px; } /**** CABECERA ****/ #cabecera { font-size:80%; padding-top:5em; background:url(http://farm3.static.flickr.com/2448/3845821230_f3b1641486_o.png) center no-repeat; height: 120px; } h1 { margin:0 0em; background:url(http://farm4.static.flickr.com/3445/3846312938_7ebe1dbb30_o.png) no-repeat; text-indent: -9999px; height:80px; } h1 a:link, h1 a:visited, h1 a:hover { text-decoration:none; display: block; height:80px; } #descripcion { text-align: right; padding-right:6em; } form.busqueda{ } form.busqueda p { margin:0; padding: 0; } #boton { padding:0.1em; }
.buscar{ color: #aaa; text-transform:lowercase; } /**** CONTENIDO ****/ #contenido { padding:0 0em 2em 0em; width:60%; text-align: left; margin: 0 auto; } /**** POSTS ****/ .post { padding:1em 2em; background: url(http://farm3.static.flickr.com/2673/3846031647_4f3b12de3a_o.png) no-repeat; } h2 { font: normal 160% 'Lucida Sans Unicode', sans-serif; padding:0 0 0.3em; margin-bottom:0.3em; border-bottom:1px solid #7F5F27; } h2 a:link, h2 a:visited, h2 a:hover, h2 a:active { color:#BCBF0C; text-decoration: none; } .contenidopost { text-transform:none; font-size:100%; line-height: 1.9em; background: url(http://farm3.static.flickr.com/2642/3848607260_9e97030253_o.png) bottom right no-repeat; } .contenidopost ol li, .contenidopost ul li{ padding-bottom:0.2em; } .contenidopost ul li { list-style-type: upper-roman; } .contenidopost a:hover { background: #2B5002; }
.contenidopost img , #pie img { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7; opacity: 0.7; } .contenidopost img:hover, #pie img:hover{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .contenidopost a:visited:after { content: "\00A0\221A"; color: #FF7F7F; } .datospost { font-size: 80%; padding: 0.2em; } .datospost a:link, .datospost a:visited{ text-decoration:none; } .datospost a:hover, .datospost a:active{ text-decoration:none; } .paginas { padding-bottom:0; font-size:0; } .publipost{ padding-top: 10px; } /**** COMENTARIOS ****/ #comments { margin-top:3em; border-top:1px solid #7D8667; font-size:90%; } h3{ color:#91882D; display:block; padding-top:0em; } ul.listado { list-style-type: none; padding: 0 0 1em 2em;
margin: 0; border-bottom:1px solid #7D8667; } ul.listado li{ padding: 0 0 0.5em 0; list-style-type: square; } ul#listacomentarios { padding: 0; margin:0; } #listacomentarios li { list-style-type: none; padding:0 0 1em; margin:1em 0; border-bottom:1px solid #7D8667; } .gravatar { padding: 0em 1em; float:left; } .datoscomentario { padding-left:5em; color:#999; } .datoscomentario p{ margin:0.1em; } .autorcomentario { font-weight:bold; color: #ECD89B; } .autorcomentario a{ } .textocomentario { text-transform:none; padding-left:5.0em; } #listacomentarios li.autor .textocomentario { } .caja{ background-color:#ECD89B; border:5px solid #493411; }
/**** MENU ****/ #menu { width:100%; float:left; font-size: 95%; border-top:1px solid #4F360A; background:#1F1400 url(http://farm3.static.flickr.com/2540/3848904584_e4db1c9643_o.png) bottom no-repeat;
right
} #submenu1, #submenu2, #submenu3{ width:27%; float:left; padding:2em 0em 2em 2em; border-right:5px solid #0F0A00; } #submenu1, #submenu2{ } h4 { font-size: 124%; font-weight:normal; margin:0; padding:0.3em 0.8em; color:#718FA9; background:#0F0A00 url(http://farm3.static.flickr.com/2618/3848991880_f18ddb2663_o.gif) no-repeat; } #menu ul{ list-style-type: none; margin:0; padding:0 0 1em 1em; } #menu ul li{ padding:0.2em 0 0 1em; border-left:1px solid #4F360A; } #menu form{ padding-top:0.5em; } #pie{ clear:both; list-style:none; padding:0.5em 0 0em 1em; border-top:1px solid #4F360A; text-align: center;
} #pie li{ display:inline; padding: 0 0.5em; }
/**** BOTONES ****/ .espacio, .ed_button, .button{ padding:1px 3px; margin:1px 5px 4px 0; border:1px solid #999; cursor:pointer; background-color: #F3F3EE; color:#000; }
/**** ETIQUETAS ****/ code { font-family:"Courier New", Courier, monospace; display:block; border:1px dashed #91882D; padding: 5px 25px; overflow:auto; max-height:150px; width:85%; text-align: left; margin: 1em 0; } blockquote { padding: 1px 10px; border-top: 1px solid #D1DCDF; border-bottom: 1px solid #D1DCDF; } textarea, input, select { color: #000; padding: 3px; }
