Team:Valencia UPV/style css
From 2014.igem.org
(Difference between revisions)
(716 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; | |
- | + | ||
} | } | ||
Line 48: | Line 48: | ||
#cn-box{ /*External content box*/ | #cn-box{ /*External content box*/ | ||
position: relative; | position: relative; | ||
- | width: | + | width: 850px; |
padding: 15px; | padding: 15px; | ||
+ | font-size: 1.175em; | ||
+ | font-family: 'Open Sans', 'Helvetica Neue', 'HelveticaNeue', sans-serif; | ||
+ | |||
} | } | ||
Line 60: | 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 70: | 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 75: | Line 111: | ||
display: inline; | display: inline; | ||
+ | } | ||
+ | |||
+ | .link-page | ||
+ | { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .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; | ||
} | } | ||
Line 80: | Line 139: | ||
{ | { | ||
float: left; | float: left; | ||
+ | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | #goto-middle | ||
+ | { | ||
color: #FFFFFF; | color: #FFFFFF; | ||
} | } | ||
Line 87: | 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 123: | 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 128: | Line 411: | ||
{ | { | ||
/* METER EL FONDO */ | /* METER EL FONDO */ | ||
- | background:url(https://static.igem.org/mediawiki/2014/ | + | background:url(https://static.igem.org/mediawiki/2014/4/48/VUPV_Footer_trans_mod_3.png) no-repeat center center; |
background-size: cover; | background-size: cover; | ||
width:100%; | width:100%; | ||
- | z-index: | + | height:108px; |
+ | z-index: 100; | ||
padding:0px; | padding:0px; | ||
margin:0px; | margin:0px; | ||
Line 139: | 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; | |
- | left: | + | 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 | ||
+ | { | ||
+ | position: relative; | ||
+ | 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;*/ | ||
+ | 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; | ||
+ | } | ||
- | + | #follow-link | |
{ | { | ||
- | + | position: relative; | |
+ | background: url(https://static.igem.org/mediawiki/2014/6/6d/VUPVFollow_us.png) no-repeat center center; | ||
+ | background-size: cover; | ||
+ | /*border: 1px solid yellow;*/ | ||
+ | display: inline-block; | ||
} | } | ||
#facebook-link | #facebook-link | ||
{ | { | ||
- | + | position: relative; | |
- | + | background: url(https://static.igem.org/mediawiki/2014/f/f6/VUPV_facebook_non_selected.png) no-repeat center center; | |
- | + | background-size: cover; | |
- | + | /*border: 1px solid yellow;*/ | |
+ | 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; | ||
} | } | ||
#twitter-link | #twitter-link | ||
{ | { | ||
- | + | position: relative; | |
- | + | background: url(https://static.igem.org/mediawiki/2014/e/ec/VUPV_twitter2.png) no-repeat center center; | |
- | + | background-size: cover; | |
- | + | /*border: 1px solid yellow;*/ | |
+ | 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; | ||
} | } | ||
#mail-link | #mail-link | ||
{ | { | ||
- | + | position: relative; | |
- | + | background: url(https://static.igem.org/mediawiki/2014/5/57/VUPV_mail.png) no-repeat center center; | |
- | + | background-size: cover; | |
- | + | /*border: 1px solid yellow;*/ | |
+ | 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 ( | + | @media only screen and (max-width : 1024px) |
{ | { | ||
- | . | + | .table-width |
{ | { | ||
- | + | width: 500px; | |
} | } | ||
- | + | .spon | |
{ | { | ||
- | + | width: 250px; | |
- | + | ||
- | width: | + | |
- | + | ||
} | } | ||
- | # | + | /*#spon-ibmcp |
+ | { | ||
+ | width: 400px; | ||
+ | }*/ | ||
+ | |||
+ | .img-title | ||
{ | { | ||
- | + | width: 70%; | |
- | + | ||
- | width: | + | |
- | + | ||
} | } | ||
- | + | /*.example | |
{ | { | ||
- | + | background-size: 105% 110%; | |
- | + | height:200px; | |
- | + | ||
- | height: | + | |
} | } | ||
+ | .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 | .footer-img | ||
{ | { | ||
- | height: | + | height:75px; |
} | } | ||
+ | |||
+ | #igem-link | ||
+ | { | ||
+ | left: 85%; | ||
+ | top: 40px; | ||
+ | width: 105px; | ||
+ | height: 80px; | ||
+ | } | ||
+ | |||
+ | #follow-link | ||
+ | { | ||
+ | right: 35%; | ||
+ | bottom: 35px; | ||
+ | width: 175px; | ||
+ | height: 125px; | ||
+ | } | ||
+ | |||
#facebook-link | #facebook-link | ||
{ | { | ||
- | right: | + | right: 28%; |
- | bottom: | + | bottom: 50px; |
- | width: | + | width: 50px; |
- | height: | + | height: 50px; |
} | } | ||
#twitter-link | #twitter-link | ||
{ | { | ||
- | + | right: 12%; | |
- | bottom: | + | bottom: 50px; |
- | width: | + | width: 50px; |
- | height: | + | height: 50px; |
} | } | ||
#mail-link | #mail-link | ||
{ | { | ||
- | left: | + | left: 10%; |
- | bottom: | + | bottom: 50px; |
- | width: | + | width: 50px; |
- | height: | + | height: 50px; |
} | } | ||
+ | |||
} | } | ||
- | + | ||
+ | @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-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; | ||
} | } | ||
- | + | ||
- | + | 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; | ||
+ | |||
} | } | ||
- | . | + | |
- | + | .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(https://static.igem.org/mediawiki/2014/6/64/VUPVChromato_benta_off.png) no-repeat center center; | |
- | + | background-size: cover; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | |
- | + | .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; | |
- | + | ||
} | } | ||
- | . | + | |
- | + | .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(https://static.igem.org/mediawiki/2014/9/91/VUPVMedal_background.png) no-repeat center center; | ||
+ | background-size: cover; | ||
} | } | ||
- | . | + | |
- | + | .medals-tick | |
- | + | { | |
+ | margin-left: 130px; | ||
} | } | ||
- | ul { | + | .medals-tick li ul li |
- | + | { | |
+ | list-style: square; | ||
+ | margin-left: 35px; | ||
} | } | ||
- | + | #bronze | |
- | + | { | |
+ | list-style-image: url('https://static.igem.org/mediawiki/2014/6/6b/VUPVTick_bronze.png'); | ||
} | } | ||
- | + | #silver | |
- | + | { | |
- | + | list-style-image: url('https://static.igem.org/mediawiki/2014/1/1f/VUPVTick_silver_mod.png'); | |
} | } | ||
- | / | + | #gold |
+ | { | ||
+ | list-style-image: url('https://static.igem.org/mediawiki/2014/5/56/VUPVTick_golden_mod.png'); | ||
+ | } | ||
+ | #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