} /* links */ a { color: #FF0000; background-color: inherit; text-decoration: none; } a:hover { color: #2E8B57; background-color: inherit; text-decoration: underline; border: none; } /* headers */ h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Arial, Sans-serif; color: #FFFF00; } h1 { font-size: 2.5em; } h2 { font-size: 2em; text-transform:uppercase;} h3 { font-size: 1.8em; } p, h1, h2, h3 { margin: 0; padding: 10px 15px; } ul, ol { margin: 10px 30px; padding: 0 15px; } /* images */ img { background: #0000; border: 0px solid #0F7ACC; padding: 6px; } img.float-right { margin: .5em 0 1em 1em; } img.float-left { margin: .5em 1em 1em 0; } code { margin: .5em 0; display: block; padding: 20px; text-align: left; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', monospace ; /* white-space: pre; */ background: #0000; border: 1px solid #0065C6; } acronym { cursor: help; border-bottom: 1px solid #FF8C00; } blockquote { margin: 10px 15px; padding: 10px 0 10px 28px; border: 1px solid #0065C6; background: #000000; font: bold 1.3em/1.5em "Century Gothic", "Trebuchet MS", Helvetica, Arial, Geneva, sans-serif; } /* start - table */ table { margin: 10px 15px; border-collapse: collapse; } th strong { color: #0000; } th { background: #C; height: 3em; padding-left: 12px; padding-right: 12px; color: #FFF; text-align: left; border-left: 1px solid #B6D59A; border-bottom: solid 2px #8EB200; border-top: solid 2px #8EB200; } tr { color: #707070; height: 2.5em; } td { padding-left: 12px; padding-right: 12px; border-left: 1px solid #FFF; border-bottom: solid 1px #ffffff; } td.first,th.first { border-left: 0px; } tr.row-a { background: #F8F8F8; } tr.row-b { background: #EFEFEF; } /* end - table */ /* form elements */ form { margin: 10px 15px; padding: 10px; border: 1px solid #0065C6; background-color: #1E89DC; } fieldset { margin: 0; padding: 0; border: none; } label { display:block; font-weight:bold; margin: .4em 0; } input { padding: .3em; border: 1px solid #eee; font: normal 1em Verdana, sans-serif; color:#777; } textarea { width: 55%; padding: .3em; font: normal 1em/1.5em Verdana, sans-serif; border: 1px solid #eee; height: 10em; display:block; color:#FFA500; } input.button { font: bold 1em Arial, Sans-serif; margin: 0; padding: .25em .3em; color: #FFA500; background: #A2CC00; border: 2px solid #8EB200; } /* search form */ .searchform { background-color: transparent; border: none; margin: 0 0 0 10px; padding: 0 0 1.5em 0; width: 18em; } .searchform p { margin: 0; padding: 0; } .searchform input.textbox { width: 11em; color: #777; padding: .4em; border: 1px solid #E5E5E5; vertical-align: top; } .searchform input.button { width: 60px; vertical-align: top; } /*********************** LAYOUT ************************/ #header-content, #content, #nav { /* The width value below sets the total width of the design. It's default value is set to 93% which means that it will take up 93% of the browser window's width. You can also set it to a different percentage value (90%, 85%, etc.). This design is fluid layout by default, but you can turn it into a fixed width layout by setting a pixel value to the width (e.g. 900px, 950px). */ width: 93%; } /* box */ .box { margin: 10px 0; padding: 10px 10px 20px 10px; border: 5px solid #FF4500; background: url(http://s5.tinypic.com/n5hgus_th.jpg); } /*Aqui termina lo del fondo de la hoja*/ /*ABAJO DONDE DICE HEIGHT LE MODIFICAS EL TAMAÑO DEL CABEZAL*/ /* header */ #header { height: 150px; text-align: left; } #header-content { position: relative; margin: 0 auto; padding: 0; } #header-content h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bold 37px '911 Porscha', Tahoma, Arial, Sans-serif; letter-spacing: -1px; color: #FFFF00; text-decoration: none; /* change the values of top and left to adjust the position of the logo*/ top: 30px; left: 10px; } #header-content h1#logo-text span { color: #FF0000; } #header-content #slogan { position: absolute; font: bold 16px 'Trebuchet Ms', Sans-serif; text-transform: none; color: #9ACD32; margin: 0; padding: 0; /* change the values of left and top to adjust the position of the slogan */ top: 100px; left: 125px; } /* header links */
magnus.designs@yahoo.es