Team:Valencia UPV/style css
From 2014.igem.org
(Difference between revisions)
(917 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; | |
- | + | ||
} | } | ||
+ | |||
#top-section { /*Sets the wiki default box size */ | #top-section { /*Sets the wiki default box size */ | ||
- | height: | + | height:0px; |
width:100%; | width:100%; | ||
border:none; | border:none; | ||
Line 39: | Line 40: | ||
} | } | ||
- | + | #space-margin | |
- | background-color: | + | { |
+ | height: 100px; | ||
+ | background-color: transparent; | ||
} | } | ||
#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 54: | Line 60: | ||
.button-content{ | .button-content{ | ||
- | + | padding: 7px; | |
- | + | height: auto; | |
- | + | background-color: #C00000; | |
- | + | 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 | + | .button-content:hover{ |
- | + | background-color: #fe0100; | |
- | + | text-decoration: none; | |
} | } | ||
- | . | + | .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 80: | Line 113: | ||
} | } | ||
- | + | .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; | ||
+ | } | ||
+ | #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: | + | 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; | |
- | border: | + | width:100%; |
- | margin: | + | border:0px #000 solid; |
- | padding: | + | margin:0px; |
+ | padding:0px; | ||
border-radius:3px; | border-radius:3px; | ||
-moz-border-radius:3px; | -moz-border-radius:3px; | ||
Line 107: | Line 208: | ||
- | |||
.menu | .menu | ||
{ | { | ||
- | + | background-color:#c00000; | |
- | + | text-align:center; | |
- | + | width:100%; | |
- | position: | + | position: absolute; |
- | top: | + | top: 159px; |
} | } | ||
Line 121: | Line 221: | ||
display:inline-block; | display:inline-block; | ||
margin:0 auto; | margin:0 auto; | ||
+ | height: 41px;/*It modifies the menu bar height*/ | ||
} | } | ||
Line 141: | Line 242: | ||
{ | { | ||
border:1px solid transparent; | border:1px solid transparent; | ||
- | color:# | + | color:#FFFFFF; |
display:block; | display:block; | ||
font-size:1.5em; | font-size:1.5em; | ||
Line 151: | Line 252: | ||
#nav > li > a:hover | #nav > li > a:hover | ||
{ | { | ||
- | background-color:# | + | background-color:#fe0100; |
- | color: # | + | color: #FFFFFF; |
border-color:#999; | border-color:#999; | ||
} | } | ||
Line 158: | Line 259: | ||
#nav > li.selected > a | #nav > li.selected > a | ||
{ | { | ||
- | background-color:# | + | background-color:#fe0100; |
- | color: # | + | color: #FFFFFF; |
border-color:#999999 #999999 #858B91; | border-color:#999999 #999999 #858B91; | ||
z-index:2; | z-index:2; | ||
Line 222: | Line 323: | ||
font-weight:bold; | font-weight:bold; | ||
margin:0 5px 4px; | margin:0 5px 4px; | ||
- | font-size: | + | font-size:1.6em; |
padding-bottom:3px; | padding-bottom:3px; | ||
padding-top:3px; | padding-top:3px; | ||
Line 250: | Line 351: | ||
padding:3px 5px; | padding:3px 5px; | ||
text-decoration:none; | text-decoration:none; | ||
- | font-size: | + | font-size:1.5em; |
} | } | ||
Line 259: | Line 360: | ||
} | } | ||
- | |||
+ | |||
+ | .n-title{ | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #na-title{ | ||
+ | font-size: 2.5em; | ||
+ | color: red; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | . | + | |
- | + | .footer-ext{ | |
- | + | height: 250px; | |
+ | width: 75%; | ||
} | } | ||
- | . | + | .footer-text{ |
- | + | padding: 15px; | |
- | + | height: 250px; | |
+ | text-align: left; | ||
+ | display: inline; | ||
+ | float: left; | ||
+ | |||
} | } | ||
- | . | + | |
- | + | .footer-sponsors{ | |
- | + | padding: 15px; | |
- | + | height: 250px; | |
- | + | text-align: left; | |
- | + | display: inline; | |
+ | 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%; | ||
} | } | ||
- | . | + | |
- | + | .footer-img | |
+ | { | ||
+ | /* METER EL FONDO */ | ||
+ | background:url(https://static.igem.org/mediawiki/2014/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; | ||
} | } | ||
- | . | + | |
- | + | .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 | ||
+ | { | ||
+ | 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 | |
+ | { | ||
+ | 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 | |
- | + | { | |
+ | 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 | |
+ | { | ||
+ | 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 (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*/ | ||
+ | /* width: 78%; */ | ||
+ | padding: 15px; | ||
+ | font-size: 1.175em; | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
- | . | + | |
- | + | ||
- | + | .footer-img | |
+ | { | ||
+ | height:75px; | ||
} | } | ||
- | + | ||
- | + | #igem-link | |
- | + | { | |
- | + | left: 85%; | |
+ | top: 40px; | ||
+ | width: 105px; | ||
+ | height: 80px; | ||
} | } | ||
- | + | ||
- | + | #follow-link | |
- | + | { | |
- | + | right: 35%; | |
- | + | bottom: 35px; | |
- | + | width: 175px; | |
- | + | height: 125px; | |
- | + | ||
} | } | ||
- | + | ||
- | + | ||
- | + | #facebook-link | |
- | + | { | |
+ | right: 28%; | ||
+ | bottom: 50px; | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
} | } | ||
- | + | ||
- | + | #twitter-link | |
- | + | { | |
+ | right: 12%; | ||
+ | bottom: 50px; | ||
+ | width: 50px; | ||
+ | height: 50px; | ||
} | } | ||
- | + | #mail-link | |
- | + | { | |
- | + | left: 10%; | |
- | + | bottom: 50px; | |
- | + | width: 50px; | |
- | + | 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; | ||
} | } | ||
Line 488: | Line 1,006: | ||
padding:0; | padding:0; | ||
} | } | ||
- | |||
- | |||
Line 496: | 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(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; | ||
+ | } | ||
+ | |||
+ | .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