Team:Valencia UPV/style css

From 2014.igem.org

(Difference between revisions)
 
(437 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
-
@import url(http://fonts.googleapis.com/css?family=Bevan|Open+Sans:400,800,700,600,400italic,600italic,300italic,300,700italic,800italic&subset=latin,cyrillic);
+
@import url(http://fonts.googleapis.com/css?family=Coda:400,800|Open+Sans:400,800,700,600,400italic,600italic,300italic,300,700italic,800italic&subset=latin,cyrillic);
body
body
{
{
Line 48: Line 48:
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
position: relative;
position: relative;
-
width: 1050px;
+
width: 850px;
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
Line 63: Line 63:
height: auto;
height: auto;
background-color: #C00000;
background-color: #C00000;
 +
max-width: 300px;
 +
text-decoration: none;
 +
}
 +
 +
.button-content-trans{
 +
padding: 7px;
 +
height: auto;
 +
width: 120px;
 +
background-color: transparent;
max-width: 300px;
max-width: 300px;
text-decoration: none;
text-decoration: none;
Line 73: Line 82:
}
}
 +
 +
.emphasize
 +
{
 +
text-decoration: underline;
 +
color: blue;
 +
}
 +
 +
.vectorial
 +
{
 +
text-decoration: overline;
 +
}
 +
 +
.table-width
 +
{
 +
width: 640px;
 +
padding-top: 40px;
 +
padding-right: 65px;
 +
}
 +
 +
.spon
 +
{
 +
width: 250px;
 +
}
 +
.link-page{
.link-page{
Line 87: Line 120:
.link-page:hover
.link-page:hover
{
{
 +
text-decoration: none;
 +
}
 +
 +
.normal-link-page
 +
{
 +
color: blue;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
 +
.normal-link-page:hover
 +
{
 +
color: #00BFFF;
text-decoration: none;
text-decoration: none;
}
}
Line 93: Line 139:
{
{
float: left;
float: left;
 +
color: #FFFFFF;
 +
}
 +
 +
#goto-middle
 +
{
color: #FFFFFF;
color: #FFFFFF;
}
}
Line 100: Line 151:
float: right;
float: right;
color: #FFFFFF;
color: #FFFFFF;
 +
}
 +
 +
.coda
 +
{
 +
    font-family: 'Coda', sans-serif;
 +
    font-weight:bold;
 +
    font-size: 2em;
 +
    color: white;
 +
    text-shadow:
 +
      -1px -1px 0 #000, 
 +
      1px -1px 0 #000,
 +
      -1px 1px 0 #000,
 +
      1px 1px 0 #000;
 +
}
 +
 +
roja
 +
{
 +
    font-style:normal;
 +
    color: rgb(255, 0, 0);
 +
 +
}
 +
 +
.modules
 +
{
 +
height: 150px;
 +
width: 150px;
 +
padding: 10px;
 +
/*border: 2px solid yellow;*/
 +
margin: 15px;
 +
}
 +
 +
.results
 +
{
 +
height: 180px;
 +
width: 180px;
 +
padding: 10px;
 +
/*border: 2px solid yellow;*/
 +
margin: 15px;
}
}
/*HEADER MENU STYLE*/
/*HEADER MENU STYLE*/
 +
 +
.example
 +
{
 +
background: url(https://static.igem.org/mediawiki/2014/b/bc/VUPVHeader_Sin_hoja_2.png) no-repeat center center; /* METER EL FONDO */
 +
background-size: cover;
 +
height:200px;
 +
width:100%;
 +
border:0px #000 solid;
 +
margin:0px;
 +
padding:0px;
 +
border-radius:3px;
 +
-moz-border-radius:3px;
 +
-webkit-border-radius:3px;
 +
}
 +
 +
 +
.menu
 +
{
 +
background-color:#c00000;
 +
text-align:center;
 +
width:100%;
 +
position: absolute;
 +
top: 159px;
 +
}
 +
 +
.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.5em;
 +
}
 +
 +
#nav li ul ul li a:hover
 +
{
 +
background-color:#0060a6;
 +
color:#fff;
 +
}
 +
 +
.n-title{
.n-title{
Line 136: Line 394:
float: left;
float: left;
 +
}
 +
 +
.team-img
 +
{
 +
background:url(https://static.igem.org/mediawiki/2014/0/07/VUPVTeam_logo.png) no-repeat center center;
 +
background-size: cover;
 +
width:120px;
 +
height:120px;
 +
z-index: 100;
 +
position: fixed;
 +
top: 2%;
 +
left: 1%;
}
}
Line 155: Line 425:
}
}
-
.colored-bold
+
.method li ul li
 +
{
 +
list-style-type: circle;
 +
margin-left: 25px;
 +
padding: 0px 0px 0px 5px;
 +
}
 +
 
 +
.method > li
 +
{
 +
list-style-type: initial;
 +
margin-left: 20px;
 +
padding: initial;
 +
}
 +
 
 +
 
 +
 
 +
.italic
 +
{
 +
font-style: italic;
 +
color: inherit;
 +
}
 +
 
 +
.italic:hover
 +
{
 +
text-decoration: none;
 +
}
 +
 
 +
.black-bold
 +
{
 +
color: black;
 +
font-weight: bold;
 +
}
 +
 
 +
.green-bold
 +
{
 +
color: green;
 +
font-weight: bold;
 +
}
 +
 
 +
.red-bold
 +
{
 +
color: #C00000;
 +
font-weight: bold;
 +
}
 +
 
 +
.blue-bold
{
{
color: blue;
color: blue;
Line 161: Line 476:
}
}
-
.colored-bold:hover
+
.purple-bold
{
{
-
text-decoration: none;
+
color: purple;
-
color: #00BFFF;
+
font-weight: bold;
}
}
-
.facebook-link
+
.fucsia-bold
{
{
-
background: url(https://static.igem.org/mediawiki/2014/0/0f/VUPV_facebook.png) no-repeat center center;  
+
color: #FF00FF;
-
background-size: cover;
+
font-weight: bold;
-
/*border: 1px solid yellow;*/
+
-
display: inline-block;
+
-
width: 50px;
+
-
height: 50px;
+
}
}
-
.twitter-link
+
.marron-bold
{
{
-
background: url(https://static.igem.org/mediawiki/2014/e/ec/VUPV_twitter2.png) no-repeat center center;  
+
color: #61210B;
-
background-size: cover;
+
font-weight: bold;
-
/*border: 1px solid yellow;*/
+
-
display: inline-block;
+
-
width: 50px;
+
-
height: 50px;
+
}
}
 +
 +
 +
.fucsia-bold:hover, .marron-bold:hover, .purple-bold:hover, .blue-bold:hover, .red-bold:hover, .green-bold:hover, .black-bold:hover
 +
{
 +
text-decoration: none;
 +
}
 +
 +
.subpart
 +
{
 +
color: #006400;
 +
font-weight: bold;
 +
font-size: 1.15em;
 +
}
 +
#igem-link
#igem-link
{
{
position: relative;  
position: relative;  
-
background-color: transparent;  
+
background: url(https://static.igem.org/mediawiki/2014/c/c6/VUPV_igem_non_selected.png) no-repeat center center;
 +
background-size: cover;
/*border: 1px solid yellow;*/
/*border: 1px solid yellow;*/
display: inline-block;
display: inline-block;
 +
width: 131px;
 +
height: 100px;
 +
}
 +
 +
#igem-link:hover
 +
{
 +
background: url(https://static.igem.org/mediawiki/2014/a/ad/VUPV_igem_selected2.png) no-repeat center center;
 +
background-size: cover;
}
}
Line 207: Line 537:
{
{
position: relative;
position: relative;
-
background: url(https://static.igem.org/mediawiki/2014/0/0f/VUPV_facebook.png) no-repeat center center;  
+
background: url(https://static.igem.org/mediawiki/2014/f/f6/VUPV_facebook_non_selected.png) no-repeat center center;  
background-size: cover;
background-size: cover;
/*border: 1px solid yellow;*/
/*border: 1px solid yellow;*/
display: inline-block;
display: inline-block;
 +
}
 +
 +
#facebook-link:hover
 +
{
 +
background: url(https://static.igem.org/mediawiki/2014/1/1e/VUPV_facebook_selected3.png) no-repeat center center;
 +
background-size: cover;
}
}
Line 220: Line 556:
/*border: 1px solid yellow;*/
/*border: 1px solid yellow;*/
display: inline-block;
display: inline-block;
 +
}
 +
 +
#twitter-link:hover
 +
{
 +
background: url(https://static.igem.org/mediawiki/2014/1/14/VUPV_twitter_selected2.png) no-repeat center center;
 +
background-size: cover;
}
}
Line 231: Line 573:
}
}
 +
#mail-link:hover
 +
{
 +
background: url(https://static.igem.org/mediawiki/2014/8/85/VUPV_mail_selected2.png) no-repeat center center;
 +
background-size: cover;
 +
}
-
@media only screen and (max-width : 1280px)
+
@media only screen and (max-width : 1024px)
{
{
 +
 +
.table-width
 +
{
 +
width: 500px;
 +
}
 +
 +
.spon
 +
{
 +
width: 250px;
 +
}
 +
 +
/*#spon-ibmcp
 +
{
 +
width: 400px;
 +
}*/
 +
 +
.img-title
 +
{
 +
width: 70%;
 +
}
 +
 +
/*.example
 +
{
 +
background-size: 105% 110%;
 +
height:200px;
 +
}
 +
 +
.menu
 +
{
 +
top: 159px;
 +
}
 +
*/
 +
 +
#nav > li > a
 +
{
 +
font-size:1.35em;
 +
}
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
-
width: 85%;
+
/* width: 78%; */
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
}
}
 +
.footer-img
.footer-img
Line 249: Line 634:
#igem-link
#igem-link
{
{
-
left: 953px;   
+
left: 85%;   
-
top: 25px;
+
top: 40px;
-
width: 155px;  
+
width: 105px;
-
height: 145px;
+
height: 80px;
-
}
+
-
 
+
-
#igem-link:hover
+
-
{
+
-
background: url(https://static.igem.org/mediawiki/2014/8/87/VUPV_igem_selected.png) no-repeat center center;
+
}
}
Line 271: Line 651:
#facebook-link
#facebook-link
{
{
-
right: 22%;
+
right: 28%;
bottom: 50px;
bottom: 50px;
width: 50px;  
width: 50px;  
Line 277: Line 657:
}
}
-
#facebook-link:hover
+
#twitter-link
{
{
-
background: url(https://static.igem.org/mediawiki/2014/d/d7/VUPV_facebook_selected2.png) no-repeat center center;
+
right: 12%; 
-
background-size: cover;
+
bottom: 50px;
 +
width: 50px;  
 +
height: 50px;
}
}
-
#twitter-link
+
#mail-link
{
{
-
right: 5%;
+
left: 10%;  
bottom: 50px;
bottom: 50px;
width: 50px;  
width: 50px;  
Line 291: Line 673:
}
}
-
#twitter-link:hover
+
 
 +
}
 +
 
 +
 
 +
@media only screen and (min-width : 1025px) and (max-width : 1280px)
 +
{
 +
 
 +
#cn-box{ /*External content box*/
 +
/* width: 78%; */
 +
padding: 15px;
 +
font-size: 1.175em;
 +
 
 +
}
 +
 
 +
.modules
 +
{
 +
height: 130px;
 +
width: 130px;
 +
}
 +
 
 +
.results
 +
{
 +
height: 130px;
 +
width: 130px;
 +
}
 +
 
 +
.spon
 +
{
 +
width: 220px;
 +
}
 +
 
 +
/*#spon-ibmcp
 +
{
 +
width: 250px;
 +
}*/
 +
 
 +
/*
 +
.example
{
{
-
background: url(https://static.igem.org/mediawiki/2014/1/14/VUPV_twitter_selected2.png) no-repeat center center;
 
background-size: cover;
background-size: cover;
 +
}
 +
 +
.menu
 +
{
 +
top: 184px;
 +
}
 +
*/
 +
 +
.footer-img
 +
{
 +
height:75px;
 +
}
 +
 +
#igem-link
 +
{
 +
left: 86%; 
 +
top: 45px;
 +
width: 105px;
 +
height: 80px;
 +
}
 +
 +
#follow-link
 +
{
 +
right: 35%;
 +
bottom: 35px;
 +
width: 175px;
 +
height: 125px;
 +
}
 +
 +
 +
#facebook-link
 +
{
 +
right: 22%;
 +
bottom: 50px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 +
#twitter-link
 +
{
 +
right: 5%; 
 +
bottom: 50px;
 +
width: 50px;
 +
height: 50px;
}
}
Line 305: Line 767:
}
}
-
#mail-link:hover
+
 
 +
}
 +
 
 +
 
 +
@media only screen and (min-width : 1281px) and (max-width : 1366px)
{
{
-
background: url(https://static.igem.org/mediawiki/2014/8/85/VUPV_mail_selected2.png) no-repeat center center;
+
 
-
background-size: cover;
+
 
 +
.img-title
 +
{
 +
width: 75%;
 +
height: 75%;
}
}
 +
.table-width
 +
{
 +
width: 550px;
}
}
 +
.spon
 +
{
 +
width: 250px;
 +
}
-
@media only screen and (min-width : 1281px) and (max-width : 1366px)
+
/*#spon-ibmcp
{
{
 +
width: 480px;
 +
}*/
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
-
width: 82%;
+
/* width: 78%; */
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
-
 
}
}
Line 331: Line 809:
#igem-link
#igem-link
{
{
-
left: 995px;   
+
left: 86%;   
-
top: 25px;
+
top: 45px;
-
width: 155px;  
+
width: 105px;
-
height: 145px;
+
height: 80px;
}
}
-
#igem-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/8/87/VUPV_igem_selected.png) no-repeat center center;
 
-
}
 
#follow-link
#follow-link
Line 359: Line 833:
}
}
-
#facebook-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/d/d7/VUPV_facebook_selected2.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
#twitter-link
#twitter-link
Line 373: Line 842:
}
}
-
#twitter-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/1/14/VUPV_twitter_selected2.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
#mail-link
#mail-link
Line 387: Line 851:
}
}
-
#mail-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/8/85/VUPV_mail_selected2.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
}
}
Line 401: Line 860:
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
-
width: 80%;
+
/* width: 78%; */
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
Line 414: Line 873:
#igem-link
#igem-link
{
{
-
left: 1110px;   
+
left: 85%;   
-
top: 25px;
+
top: 40px;
-
width: 155px;  
+
width: 105px;
-
height: 145px;
+
height: 80px;
}
}
-
#igem-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/8/87/VUPV_igem_selected.png) no-repeat center center;
 
