Team:Valencia UPV/style css

From 2014.igem.org

(Difference between revisions)
 
(979 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
 +
@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
-
{
+
{
-
+
background-color: #FFFFFF;
-
background-color: #298F00;
+
-
}
+
-
 
+
-
#search-controls {
+
-
display:none;
+
}
}
-
#top-section {
+
#top-section { /*Sets the wiki default box size */
height:0px;
height:0px;
width:100%;
width:100%;
border:none;
border:none;
-
}
 
-
 
-
#footer-box {
 
-
border:none;
 
-
display:none;
 
-
width:100%;
 
}
}
Line 40: Line 30:
padding: 0px;
padding: 0px;
}
}
-
 
-
/*
 
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
 
-
#content{
 
-
                background:transparent url("http://2010.igem.org/wiki/images/f/f4/Transpa50.png") center top fixed repeat-y;
 
-
                padding: 0px;
 
-
        margin:0 auto;
 
-
                border: none; 
 
-
            }
 
-
*/
 
.container{
.container{
Line 60: Line 40:
}
}
-
/*  Code for not showing the wiki blabla
+
#space-margin
-
#top-section { height: 20px; margin-top: -5px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;}
+
-
#p-logo { height:1px; overflow:hidden; display: none;}
+
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 100px; right: 40px;}
+
-
.left-menu { width: 400px; display:block; float:left; margin-top:-80px; border: none;}
+
-
.left-menu ul { border: none; }
+
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
+
-
.right-menu ul { border: none;}
+
-
#footer-box { background-color: transparent; border: none; width: 965px; margin: 0 auto; padding: 0;}
+
-
#footer { border: none; width: 965px; margin: 0; padding: 0;}
+
-
.firstHeading { display: none;}
+
-
#f-list a { color: #333; font-size: 10px;}
+
-
#f-list a:hover { color: #666;}
+
-
#footer ul { margin: 0; padding: 0;}
+
-
#footer ul li { margin-top: 0; margin-bottom: 0; margin-left: 10px; margin-right: 10px; padding: 0;}
+
-
end */
+
-
 
+
-
 
+
-
 
+
-
 
+
-
.Buttons
+
{
{
-
background-color: #87CEEB;
+
height: 100px;
-
width: 200px;
+
background-color: transparent;
-
height: 100px;
+
-
margin: 20px;
+
-
border: 5px outset black;
+
-
+
}
}
-
#main
+
#cn-box{ /*External content box*/
-
{
+
position: relative;
-
margin: 5px 50px 30px;
+
width: 850px;
-
background-color: #FFFFFF;
+
padding: 15px;
-
 
+
font-size: 1.175em;
 +
font-family: 'Open Sans', 'Helvetica Neue', 'HelveticaNeue', sans-serif;
}
}
Line 103: Line 60:
.button-content{
.button-content{
-
padding: 7px;
+
padding: 7px;
-
height: auto;
+
height: auto;
-
background-color: yellow;
+
background-color: #C00000;
-
max-width: 300px;
+
max-width: 300px;
 +
text-decoration: none;
 +
}
 +
.button-content-trans{
 +
padding: 7px;
 +
height: auto;
 +
width: 120px;
 +
background-color: transparent;
 +
max-width: 300px;
 +
text-decoration: none;
}
}
-
.button-content > a{
+
.button-content:hover{
-
text-decoration: none;
+
background-color: #fe0100;
-
color: black;
+
text-decoration: none;
}
}
-
.button-content > a:hover{
+
.emphasize
 +
{
 +
text-decoration: underline;
 +
color: blue;
 +
}
-
color: blue;
+
.vectorial
 +
{
 +
text-decoration: overline;
 +
}
 +
.table-width
 +
{
 +
width: 640px;
 +
padding-top: 40px;
 +
padding-right: 65px;
}
}
 +
 +
.spon
 +
{
 +
width: 250px;
 +
}
 +
