Team:Valencia UPV/style css

From 2014.igem.org

(Difference between revisions)
 
(486 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: 1150px;
+
width: 850px;
padding: 15px;
padding: 15px;
font-size: 1.175em;
font-size: 1.175em;
-
/*font-family: 'Open Sans', 'Helvetica Neue', 'HelveticaNeue', sans-serif;*/
+
font-family: 'Open Sans', 'Helvetica Neue', 'HelveticaNeue', sans-serif;
}
}
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 153: Line 423:
bottom: 0px;
bottom: 0px;
position: fixed;
position: fixed;
 +
}
 +
.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;
 +
font-weight: bold;
 +
}
 +
 +
.purple-bold
 +
{
 +
color: purple;
 +
font-weight: bold;
 +
}
 +
 +
.fucsia-bold
 +
{
 +
color: #FF00FF;
 +
font-weight: bold;
 +
}
 +
 +
.marron-bold
 +
{
 +
color: #61210B;
 +
font-weight: bold;
 +
}
 +
 +
 +
.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 169: Line 530:
background: url(https://static.igem.org/mediawiki/2014/6/6d/VUPVFollow_us.png) no-repeat center center;  
background: url(https://static.igem.org/mediawiki/2014/6/6d/VUPVFollow_us.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;
}
}
Line 176: 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 185: Line 552:
{
{
position: relative;  
position: relative;  
-
background: url(https://static.igem.org/mediawiki/2014/2/27/VUPV_twitter.png) no-repeat center center;  
+
background: url(https://static.igem.org/mediawiki/2014/e/ec/VUPV_twitter2.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;
 +
}
 +
 +
#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 194: Line 567:
{
{
position: relative;
position: relative;
-
background: url(https://static.igem.org/mediawiki/2014/2/22/VUPV_gmail_selected2.png) no-repeat center center;  
+
background: url(https://static.igem.org/mediawiki/2014/5/57/VUPV_mail.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;
}
}
 +
#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)
{
{
-
.footer-img
+
.table-width
{
{
-
height:75px;
+
width: 500px;
}
}
-
#igem-link
+
.spon
{
{
-
left: 953px; 
+
width: 250px;
-
top: 25px;
+
-
width: 155px;
+
-
height: 145px;
+
}
}
-
#igem-link:hover
+
/*#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*/
 +
/* width: 78%; */
 +
padding: 15px;
 +
font-size: 1.175em;
 +
 
 +
}
 +
 
 +
 
 +
.footer-img
 +
{
 +
height:75px;
 +
}
 +
 
 +
#igem-link
{
{
-
background: url(https://static.igem.org/mediawiki/2014/8/87/VUPV_igem_selected.png) no-repeat center center;
+
left: 85%; 
 +
top: 40px;
 +
width: 105px;
 +
height: 80px;
}
}
Line 233: Line 651:
#facebook-link
#facebook-link
{
{
-
left: 10%px;
+
right: 28%;
bottom: 50px;
bottom: 50px;
width: 50px;  
width: 50px;  
Line 239: 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;  
width: 50px;  
height: 50px;
height: 50px;
}
}
-
#twitter-link
+
#mail-link
{
{
-
left: 98px;
+
left: 10%;  
-
bottom: -25px;
+
bottom: 50px;
-
width: 37px;  
+
width: 50px;  
-
height: 35px;
+
height: 50px;
}
}
-
#twitter-link:hover
+
 
 +
}
 +
 
 +
 
 +
@media only screen and (min-width : 1025px) and (max-width : 1280px)
{
{
-
width: 37px;  
+
 
-
height: 35px;
+
#cn-box{ /*External content box*/
-
background: url(https://static.igem.org/mediawiki/2014/3/3e/VUPV_twitter_selected.png) no-repeat center center;
+
/* width: 78%; */
-
background-size: cover;
+
padding: 15px;
 +
font-size: 1.175em;
 +
 
}
}
-
#mail-link
+
.modules
{
{
-
left: 275px;
+
height: 130px;
-
bottom: -23px;
+
width: 130px;
-
width: 33px;
+
-
height: 43px;
+
}
}
 +
.results
 +
{
 +
height: 130px;
 +
width: 130px;
 +
}
 +
.spon
 +
{
 +
width: 220px;
}
}
 +
/*#spon-ibmcp
 +
{
 +
width: 250px;
 +
}*/
-
@media only screen and (min-width : 1281px) and (max-width : 1366px)
+
/*
 +
.example
{
{
 +
background-size: cover;
 +
}
 +
 +
.menu
 +
{
 +
top: 184px;
 +
}
 +
*/
.footer-img
.footer-img
Line 285: Line 728:
#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;
+
}
}
Line 307: Line 745:
#facebook-link
#facebook-link
{
{
-
right: 194px;
+
right: 22%;
-
bottom: -26px;
+
bottom: 50px;
-
width: 39px;  
+
width: 50px;  
-
height: 38px;
+
height: 50px;
}
}
-
#facebook-link:hover
+
#twitter-link
{
{
-
background: url(https://static.igem.org/mediawiki/2014/0/09/VUPV_facebook_selected.png) no-repeat center center;
+
right: 5%; 
 +
bottom: 50px;
 +
width: 50px;
 +
height: 50px;
}
}
-
#twitter-link
+
#mail-link
{
{
-
left: 104px;
+
left: 15%;  
-
bottom: -26px;
+
bottom: 50px;
-
width: 37px;  
+
width: 50px;  
-
height: 35px;
+
height: 50px;
}
}
-
#twitter-link:hover
+
 
 +
}
 +
 
 +
 
 +
@media only screen and (min-width : 1281px) and (max-width : 1366px)
{
{
-
width: 37px;
+
 
-
height: 35px;
+
 
-
background: url(https://static.igem.org/mediawiki/2014/3/3e/VUPV_twitter_selected.png) no-repeat center center;
+
.img-title
-
background-size: cover;
+
{
 +
width: 75%;
 +
height: 75%;
}
}
-
#mail-link
+
.table-width
{
{
-
left: 295px;
+
width: 550px;
-
bottom: -23px;
+
-
width: 33px;
+
-
height: 43px;
+
}
}
 +
.spon
 +
{
 +
width: 250px;
}
}
-
 
+
/*#spon-ibmcp
-
@media only screen and (min-width : 1367px)
+
-
and (max-width : 1600px)
+
{
{
 +
width: 480px;
 +
}*/
 +
 +
#cn-box{ /*External content box*/
 +
/* width: 78%; */
 +
padding: 15px;
 +
font-size: 1.175em;
 +
}
.footer-img
.footer-img
{
{
-
height:108px;
+
height:75px;
}
}
#igem-link
#igem-link
{
{
-
left: 1110px;   
+
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
{
{
right: 35%;
right: 35%;
-
bottom: 15px;
+
bottom: 35px;
width: 175px;  
width: 175px;  
height: 125px;
height: 125px;
Line 378: Line 827:
#facebook-link
#facebook-link
{
{
-
right: 238px;
+
right: 21%;
-
bottom: -40px;
+
bottom: 50px;
-
width: 60px;  
+
width: 50px;  
-
height: 60px;
+
height: 50px;
}
}
-
#facebook-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/0/09/VUPV_facebook_selected.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
#twitter-link
#twitter-link
{
{
-
left: 112px;   
+
right: 4.5%;   
-
bottom: -32px;
+
bottom: 50px;
-
width: 45px;  
+
width: 50px;  
-
height: 45px;
+
height: 50px;
}
}
-
#twitter-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/3/3e/VUPV_twitter_selected.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
#mail-link
#mail-link
{
{
-
left: 349px;  
+
left: 14.25%;  
-
bottom: -29px;
+
bottom: 50px;
-
width: 33px;  
+
width: 50px;  
-
height: 43px;
+
height: 50px;
}
}
Line 416: Line 855:
-
@media only screen and (min-width : 1601px) and (max-width : 2250px) and (max-height: 1080px)
+
@media only screen and (min-width : 1367px)
 +
and (max-width : 1600px)
{
{
 +
 +
#cn-box{ /*External content box*/
 +
/* width: 78%; */
 +
padding: 15px;
 +
font-size: 1.175em;
 +
 +
}
.footer-img
.footer-img
{
{
-
height:100px;
+
height:108px;
}
}
#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
{
{
right: 35%;
right: 35%;
-
bottom: 25px;
+
bottom: 15px;
width: 175px;  
width: 175px;  
height: 125px;
height: 125px;
Line 448: Line 891:
#facebook-link
#facebook-link
{
{
-
right: 283px;
+
right: 22%;
-
bottom: -33px;
+
bottom: 20px;
-
width: 70px;  
+
width: 50px;  
-
height: 70px;
+
height: 50px;
}
}
-
#facebook-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/0/09/VUPV_facebook_selected.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
#twitter-link
#twitter-link
{
{
-
left: 130px;   
+
right: 5%;   
-
bottom: -27px;
+
bottom: 20px;
-
width: 53px;  
+
width: 50px;  
-
height: 53px;
+
height: 50px;
}
}
-
#twitter-link:hover
 
-
{
 
-
background: url(https://static.igem.org/mediawiki/2014/3/3e/VUPV_twitter_selected.png) no-repeat center center;
 
-
background-size: cover;
 
-
}
 
#mail-link
#mail-link
{
{
-
left: 415px;  
+
left: 15%;  
-
bottom: -22px;
+
bottom: 20px;
-
width: 40px;  
+
width: 50px;  
-
height: 53px;
+
height: 50px;
}
}
 +
 +
}
}
-
.hook a
+
 
 +
@media only screen and (min-width : 1601px)
{
{
-
text-decoration: none;
 
-
}
 
-
.example
+
#nav > li > a
{
{
-
background: url(https://static.igem.org/mediawiki/2014/1/18/Banner_1.jpg) no-repeat center center; /* METER EL FONDO */
+
font-size:1.5em;  
-
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
+
#cn-box{ /*External content box*/
-
{
+
/* width: 78%; */
-
background: transparent;
+
padding: 15px;
-
height:40px;
+
font-size: 1.175em;
 +
 
}
}
-
#menu_short
+
.footer-img
{
{
-
position: absolute;
+
height:100px;
-
top: 0px;
+
}
}
-
/* main menu styles */
+
#igem-link
-
.menu
+
{
{
-
background-color:#c00000;
+
left: 85%;
-
text-align:center;
+
top: 40px;
-
width:100%;
+
width: 105px;
-
position: relative;
+
height: 80px;
-
top: 105px;
+
}
}
-
.menu > span
+
 
 +
#follow-link
{
{
-
display:inline-block;
+
right: 35%;
-
margin:0 auto;
+
bottom: 25px;
-
height: 41px;/*It modifies the menu bar height*/
+
width: 175px;  
 +
height: 125px;
}
}
-
#nav
+
 
 +
#facebook-link
{
{
-
display:inline;
+
right: 22%;
-
text-align:center;
+
bottom: 30px;
-
position:relative;
+
width: 50px;  
-
list-style-type:none;
+
height: 50px;
}
}
-
#nav > li
+
 
 +
#twitter-link
{
{
-
float:left;
+
right: 5%;
-
padding:0;
+
bottom: 30px;
-
position:relative;
+
width: 50px;
 +
height: 50px;
}
}
-
#nav > li > a
+
 
 +
#mail-link
{
{
-
border:1px solid transparent;
+
left: 15%;  
-
color:#FFFFFF;
+
bottom: 30px;
-
display:block;
+
width: 50px;  
-
font-size:1.5em;
+
height: 50px;
-
padding:10px 10px;
+
-
position:relative;
+
-
text-decoration:none;
+
}
}
-
#nav > li > a:hover
+
 
-
{
+
-
background-color:#fe0100;
+
-
color: #FFFFFF;
+
-
border-color:#999;
+
}
}
-
#nav > li.selected  > a  
+
 
 +
.hook a
{
{
-
background-color:#fe0100;
+
text-decoration: none;
-
color: #FFFFFF;
+
font-size: 0.80em;
-
border-color:#999999 #999999 #858B91;
+
-
z-index:2;
+
}
}
-
#nav li div
+
ul {
-
{
+
list-style:none; /* Button inside images*/
-
    position:relative;
+
}
}
-
#nav li div div
+
ul li a {
-
{
+
text-decoration: none; /* Button inside images*/
-
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
+
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;
-
width:380px;
+
padding:0;
}
}
-
#nav .sep
+
 
-
{
+
a{
-
left:190px;
+
text-decoration: none;
-
border-left:1px solid #E3E3E3;
+
 
-
bottom:0;
+
-
height:auto;
+
-
margin:15px 0;
+
-
position:absolute;
+
-
top:0;
+
-
width:1px;
+
}
}
-
#nav li div ul
+
.subtitles
{
{
-
padding-left:10px;
+
 
-
padding-right:10px;
+
font-size: 0.8em;  
-
position:relative;
+
width: 80%;  
-
width:170px;
+
text-align: justify;
-
float:left;
+
 
-
list-style-type:none;
+
}
}
-
#nav li div ul li
+
.encabezado
{
{
-
margin:0;
+
color: #006230;
-
padding:0;
+
font-weight: bold;
 +
 
}
}
-
#nav li div ul li h3
+
.encabezado:hover
{
{
-
border-bottom:1px solid #E3E3E3;
+
text-decoration: none;
-
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;
+
 
 +
.p_notebook {
 +
    margin-top: 10px;
 +
    margin-bottom: 10px;
 +
    margin-right: 0px;
 +
    margin-left: 0px;  
}
}
-
#nav li ul ul li
+
.normal-table
{
{
-
margin:0;
+
border: 1px solid black;
-
padding:0;
+
margin: 0px;
 +
padding: 15px;
 +
white-space: normal;
 +
table-layout: normal;
 +
background: transparent;
 +
 
}
}
-
#nav li ul li a
+
.normal-table tr td
{
{
-
text-decoration:none; /* Level Team and Photogallery*/
+
border: 1px solid black;
 +
margin: 0px;
 +
padding: 15px;
 +
white-space: normal;
 +
table-layout: normal;
 +
background: transparent;
 +
 
}
}
-
#nav li ul ul li a
+
.normal-table tr th
{
{
-
color:#0060A6;
+
border: 1px solid black;
-
display:block;
+
margin: 0px;
-
margin-bottom:1px;
+
padding: 15px;
-
padding:3px 5px;
+
white-space: normal;
-
text-decoration:none;
+
table-layout: normal;
-
font-size:1.3em;
+
background: transparent;
 +
 
}
}
-
#nav li ul ul li a:hover
+
/*----- Tabs -----*/
-
{
+
.tabs {
-
background-color:#0060a6;
+
    width:100%;
-
color:#fff;
+
    display:inline-block;
}
}
 +
 +
    /*----- 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;
 +
        }
-
/* TEAM ACCORDION STYLE*/
+
#pinned-footer
-
 
+
{
-
 
+
height: 25px;
-
 
+
-
.container {
+
-
width:100%;
+
-
position:relative;
+
-
z-index:0;
+
-
margin:40px auto;
+
-
}
+
-
.content {
+
-
width:1000px;
+
-
margin:0 auto;
+
}
}
-
.va-container{
+
dl {
-
position:relative;
+
    margin-bottom:50px;
-
margin:40px auto 0 auto;
+
}
}
-
.va-wrapper{
+
-
width:100%;
+
dl dt {
-
height:100%;
+
    background:#C00000;
-
position:relative;
+
    color:#fff;
-
overflow:hidden;
+
    float:left;  
-
background:#000;
+
    font-weight:bold;  
 +
    margin-right:10px;
 +
    padding:5px; 
 +
    width:100px;  
}
}
-
.va-slice{
+
-
cursor:pointer;
+
dl dd {
-
position:absolute;
+
    margin:2px 0;  
-
width:100%;
+
    padding:5px 0;
-
left:0px;
+
-
overflow:hidden;
+
}
}
-
.va-slice-1{
+
 
-
background:#000 url(../images/1.jpg) no-repeat center center;
+
.results_sli
 +
{
 +
background: #fff url(https://static.igem.org/mediawiki/2014/6/64/VUPVChromato_benta_off.png) no-repeat center center;
 +
background-size: cover;
}
}
-
.va-slice-2{
+
 
-
background:#000 url(../images/2.jpg) no-repeat center center;
+
.results_sli:hover
 +
{
 +
background: #fff url(https://static.igem.org/mediawiki/2014/2/2b/VUPVChromato_bentha_on.png) no-repeat center center;
 +
background-size: cover;
}
}
-
.va-slice-3{
+
 
-
background:#000 url(../images/3.jpg) no-repeat center center;
+
.normal-sangría
 +
{
 +
margin-left: 30px;
}
}
-
.va-slice-4{
+
 
-
background:#000 url(../images/4.jpg) no-repeat center center;
+
.background_medal
-
}
+
{
-
.va-slice-5{
+
color: #fff;
-
background:#000 url(../images/5.jpg) no-repeat center center;
+
position: relative;
-
}
+
top: 15px;
-
.va-slice-Javier{
+
left: -30px;
-
background:#000 url(https://static.igem.org/mediawiki/2014/3/39/Ivllobel_Team_Javier.png) no-repeat center center;
+
z-index: -10;
-
}
+
padding: 5px 60px 5px 35px;
-
.va-slice-Estefania{
+
background: url(https://static.igem.org/mediawiki/2014/9/91/VUPVMedal_background.png) no-repeat center center;
-
background:#000 url(https://static.igem.org/mediawiki/2014/7/7a/Ivllobel_Team_Estefania.png) no-repeat center center;
+
background-size: cover;
-
}
+
-
.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 {
+
.medals-tick
-
list-style:none; /* Button inside images*/
+
{
 +
margin-left: 130px;
}
}
-
ul li a {
+
.medals-tick li ul li
-
text-decoration: none; /* Button inside images*/
+
{
 +
list-style: square;
 +
margin-left: 35px;
}
}
-
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
+
#bronze
-
margin:0;
+
{
-
padding:0;
+
list-style-image: url('https://static.igem.org/mediawiki/2014/6/6b/VUPVTick_bronze.png');
}
}
-
 
+
#silver
-
a{
+
{
-
text-decoration: none;
+
list-style-image: url('https://static.igem.org/mediawiki/2014/1/1f/VUPVTick_silver_mod.png');
-
 
+
}
}
-
.encabezado
+
#gold
{
{
-
color: #006230;
+
list-style-image: url('https://static.igem.org/mediawiki/2014/5/56/VUPVTick_golden_mod.png');
-
font-weight: bold;
+
-
 
+
}
}
 +
#green
 +
{
 +
list-style-image: url('https://static.igem.org/mediawiki/2014/d/d0/VUPVTick_green_mod.png');
 +
}
 +
 +
</style>
</style>
</html>
</html>

Latest revision as of 02:33, 18 October 2014