-
}
 
#follow-link
#follow-link
Line 436: Line 891:
#facebook-link
#facebook-link
{
{
-
background: url(https://static.igem.org/mediawiki/2014/d/d7/VUPV_facebook_selected2.png) no-repeat center center;
 
-
background-size: cover;
 
right: 22%;
right: 22%;
bottom: 20px;
bottom: 20px;
Line 444: Line 897:
}
}
-
#facebook-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/0/0f/VUPV_facebook.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
#twitter-link
#twitter-link
Line 458: Line 906:
}
}
-
#twitter-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/1/14/VUPV_twitter_selected2.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
#mail-link
#mail-link
Line 472: Line 915:
}
}
-
#mail-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/8/85/VUPV_mail_selected2.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
Line 482: Line 920:
-
@media only screen and (min-width : 1601px) and (max-width : 2250px)
+
@media only screen and (min-width : 1601px)
{
{
 +
 +
#nav > li > a
 +
{
 +
font-size:1.5em;
 +
}
#cn-box{ /*External content box*/
#cn-box{ /*External content box*/
-
width: 82%;
+
/* width: 78%; */
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
Line 499: Line 942:
#igem-link
#igem-link
{
{
-
left: 1272px;   
+
left: 85%;   
-
top: 25px;
+
top: 40px;
-
width: 155px;  
+
width: 105px;
-
height: 145px;
+
height: 80px;
}
}
-
#igem-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/8/87/VUPV_igem_selected.png) no-repeat center center;
 
-
}
 
#follow-link
#follow-link
Line 521: Line 960:
#facebook-link
#facebook-link
{
{
-
background: url(https://static.igem.org/mediawiki/2014/d/d7/VUPV_facebook_selected2.png) no-repeat center center;
 
-
background-size: cover;
 
right: 22%;
right: 22%;
bottom: 30px;
bottom: 30px;
Line 529: Line 966:
}
}
-
#facebook-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/0/0f/VUPV_facebook.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
#twitter-link
#twitter-link
Line 543: Line 975:
}
}
-
#twitter-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/1/14/VUPV_twitter_selected2.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
#mail-link
#mail-link
Line 557: Line 984:
}
}
-
#mail-link:hover
+
 