.link-page{
.link-page{
Line 129: Line 113:
}
}
-
/*HEADER MENU STYLE*/
+
.link-page
 +
{
 +
text-decoration: none;
 +
}
-
.n-title{
+
.link-page:hover
-
display: inline;
+
{
 +
text-decoration: none;
}
}
-
#na-title{
+
.normal-link-page
-
font-size: 2.5em;
+
{
-
color: red;
+
color: blue;
 +
font-weight: bold;
 +
text-decoration: none;
 +
}
 +
.normal-link-page:hover
 +
{
 +
color: #00BFFF;
 +
text-decoration: none;
 +
}
 +
#goto-left
 +
{
 +
float: left;
 +
color: #FFFFFF;
}
}
 +
 +
#goto-middle
 +
{
 +
color: #FFFFFF;
 +
}
 +
 +
#goto-right
 +
{
 +
float: right;
 +
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*/
.example  
.example  
{
{
-
background:#fff url(http://2014.igem.org/wiki/images/5/5c/Ivllobel_blue.jpg); /* METER EL FONDO */
+
background: url(http://2014.igem.org/wiki/images/b/bc/VUPVHeader_Sin_hoja_2.png) no-repeat center center; /* METER EL FONDO */
-
width:95%;
+
background-size: cover;
-
height:275px;
+
height:200px;
-
border:1px #000 solid;
+
width:100%;
-
margin:20px auto;
+
border:0px #000 solid;
-
padding:15px;
+
margin:0px;
-
border-radius:3px;
+
padding:0px;
-
-moz-border-radius:3px;
+
border-radius:3px;
-
-webkit-border-radius:3px;
+
-moz-border-radius:3px;
 +
-webkit-border-radius:3px;
}
}
-
/* main menu styles */
 
.menu  
.menu  
{
{
-
background-color:#d0e6f5;
+
background-color:#c00000;
-
text-align:center;
+
text-align:center;
-
width:100%;
+
width:100%;
 +
position: absolute;
 +
top: 159px;
}
}
Line 168: Line 221:
display:inline-block;
display:inline-block;
margin:0 auto;
margin:0 auto;
 +
height: 41px;/*It modifies the menu bar height*/
}
}
Line 188: Line 242:
{
{
border:1px solid transparent;
border:1px solid transparent;
-
color:#4F4F4F;
+
color:#FFFFFF;
display:block;
display:block;
-
font-size:1.25em;
+
font-size:1.5em;
-
padding:3px 10px;
+
padding:10px 10px;
position:relative;
position:relative;
text-decoration:none;
text-decoration:none;
Line 198: Line 252:
#nav > li > a:hover  
#nav > li > a:hover  
{
{
-
background-color:#e4ecf4;
+
background-color:#fe0100;
 +
color: #FFFFFF;
border-color:#999;
border-color:#999;
}
}
Line 204: Line 259:
#nav > li.selected  > a  
#nav > li.selected  > a  
{
{
-
background-color:#FFFFFF;
+
background-color:#fe0100;
-
border-color:#999999 #999999 #FFFFFF;
+
color: #FFFFFF;
 +
border-color:#999999 #999999 #858B91;
z-index:2;
z-index:2;
}
}
Line 267: Line 323:
font-weight:bold;
font-weight:bold;
margin:0 5px 4px;
margin:0 5px 4px;
-
font-size:0.95em;
+
font-size:1.6em;
padding-bottom:3px;
padding-bottom:3px;
padding-top:3px;
padding-top:3px;
Line 295: Line 351:
padding:3px 5px;
padding:3px 5px;
text-decoration:none;
text-decoration:none;
-
font-size:0.9em;
+
font-size:1.5em;
}
}
Line 304: Line 360:
}
}
-
/* TEAM ACCORDION STYLE*/
 
 +
 +
.n-title{
 +
display: inline;
 +
}
 +
 +
#na-title{
 +
font-size: 2.5em;
 +
