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)
{
{
-
 
-
.example
 
-
{
 
-
height:220px;
 
-
}
 
.menu  
.menu  
Line 597: Line 768:
}
}
-
.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;
 
-
}
 
-
 
-
/* main menu styles */
 
-
.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;
 
-
}
 
/* TEAM ACCORDION STYLE*/
/* TEAM ACCORDION STYLE*/

Revision as of 17:22, 19 September 2014