-
{
+
-
background: url(https://static.igem.org/mediawiki/2014/8/85/VUPV_mail_selected2.png) no-repeat center center;
+
-
background-size: cover;
+
}
}
-
}
 
.hook a
.hook a
{
{
text-decoration: none;
text-decoration: none;
 +
font-size: 0.80em;
}
}
-
.example
+
ul {
-
{
+
list-style:none; /* Button inside images*/
-
background: url(https://static.igem.org/mediawiki/2014/1/18/Banner_1.jpg) no-repeat center center; /* METER EL FONDO */
+
-
width:100%;
+
-
height:290px;
+
-
border:0px #000 solid;
+
-
margin:0px;
+
-
padding:0px;
+
-
border-radius:3px;
+
-
-moz-border-radius:3px;
+
-
-webkit-border-radius:3px;
+
}
}
-
#example_short
+
ul li a {
-
{
+
text-decoration: none; /* Button inside images*/
-
background: transparent;
+
-
height:40px;
+
}
}
-
#menu_short
+
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
-
{
+
margin:0;
-
position: absolute;
+
padding:0;
-
top: 0px;
+
}
}
-
/* main menu styles */
+
 
-
.menu
+
a{
-
{
+
text-decoration: none;
-
background-color:#c00000;
+
 
-
text-align:center;
+
-
width:100%;
+
-
position: relative;
+
-
top: 105px;
+
}
}
-
.menu > span
+
.subtitles
{
{
-
display:inline-block;
+
 
-
margin:0 auto;
+
font-size: 0.8em;  
-
height: 41px;/*It modifies the menu bar height*/
+
width: 80%;  
 +
text-align: justify;
 +
 
}
}
-
#nav
+
.encabezado
{
{
-
display:inline;
+
color: #006230;
-
text-align:center;
+
font-weight: bold;
-
position:relative;
+
 
-
list-style-type:none;
+
}
}
-
#nav > li
+
.encabezado:hover
{
{
-
float:left;
+
text-decoration: none;
-
padding:0;
+
-
position:relative;
+
}
}
-
#nav > li > a
+
 