color: red;
-
.container {
 
-
width:100%;
 
-
position:relative;
 
-
z-index:0;
 
-
margin:40px auto;
 
}
}
-
.content {
+
 
-
width:1000px;
+
.footer-ext{
-
margin:0 auto;
+
height: 250px;
 +
width: 75%;
}
}
-
.va-container{
+
.footer-text{
-
position:relative;
+
padding: 15px;
-
margin:40px auto 0 auto;
+
height: 250px;
 +
text-align: left;
 +
display: inline;
 +
float: left;
 +
 
}
}
-
.va-wrapper{
+
 
-
width:100%;
+
.footer-sponsors{
-
height:100%;
+
padding: 15px;
-
position:relative;
+
height: 250px;
-
overflow:hidden;
+
text-align: left;
-
background:#000;
+
display: inline;
 +
float: left;
 +
 
}
}
-
.va-slice{
+
 
-
cursor:pointer;
+
.team-img
-
position:absolute;
+
{
-
width:100%;
+
background:url(http://2014.igem.org/wiki/images/0/07/VUPVTeam_logo.png) no-repeat center center;  
-
left:0px;
+
background-size: cover;
-
overflow:hidden;
+
width:120px;
 +
height:120px;
 +
z-index: 100;
 +
position: fixed;
 +
top: 2%;
 +
left: 1%;
}
}
-
.va-slice-1{
+
 
-
background:#000 url(../images/1.jpg) no-repeat center center;
+
.footer-img
 +
{
 +
/* METER EL FONDO */
 +
background:url(http://2014.igem.org/wiki/images/4/48/VUPV_Footer_trans_mod_3.png) no-repeat center center;
 +
background-size: cover;
 +
width:100%;
 +
height:108px;
 +
z-index: 100;
 +
padding:0px;
 +
margin:0px;
 +
border-radius:3px;
 +
-moz-border-radius:3px;
 +
-webkit-border-radius:3px;
 +
bottom: 0px;
 +
position: fixed;
}
}
-
.va-slice-2{
+
 
-
background:#000 url(../images/2.jpg) no-repeat center center;
+
.method li ul li
 +
{
 +
list-style-type: circle;
 +
margin-left: 25px;
 +
padding: 0px 0px 0px 5px;
}
}
-
.va-slice-3{
+
 
-
background:#000 url(../images/3.jpg) no-repeat center center;
+
.method > li
 +
{
 +
list-style-type: initial;
 +
margin-left: 20px;
 +
padding: initial;
}
}
-
.va-slice-4{
+
 
-
background:#000 url(../images/4.jpg) no-repeat center center;
+
 
 +
 
 +
.italic
 +
{
 +
font-style: italic;
 +
color: inherit;
}
}
-
.va-slice-5{
+
 
-
background:#000 url(../images/5.jpg) no-repeat center center;
+
.italic:hover
 +
{
 +
text-decoration: none;
}
}
-
.va-slice-Javier{
+
 
-
background:#000 url(http://2014.igem.org/wiki/images/3/39/Ivllobel_Team_Javier.png) no-repeat center center;
+
.black-bold
 +
{
 +
color: black;
 +
font-weight: bold;
}
}
-
.va-slice-Estefania{
+
 
-
background:#000 url(http://2014.igem.org/wiki/images/7/7a/Ivllobel_Team_Estefania.png) no-repeat center center;
+
.green-bold
 +
{
 +
color: green;
 +
font-weight: bold;
}
}
-
.va-slice-Ivan{
+
 
-
background:#000 url(http://2014.igem.org/wiki/images/3/3b/Ivllobel_Team_Ivan_provisional.png) no-repeat center center;
+
.red-bold
 +
{
 +
color: #C00000;
 +
font-weight: bold;
}
}
-
.va-slice-Yadira{
+
 
-
background:#000 url(http://2014.igem.org/wiki/images/b/bc/Ivllobel_Team_Yadira.png) no-repeat center center;
+
.blue-bold
 +
{
 +
color: blue;
 +
font-weight: bold;
}
}
-
.va-slice-6{
+
 
-
background:#000 url(../images/6.jpg) no-repeat center center;
+
.purple-bold
 +
{
 +
color: purple;
 +
font-weight: bold;
}
}
-
.va-slice-7{
+
 
-
background:#000 url(../images/Yadira_glteam.jpg) no-repeat center center;
+
.fucsia-bold
 +
{
 +
color: #FF00FF;
 +
font-weight: bold;
}
}
-
.va-slice-color-1{
+
 
-
background-color:#97c5eb;
+
.marron-bold
 +
{
 +
color: #61210B;
 +
font-weight: bold;
}
}
-
.va-slice-color-2{
+
 
-
background-color:#68ace5;
+
 
 +
.fucsia-bold:hover, .marron-bold:hover, .purple-bold:hover, .blue-bold:hover, .red-bold:hover, .green-bold:hover, .black-bold:hover
 +
{
 +
text-decoration: none;
}
}
-
.va-slice-color-3{
+
 
-
background-color:#0072cf;
+
.subpart
 +
{
 +
color: #006400;
 +
font-weight: bold;
 +
font-size: 1.15em;
}
}
-
.va-slice-color-4{
+
 
-
background-color:#0039a6;
+
 
 +
#igem-link
 +
{
 +
position: relative;
 +
background: url(http://2014.igem.org/wiki/images/c/c6/VUPV_igem_non_selected.png) no-repeat center center;
 +
background-size: cover;
 +
/*border: 1px solid yellow;*/
 +
display: inline-block;
 +
width: 131px;
 +
height: 100px;
}
}
-
.va-slice-color-5{
+
 
-
background-color:#00338e;
+
#igem-link:hover
 +
{
 +
background: url(http://2014.igem.org/wiki/images/a/ad/VUPV_igem_selected2.png) no-repeat center center;
 +
background-size: cover;
}
}
-
.va-slice-color-6{
+
 
-
background-color:#002c76;
+
#follow-link
 +
{
 +
position: relative;
 +
background: url(http://2014.igem.org/wiki/images/6/6d/VUPVFollow_us.png) no-repeat center center;
 +
background-size: cover;
 +
/*border: 1px solid yellow;*/
 +
display: inline-block;
}
}
-
.va-slice-color-7{
+
 
-
background-color:#002144;
+
#facebook-link
 +
{
 +
position: relative;
 +
background: url(http://2014.igem.org/wiki/images/f/f6/VUPV_facebook_non_selected.png) no-repeat center center;
 +
background-size: cover;
 +
/*border: 1px solid yellow;*/
 +
display: inline-block;
}
}
-
.va-title{
+
 
-
font-family: 'Open Sans Condensed', sans-serif;
+
#facebook-link:hover
-
text-transform:uppercase;
+
{
-
font-size:60px;
+
background: url(http://2014.igem.org/wiki/images/1/1e/VUPV_facebook_selected3.png) no-repeat center center;
-
margin-left:20px;
+
background-size: cover;
-
color:#FFD700;
+
-
text-shadow: 0px 0px 1px #FF8C00;
+
}
}
-
.va-content{
+
 
-
display:none;
+
#twitter-link
-
margin-left:25px;
+
{
 +
position: relative;  
 +
background: url(http://2014.igem.org/wiki/images/e/ec/VUPV_twitter2.png) no-repeat center center;
 +
background-size: cover;
 +
/*border: 1px solid yellow;*/
 +
display: inline-block;
}
}
-
.va-slice p{
+
 
-
font-size: 22px;
+
#twitter-link:hover
-
font-style: italic;
+
{
-
font-family:Georgia, serif;
+
background: url(http://2014.igem.org/wiki/images/1/14/VUPV_twitter_selected2.png) no-repeat center center;
 +
background-size: cover;
}
}
-
.va-slice ul{
+
 
-
margin-top:20px;
+
#mail-link
 +
{
 +
position: relative;
 +
background: url(http://2014.igem.org/wiki/images/5/57/VUPV_mail.png) no-repeat center center;
 +
background-size: cover;
 +
/*border: 1px solid yellow;*/
 +
display: inline-block;
}
}
-
.va-slice ul li{
+
 
-
float:left;
+
#mail-link:hover
-
margin:0px 2px;
+
{
 +
background: url(http://2014.igem.org/wiki/images/8/85/VUPV_mail_selected2.png) no-repeat center center;
 +
background-size: cover;
}
}
-
.va-slice ul li a{
+
 
-
color:#000;
+
@media only screen and (max-width : 1024px)
-
background:#eede2f;
+
{
-
padding:3px 6px;
+
 
-
font-size:14px;
+
.table-width
-
font-family:'PT Sans', sans-serif;
+
{
-
text-transform:uppercase;
+
width: 500px;
}
}
-
.va-slice ul li a:hover{
+
 
-
background:#000;
+
.spon
-
color:#fff;
+
{
-
text-shadow:none;
+
width: 250px;
}
}
-
.va-nav span{
+
 
-
width:40px;
+
/*#spon-ibmcp
-
height:25px;
+
{
-
background:transparent url(http://2014.igem.org/wiki/images/e/e2/Ivllobel_Prev.png) no-repeat center center;
+
width: 400px;
-
position:absolute;
+
}*/
-
top:-35px;
+
 
-
left:50%;
+
.img-title
-
margin-left:-20px;
+
{
-
text-indent:-9000px;
+
width: 70%;
-
opacity:0.7;
+
-
cursor:pointer;
+
-
display:none;
+
-
z-index:100;
+
}
}
-
.va-nav span.va-nav-next{
+
 
-
background-image:url(http://2014.igem.org/wiki/images/4/46/Ivllobel_Next.png);
+
/*.example
-
top:auto;
+
{
-
bottom:-35px;
+
background-size: 105% 110%;
 +
height:200px;
}
}
-
.va-nav span:hover{
+
 
-
opacity:1.0;
+
.menu
 +
{
 +
top: 159px;
}
}
 +
*/
-
/*TEAM ACCORDION*/
+
#nav > li > a
 +
{
 +
font-size:1.35em;
 +
}
 +
 
 +
#cn-box{ /*External content box*/
 +
/* width: 78%; */
 +
padding: 15px;
 +
font-size: 1.175em;
-
.more ul{
 
-
text-transform:uppercase;
 
-
font-size:13px;
 
-
padding:50px 0px 30px 0px;
 
-
height:30px;
 
-
clear:both;
 
-
width:1000px;
 
-
margin:10px auto 0 auto;
 
-
color:#000;
 
}
}
-
.more ul li{
+
 
-
float:left;
+
 
-
margin:0px 2px;
+
.footer-img
 +
{
 +
height:75px;
}
}
-
.more ul li.selected a, .more ul li.selected a:hover{
+
 
-
background:#000;
+
#igem-link
-
color:#fff;
+
{
-
text-shadow:none;
+
left: 85%;
 +
top: 40px;
 +
width: 105px;
 +
height: 80px;
}
}
-
.more ul li a{
+
 
-
text-shadow:1px 1px 1px #fff;
+
#follow-link
-
color:#555;
+
{
-
background:#f7f7f7;
+
right: 35%;
-
padding:3px 6px;
+
bottom: 35px;
-
-moz-box-shadow:1px 1px 2px #aaa;
+
width: 175px;  
-
-webkit-box-shadow:1px 1px 2px #aaa;
+
height: 125px;
-
box-shadow:1px 1px 2px #aaa;
+
}
}
-
.more ul li a:hover{
+
 
-
background:#000;
+
 
-
color:#fff;
+
#facebook-link
-
text-shadow:none;
+
{
 +
right: 28%;
 +
bottom: 50px;
 +
width: 50px;
 +
height: 50px;
}
}
-
.content{
+
 
-
width:100%;
+
#twitter-link
-
position:relative;
+
{
 +
right: 12%
 +
bottom: 50px;
 +
width: 50px;  
 +
height: 50px;
}
}
-
/* Footer Style */
+
 
-
.header{
+
#mail-link
-
position:absolute;
+
{
-
width:100%;
+
left: 10%;  
-
height:25px;
+
bottom: 50px;
-
line-height:24px;
+
width: 50px;  
-
top:0;
+
height: 50px;
-
font-size:13px;
+
-
background:#000;
+
-
opacity:0.9;
+
-
text-transform:uppercase;
+
-
z-index:4;
+
}
}
-
.header a{
+
 
-
padding:5px 10px;
+
 
-
letter-spacing:1px;
+
-
text-shadow:1px 1px 1px #000;
+
-
color:#ddd;
+
-
text-align:right;
+
}
}
-
.header a:hover{
+
 
-
color:#fff;
+
 
 +
@media only screen and (min-width : 1025px) and (max-width : 1280px)
 +
{
 +
 
 +
#cn-box{ /*External content box*/
 +
/* width: 78%; */
 +
padding: 15px;
 +
font-size: 1.175em;
 +
 
}
}
-
.header a span{
+
 
-
font-weight:bold;
+
.modules
 +
{
 +
height: 130px;
 +
width: 130px;
}
}
-
.header span.right_ab{
+
 
-
position:absolute;
+
.results
-
right:4px;
+
{
 +
height: 130px;
 +
width: 130px;
 +
}
 +
 
 +
.spon
 +
{
 +
width: 220px;
 +
}
 +
 
 +
/*#spon-ibmcp
 +
{
 +
width: 250px;
 +
}*/
 +
 
 +
/*
 +
.example
 +
{
 +
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;
 +
}
 +
 
 +
#mail-link
 +
{
 +
left: 15%;
 +
bottom: 50px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 
 +
 
 +
}
 +
 
 +
 
 +
@media only screen and (min-width : 1281px) and (max-width : 1366px)
 +
{
 +
 
 +
 
 +
.img-title
 +
{
 +
width: 75%;
 +
height: 75%;
 +
}
 +
 
 +
.table-width
 +
{
 +
width: 550px;
 +
}
 +
 
 +
.spon
 +
{
 +
width: 250px;
 +
}
 +
 
 +
/*#spon-ibmcp
 +
{
 +
width: 480px;
 +
}*/
 +
 
 +
#cn-box{ /*External content box*/
 +
/* width: 78%; */
 +
padding: 15px;
 +
font-size: 1.175em;
 +
}
 +
 
 +
.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: 21%;
 +
bottom: 50px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 
 +
 
 +
#twitter-link
 +
{
 +
right: 4.5%; 
 +
bottom: 50px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 
 +
 
 +
#mail-link
 +
{
 +
left: 14.25%;
 +
bottom: 50px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 
 +
 
 +
}
 +
 
 +
 
 +
@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
 +
{
 +
height:108px;
 +
}
 +
 
 +
#igem-link
 +
{
 +
left: 85%; 
 +
top: 40px;
 +
width: 105px;
 +
height: 80px;
 +
}
 +
 
 +
 
 +
#follow-link
 +
{
 +
right: 35%;
 +
bottom: 15px;
 +
width: 175px;
 +
height: 125px;
 +
}
 +
 
 +
 
 +
#facebook-link
 +
{
 +
right: 22%;
 +
bottom: 20px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 
 +
 
 +
#twitter-link
 +
{
 +
right: 5%; 
 +
bottom: 20px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 
 +
 
 +
#mail-link
 +
{
 +
left: 15%;
 +
bottom: 20px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 
 +
 
 +
 
 +
}
 +
 
 +
 
 +
@media only screen and (min-width : 1601px)
 +
{
 +
 
 +
#nav > li > a
 +
{
 +
font-size:1.5em;
 +
}
 +
 
 +
#cn-box{ /*External content box*/
 +
/* width: 78%; */
 +
padding: 15px;
 +
font-size: 1.175em;
 +
 
 +
}
 +
 
 +
.footer-img
 +
{
 +
height:100px;
 +
}
 +
 
 +
#igem-link
 +
{
 +
left: 85%; 
 +
top: 40px;
 +
width: 105px;
 +
height: 80px;
 +
}
 +
 
 +
 
 +
#follow-link
 +
{
 +
right: 35%;
 +
bottom: 25px;
 +
width: 175px;
 +
height: 125px;
 +
}
 +
 
 +
 
 +
#facebook-link
 +
{
 +
right: 22%;
 +
bottom: 30px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 
 +
 
 +
#twitter-link
 +
{
 +
right: 5%; 
 +
bottom: 30px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 
 +
 
 +
#mail-link
 +
{
 +
left: 15%;
 +
bottom: 30px;
 +
width: 50px;
 +
height: 50px;
 +
}
 +
 
 +
 
 +
}
 +
 
 +
 
 +
.hook a
 +
{
 +
text-decoration: none;
 +
font-size: 0.80em;
}
}
Line 533: Line 1,006:
padding:0;
padding:0;
}
}
-
 
-
/* END OF THE ACCORDION*/
 
Line 541: Line 1,012:
}
}
 +
 +
.subtitles
 +
{
 +
 +
font-size: 0.8em;
 +
width: 80%;
 +
text-align: justify;
 +
 +
}
 +
 +
.encabezado
 +
{
 +
color: #006230;
 +
font-weight: bold;
 +
 +
}
 +
 +
.encabezado:hover
 +
{
 +
text-decoration: none;
 +
}
 +
 +
 +
 +
 +
.p_notebook {
 +
    margin-top: 10px;
 +
    margin-bottom: 10px;
 +
    margin-right: 0px;
 +
    margin-left: 0px;
 +
}
 +
 +
.normal-table
 +
{
 +
border: 1px solid black;
 +
margin: 0px;
 +
padding: 15px;
 +
white-space: normal;
 +
table-layout: normal;
 +
background: transparent;
 +
 +
}
 +
 +
.normal-table tr td
 +
{
 +
border: 1px solid black;
 +
margin: 0px;
 +
padding: 15px;
 +
white-space: normal;
 +
table-layout: normal;
 +
background: transparent;
 +
 +
}
 +
 +
.normal-table tr th
 +
{
 +
border: 1px solid black;
 +
margin: 0px;
 +
padding: 15px;
 +
white-space: normal;
 +
table-layout: normal;
 +
background: transparent;
 +
 +
}
 +
 +
/*----- Tabs -----*/
 +
.tabs {
 +
    width:100%;
 +
    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;
 +
        }
 +
 +
#pinned-footer
 +
{
 +
height: 25px;
 +
}
 +
 +
dl {
 +
    margin-bottom:50px;
 +
}
 +
 +
dl dt {
 +
    background:#C00000;
 +
    color:#fff;
 +
    float:left;
 +
    font-weight:bold;
 +
    margin-right:10px;
 +
    padding:5px; 
 +
    width:100px;
 +
}
 +
 +
dl dd {
 +
    margin:2px 0;
 +
    padding:5px 0;
 +
}
 +
 +
.results_sli
 +
{
 +
background: #fff url(http://2014.igem.org/wiki/images/6/64/VUPVChromato_benta_off.png) no-repeat center center;
 +
background-size: cover;
 +
}
 +
 +
.results_sli:hover
 +
{
 +
background: #fff url(http://2014.igem.org/wiki/images/2/2b/VUPVChromato_bentha_on.png) no-repeat center center;
 +
background-size: cover;
 +
}
 +
 +
.normal-sangría
 +
{
 +
margin-left: 30px;
 +
}
 +
 +
.background_medal
 +
{
 +
color: #fff;
 +
position: relative;
 +
top: 15px;
 +
left: -30px;
 +
z-index: -10;
 +
padding: 5px 60px 5px 35px;
 +
background: url(http://2014.igem.org/wiki/images/9/91/VUPVMedal_background.png) no-repeat center center;
 +
background-size: cover;
 +
}
 +
 +
.medals-tick
 +
{
 +
margin-left: 130px;
 +
}
 +
 +
.medals-tick li ul li
 +
{
 +
list-style: square;
 +
margin-left: 35px;
 +
}
 +
 +
#bronze
 +
{
 +
list-style-image: url('http://2014.igem.org/wiki/images/6/6b/VUPVTick_bronze.png');
 +
}
 +
 +
#silver
 +
{
 +
list-style-image: url('http://2014.igem.org/wiki/images/1/1f/VUPVTick_silver_mod.png');
 +
}
 +
 +
#gold
 +
{
 +
list-style-image: url('http://2014.igem.org/wiki/images/5/56/VUPVTick_golden_mod.png');
 +
}
 +
#green
 +
{
 +
list-style-image: url('http://2014.igem.org/wiki/images/d/d0/VUPVTick_green_mod.png');
 +
}
 +
 +
 +
</style>
</style>
</html>
</html>

Latest revision as of 02:33, 18 October 2014