Team:Valencia UPV/style css
From 2014.igem.org
(Difference between revisions)
Line 113: | Line 113: | ||
} | } | ||
- | /*HEADER MENU STYLE*/ | + | /*HEADER MENU STYLE*/.example |
+ | { | ||
+ | background: url(https://static.igem.org/mediawiki/2014/d/d8/VUPV_Header2.png) no-repeat center center; /* METER EL FONDO */ | ||
+ | width:100%; | ||
+ | border:0px #000 solid; | ||
+ | margin:0px; | ||
+ | padding:0px; | ||
+ | border-radius:3px; | ||
+ | -moz-border-radius:3px; | ||
+ | -webkit-border-radius:3px; | ||
+ | } | ||
+ | |||
+ | #example_short | ||
+ | { | ||
+ | background: transparent; | ||
+ | height:40px; | ||
+ | } | ||
+ | |||
+ | #menu_short | ||
+ | { | ||
+ | position: absolute; | ||
+ | top: 0px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .menu | ||
+ | { | ||
+ | background-color:#c00000; | ||
+ | text-align:center; | ||
+ | width:100%; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | .menu > span | ||
+ | { | ||
+ | display:inline-block; | ||
+ | margin:0 auto; | ||
+ | height: 41px;/*It modifies the menu bar height*/ | ||
+ | } | ||
+ | |||
+ | #nav | ||
+ | { | ||
+ | display:inline; | ||
+ | text-align:center; | ||
+ | position:relative; | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | |||
+ | #nav > li | ||
+ | { | ||
+ | float:left; | ||
+ | padding:0; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #nav > li > a | ||
+ | { | ||
+ | border:1px solid transparent; | ||
+ | color:#FFFFFF; | ||
+ | display:block; | ||
+ | font-size:1.5em; | ||
+ | padding:10px 10px; | ||
+ | position:relative; | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | #nav > li > a:hover | ||
+ | { | ||
+ | background-color:#fe0100; | ||
+ | color: #FFFFFF; | ||
+ | border-color:#999; | ||
+ | } | ||
+ | |||
+ | #nav > li.selected > a | ||
+ | { | ||
+ | background-color:#fe0100; | ||
+ | color: #FFFFFF; | ||
+ | border-color:#999999 #999999 #858B91; | ||
+ | z-index:2; | ||
+ | } | ||
+ | |||
+ | #nav li div | ||
+ | { | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #nav li div div | ||
+ | { | ||
+ | background-color:#FFFFFF; | ||
+ | border:1px solid #999999; | ||
+ | padding:12px 0; | ||
+ | display:none; | ||
+ | font-size:0.75em; | ||
+ | margin:0; | ||
+ | position:absolute; | ||
+ | top:-1px; | ||
+ | z-index:1; | ||
+ | width:190px; | ||
+ | } | ||
+ | |||
+ | #nav li div div.wrp2 | ||
+ | { | ||
+ | width:380px; | ||
+ | } | ||
+ | |||
+ | #nav .sep | ||
+ | { | ||
+ | left:190px; | ||
+ | border-left:1px solid #E3E3E3; | ||
+ | bottom:0; | ||
+ | height:auto; | ||
+ | margin:15px 0; | ||
+ | position:absolute; | ||
+ | top:0; | ||
+ | width:1px; | ||
+ | } | ||
+ | |||
+ | #nav li div ul | ||
+ | { | ||
+ | padding-left:10px; | ||
+ | padding-right:10px; | ||
+ | position:relative; | ||
+ | width:170px; | ||
+ | float:left; | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | |||
+ | #nav li div ul li | ||
+ | { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | #nav li div ul li h3 | ||
+ | { | ||
+ | border-bottom:1px solid #E3E3E3; | ||
+ | color:#4F4F4F; | ||
+ | font-weight:bold; | ||
+ | margin:0 5px 4px; | ||
+ | font-size:1.6em; | ||
+ | padding-bottom:3px; | ||
+ | padding-top:3px; | ||
+ | } | ||
+ | |||
+ | #nav li ul ul | ||
+ | { | ||
+ | padding:0 0 8px; | ||
+ | } | ||
+ | |||
+ | #nav li ul ul li | ||
+ | { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | |||
+ | #nav li ul li a | ||
+ | { | ||
+ | text-decoration:none; /* Level Team and Photogallery*/ | ||
+ | } | ||
+ | |||
+ | #nav li ul ul li a | ||
+ | { | ||
+ | color:#0060A6; | ||
+ | display:block; | ||
+ | margin-bottom:1px; | ||
+ | padding:3px 5px; | ||
+ | text-decoration:none; | ||
+ | font-size:1.3em; | ||
+ | } | ||
+ | |||
+ | #nav li ul ul li a:hover | ||
+ | { | ||
+ | background-color:#0060a6; | ||
+ | color:#fff; | ||
+ | } | ||
+ | |||
+ | |||
.n-title{ | .n-title{ | ||
Line 389: | Line 565: | ||
@media only screen and (min-width : 1281px) and (max-width : 1366px) | @media only screen and (min-width : 1281px) and (max-width : 1366px) | ||
{ | { | ||
- | |||
- | |||
- | |||
- | |||
- | |||
.menu | .menu | ||
Line 597: | Line 768: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
/* TEAM ACCORDION STYLE*/ | /* TEAM ACCORDION STYLE*/ |
Revision as of 17:22, 19 September 2014