-
{
+
 
-
border:1px solid transparent;
+
 
-
color:#FFFFFF;
+
.p_notebook {
-
display:block;
+
    margin-top: 10px;
-
font-size:1.5em;
+
    margin-bottom: 10px;
-
padding:10px 10px;
+
    margin-right: 0px;
-
position:relative;
+
    margin-left: 0px;  
-
text-decoration:none;
+
}
}
-
#nav > li > a:hover
+
.normal-table
{
{
-
background-color:#fe0100;
+
border: 1px solid black;
-
color: #FFFFFF;
+
margin: 0px;
-
border-color:#999;
+
padding: 15px;
 +
white-space: normal;
 +
table-layout: normal;
 +
background: transparent;
 +
 
}
}
-
#nav > li.selected  > a
+
.normal-table tr td
{
{
-
background-color:#fe0100;
+
border: 1px solid black;
-
color: #FFFFFF;
+
margin: 0px;
-
border-color:#999999 #999999 #858B91;
+
padding: 15px;
-
z-index:2;
+
white-space: normal;
 +
table-layout: normal;
 +
background: transparent;
 +
 
}
}
-
#nav li div
+
.normal-table tr th
{
{
-
    position:relative;
+
border: 1px solid black;
 +
margin: 0px;
 +
padding: 15px;
 +
white-space: normal;
 +
table-layout: normal;
 +
background: transparent;
 +
 
}
}
-
#nav li div div
+
/*----- Tabs -----*/
-
{
+
.tabs {
-
background-color:#FFFFFF;
+
    width:100%;
-
border:1px solid #999999;
+
    display:inline-block;
-
padding:12px 0;
+
-
display:none;
+
-
font-size:0.75em;
+
-
margin:0;
+
-
position:absolute;
+
-
top:-1px;
+
-
z-index:1;
+
-
width:190px;
+
}
}
 +
 +
    /*----- Tab Links -----*/
 +
    /* Clearfix */
 +
    .tab-links:after {
 +
        display:block;
 +
        clear:both;
 +
        content:'';
 +
    }
 +
 +
    .tab-links li {
 +
        margin:0px 5px;
 +
        float:left;
 +
        list-style:none;
 +
    }
 +
 +
        .tab-links a {
 +
            padding:9px 15px;
 +
            display:inline-block;
 +
            border-radius:3px 3px 0px 0px;
 +
            background:#7FB5DA;
 +
            font-size:16px;
 +
            font-weight:600;
 +
            color:#4c4c4c;
 +
            transition:all linear 1s;
 +
        }
 +
 +
        .tab-links a:hover {
 +
            background:#a7cce5;
 +
            text-decoration:none;
 +
        }
 +
 +
    li.active a, li.active a:hover {
 +
        background:#fff;
 +
        color:#4c4c4c;
 +
    }
 +
 +
    /*----- Content of Tabs -----*/
 +
    .tab-content {
 +
        padding:15px;
 +
        border-radius:3px;
 +
        box-shadow:-1px 1px 1px rgba(0,0,0,0.15);
 +
        background:#fff;
 +
    }
 +
 +
        .tab {
 +
            display:none;
 +
        }
 +
 +
        .tab.active {
 +
            display:block;
 +
        }
