Team:Valencia-CIPF/style.css
From 2013.igem.org
Line 8: | Line 8: | ||
body { | body { | ||
line-height: 1; | line-height: 1; | ||
- | |||
- | |||
- | |||
- | |||
} | } | ||
body,html,#content,#globalWrapper { | body,html,#content,#globalWrapper { | ||
Line 42: | Line 38: | ||
background: #ffa67c; /*fondo*/ | background: #ffa67c; /*fondo*/ | ||
border-bottom: 10px solid #d64729; /*borde inferior*/ | border-bottom: 10px solid #d64729; /*borde inferior*/ | ||
- | + | width:100%; | |
- | + | padding-top:40px; | |
} | } | ||
#header .wrapper { | #header .wrapper { | ||
Line 50: | Line 46: | ||
display:table; | display:table; | ||
background: none transparent 0 0 scroll no-repeat; | background: none transparent 0 0 scroll no-repeat; | ||
+ | padding-top:0px; | ||
} | } | ||
#project-image { | #project-image { | ||
Line 130: | Line 127: | ||
position: absolute; | position: absolute; | ||
right: 0; | right: 0; | ||
+ | top:0; | ||
} | } | ||
#access .menu-header li, | #access .menu-header li, |
Revision as of 08:38, 1 August 2013
- {
background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } body,html,#content,#globalWrapper {
padding:0 !important;
width:100% !important; min-width: 1080px !important;
font-size:12px; line-height:1.3em; color:#333; font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
} body,html { height:100% !important; }
/* Estructura */
div.menu, .wrapper { margin: 0 auto; max-width: 1080px; position:relative; }
/* Cabecera */
- header {
background: #ffa67c; /*fondo*/ border-bottom: 10px solid #d64729; /*borde inferior*/
width:100%; padding-top:40px; }
- header .wrapper {
width:1080px; overflow:hidden; display:table; background: none transparent 0 0 scroll no-repeat; padding-top:0px; }
- project-image {
background: url('https://static.igem.org/mediawiki/2013/e/e0/Valencia-CIPF_logo.png') transparent center center scroll no-repeat; display:table-cell; width:480px; height:360px; text-align:center; vertical-align:middle; position:absolute; left:615px; /*Desplazar logo iGEM*/ }
- Home {
background:transparent; /*url('https://static.igem.org/mediawiki/2011/e/e6/UNITS-welcome.png') center top no-repeat scroll*/ height:151px; width:600px; }
/* Empieza Menú */
- list-updates {
list-style:none;
margin:0; }
- list-updates .space_item-A,#list-updates .space_item-B,#list-updates .space_item-C,#list-updates .space_item-D ,#list-updates .space_item-E,#list-updates .space_item-F,#list-updates .space_item-G,#list-updates .space_item-H{
width:auto; height:60px; padding-left:100px; } .space_item-A, .space_item-B, .space_item-C, .space_item-D, .space_item-E, .space_item-F, .space_item-G, .space_item-H { width:28px; height:31px; margin:7px 0; } .space_item-A { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/3/35/Flor1.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-B { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/e/e6/Flor2.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-C { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/ba/Flor3.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-D { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b3/Flor4.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-E { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/b/b7/Flor5.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-F { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/d/d0/Flor6.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-G { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/a/ab/Flor7.jpg') 0 0 scroll no-repeat; /*Cambiar*/ } .space_item-H { /*background:transparent url('https://static.igem.org/mediawiki/igem.org/4/4e/Flor8.jpg') 0 0 scroll no-repeat; /*Cambiar*/ }
- access {
background: #d64729; /*Color barra menú*/ color: #fff; display: block; width: 100%; height: 40px; position: fixed; z-index:999; }
- access .menu-header,
div.menu { margin: 0 auto; font-size: 13px; }
- access .menu-header ul,
div.menu ul{ list-style: none; margin: 0; position: absolute;
right: 0;
top:0; }
- access .menu-header li,
div.menu li{ float: left; position: relative; left: -315px; /*Desplazar barra menú*/ } .menu a, .menu a:visited { color: #fff; display: block; line-height: 40px; padding: 0 10px; text-decoration: none; font-weight:bold; }
- access table a {
line-height: 18px; }
- access ul ul {
/*box-shadow: 0.7px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0.7px 3px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0.7px 3px 3px rgba(0,0,0,0.1);*/ display: none; position: absoluted; top: 40px; float: left; left: 0px; /*Posición caja desplegable*/ width: 120; }
- access ul ul li {
min-width: 120px; float: left; left: 0px; }
- access ul ul ul {
left: 100%; top: 0; }
- access ul ul a {
background: #ffa67c; /*Color desplegable*/ line-height: 1em; padding: 10px; width: 120px; height: auto; }
- access li:hover > a,
- access ul ul :hover > a {
background: #d64729; /*Color menú sin desplegable*/ }
- access ul li:hover > ul {
display: block; }
- access ul li a.current_page_item ,
- access ul li a.current-menu-ancestor ,
- access ul li a.current-menu-item ,
- access ul li a.current-menu-parent {
background: #d64729; /*Color menú sin desplegable*/ }
/* Fin Menú */