-
#nav li div div.wrp2
+
#pinned-footer
{
{
-
width:380px;
+
height: 25px;
}
}
-
#nav .sep
+
dl {
-
{
+
    margin-bottom:50px;
-
left:190px;
+
}
-
border-left:1px solid #E3E3E3;
+
-
bottom:0;
+
dl dt {
-
height:auto;
+
    background:#C00000;
-
margin:15px 0;
+
    color:#fff;
-
position:absolute;
+
    float:left;  
-
top:0;
+
    font-weight:bold;  
-
width:1px;
+
    margin-right:10px;  
 +
    padding:5px;
 +
    width:100px;
 +
}
 +
 +
dl dd {
 +
    margin:2px 0;  
 +
    padding:5px 0;
}
}
-
#nav li div ul
+
.results_sli
{
{
-
padding-left:10px;
+
background: #fff url(https://static.igem.org/mediawiki/2014/6/64/VUPVChromato_benta_off.png) no-repeat center center;
-
padding-right:10px;
+
background-size: cover;
-
position:relative;
+
-
width:170px;
+
-
float:left;
+
-
list-style-type:none;
+
}
}
-
#nav li div ul li
+
.results_sli:hover
{
{
-
margin:0;
+
background: #fff url(https://static.igem.org/mediawiki/2014/2/2b/VUPVChromato_bentha_on.png) no-repeat center center;
-
padding:0;
+
background-size: cover;
}
}
-
#nav li div ul li h3
+
.normal-sangría
{
{
-
border-bottom:1px solid #E3E3E3;
+
margin-left: 30px;
-
color:#4F4F4F;
+
-
font-weight:bold;
+
-
margin:0 5px 4px;
+
-
font-size:1.6em;
+
-
padding-bottom:3px;
+
-
padding-top:3px;
+
}
}
-
#nav li ul ul
+
.background_medal
{
{
-
padding:0 0 8px;
+
color: #fff;
 +
position: relative;
 +
top: 15px;
 +
left: -30px;
 +
z-index: -10;
 +
padding: 5px 60px 5px 35px;
 +
background: url(https://static.igem.org/mediawiki/2014/9/91/VUPVMedal_background.png) no-repeat center center;
 +
background-size: cover;
}
}
-
#nav li ul ul li
+
.medals-tick
{
{
-
margin:0;
+
margin-left: 130px;
-
padding:0;
+
}
}
-
#nav li ul li a
+
.medals-tick li ul li
{
{
-
text-decoration:none; /* Level Team and Photogallery*/
+
list-style: square;
 +
margin-left: 35px;
}
}
-
#nav li ul ul li a
+
#bronze
{
{
-
color:#0060A6;
+
list-style-image: url('https://static.igem.org/mediawiki/2014/6/6b/VUPVTick_bronze.png');
-
display:block;
+
-
margin-bottom:1px;
+
-
padding:3px 5px;
+
-
text-decoration:none;
+
-
font-size:1.3em;
+
}
}
-
#nav li ul ul li a:hover
+
#silver
{
{
-
background-color:#0060a6;
+
list-style-image: url('https://static.igem.org/mediawiki/2014/1/1f/VUPVTick_silver_mod.png');
-
color:#fff;
+
}
}
-
/* TEAM ACCORDION STYLE*/
+
#gold
-
 
+
{
-
 
+
list-style-image: url('https://static.igem.org/mediawiki/2014/5/56/VUPVTick_golden_mod.png');
-
 
+
-
.container {
+
-
width:100%;
+
-
position:relative;
+
-
z-index:0;
+
-
margin:40px auto;
+
}
}
-
.content {
+
#green
-
width:1000px;
+
{
-
margin:0 auto;
+
list-style-image: url('https://static.igem.org/mediawiki/2014/d/d0/VUPVTick_green_mod.png');
}
}
-
.va-container{
 
-
position:relative;
 
-
margin:40px auto 0 auto;
 
-
}
 
-
.va-wrapper{
 
-
width:100%;
 
-
height:100%;
 
-
position:relative;
 
-
overflow:hidden;
 
-
background:#000;
 
-
}
 
-
.va-slice{
 
-
cursor:pointer;
 
-
position:absolute;
 
-
width:100%;
 
-
left:0px;
 
-
overflow:hidden;
 
-
}
 
-
.va-slice-1{
 
-
background:#000 url(../images/1.jpg) no-repeat center center;
 
-
}
 
-
.va-slice-2{
 
-
background:#000 url(../images/2.jpg) no-repeat center center;
 
-
}
 
-
.va-slice-3{
 
-
background:#000 url(../images/3.jpg) no-repeat center center;
 
-
}
 
-
.va-slice-4{
 
-
background:#000 url(../images/4.jpg) no-repeat center center;
 
-
}
 
-
.va-slice-5{
 
-
background:#000 url(../images/5.jpg) no-repeat center center;
 
-
}
 
-
.va-slice-Javier{
 
-
background:#000 url(https://static.igem.org/mediawiki/2014/3/39/Ivllobel_Team_Javier.png) no-repeat center center;
 
-
}
 
-
.va-slice-Estefania{
 
-
background:#000 url(https://static.igem.org/mediawiki/2014/7/7a/Ivllobel_Team_Estefania.png) no-repeat center center;
 
-
}
 
-
.va-slice-Ivan{
 
-
background:#000 url(https://static.igem.org/mediawiki/2014/3/3b/Ivllobel_Team_Ivan_provisional.png) no-repeat center center;
 
-
}
 
-
.va-slice-Yadira{
 
-
background:#000 url(https://static.igem.org/mediawiki/2014/b/bc/Ivllobel_Team_Yadira.png) no-repeat center center;
 
-
}
 
-
.va-slice-6{
 
-
background:#000 url(../images/6.jpg) no-repeat center center;
 
-
}
 
-
.va-slice-7{
 
-
background:#000 url(../images/Yadira_glteam.jpg) no-repeat center center;
 
-
}
 
-
.va-slice-color-1{
 
-
background-color:#97c5eb;
 
-
}
 
-
.va-slice-color-2{
 
-
background-color:#68ace5;
 
-
}
 
-
.va-slice-color-3{
 
-
background-color:#0072cf;
 
-
}
 
-
.va-slice-color-4{
 
-
background-color:#0039a6;
 
-
}
 
-
.va-slice-color-5{
 
-
background-color:#00338e;
 
-
}
 
-
.va-slice-color-6{
 
-
background-color:#002c76;
 
-
}
 
-
.va-slice-color-7{
 
-
background-color:#002144;
 
-
}
 
-
.va-title{
 
-
font-family: 'Open Sans Condensed', sans-serif;
 
-
text-transform:uppercase;
 
-
font-size:60px;
 
-
margin-left:20px;
 
-
color:#FFD700;
 
-
text-shadow: 0px 0px 1px #FF8C00;
 
-
}
 
-
.va-content{
 
-
display:none;
 
-
margin-left:25px;
 
-
}
 
-
.va-slice p{
 
-
font-size: 22px;
 
-
font-style: italic;
 
-
font-family:Georgia, serif;
 
-
}
 
-
.va-slice ul{
 
-
margin-top:20px;
 
-
}
 
-
.va-slice ul li{
 
-
float:left;
 
-
margin:0px 2px;
 
-
}
 
-
.va-slice ul li a{
 
-
color:#000;
 
-
background:#eede2f;
 
-
padding:3px 6px;
 
-
font-size:14px;
 
-
font-family:'PT Sans', sans-serif;
 
-
text-transform:uppercase;
 
-
}
 
-
.va-slice ul li a:hover{
 
-
background:#000;
 
-
color:#fff;
 
-
text-shadow:none;
 
-
}
 
-
.va-nav span{
 
-
width:40px;
 
-
height:25px;
 
-
background:transparent url(https://static.igem.org/mediawiki/2014/e/e2/Ivllobel_Prev.png) no-repeat center center;
 
-
position:absolute;
 
-
top:-35px;
 
-
left:50%;
 
-
margin-left:-20px;
 
-
text-indent:-9000px;
 
-
opacity:0.7;
 
-
cursor:pointer;
 
-
display:none;
 
-
z-index:100;
 
-
}
 
-
.va-nav span.va-nav-next{
 
-
background-image:url(https://static.igem.org/mediawiki/2014/4/46/Ivllobel_Next.png);
 
-
top:auto;
 
-
bottom:-35px;
 
-
}
 
-
.va-nav span:hover{
 
-
opacity:1.0;
 
-
}
 
-
ul {
 
-
list-style:none; /* Button inside images*/
 
-
}
 
-
 
-
ul li a {
 
-
text-decoration: none; /* Button inside images*/
 
-
}
 
-
 
-
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
 
-
margin:0;
 
-
padding:0;
 
-
}
 
-
 
-
 
-
a{
 
-
text-decoration: none;
 
-
 
-
}
 
-
 
-
.encabezado
 
-
{
 
-
color: #006230;
 
-
font-weight: bold;
 
-
 
-
}
 
-
 
-
.table-width
 
-
{
 
-
width: 530px;
 
-
padding: 15px;
 
-
}
 
</style>
</style>
</html>
</html>

Latest revision as of 02:33, 18 October 2014