|
|
Line 18: |
Line 18: |
| <link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/main&action=raw&ctype=text/css" /> | | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Template:Team:Valencia_Biocampus/Templates/css/main&action=raw&ctype=text/css" /> |
| | | |
- | <style text="text/css">
| |
- |
| |
- | #content{
| |
- | background: url('https://static.igem.org/mediawiki/2014/6/6d/Vbt_backgroundBody.jpg') center top no-repeat;
| |
- | min-height:100%;
| |
- | height:auto;
| |
- | }
| |
- | #logo{
| |
- | width: 31%;
| |
- | float:left;
| |
- | }
| |
- | #logo-header-link{
| |
- | display: block;
| |
- | width: 100%;
| |
- | height: 154px;
| |
- | max-height: 154px;
| |
- | min-height: 154px;
| |
- | }
| |
- | .header-top-menu{
| |
- | padding:0px;
| |
- | width: 67%;
| |
- | padding-right: 4%;
| |
- | margin: 0px;
| |
- | list-style:none;
| |
- | float:right;
| |
- | }
| |
- | .header-top-menu li{
| |
- | display: block;
| |
- | padding:11px 0px;
| |
- | margin:0px;
| |
- | text-align:center;
| |
- | width: 20%;
| |
- | float: left;
| |
- | white-space:nowrap;
| |
- | }
| |
- | .header-top-menu li a{
| |
- | padding:10px;
| |
- | font-weight:bold;
| |
- | text-shadow: 2px 2px 2px #fff;
| |
- | font-size: 12px;
| |
- | }
| |
- | .header-top-menu li.active a, .header-top-menu li a:hover{
| |
- | background: url('https://static.igem.org/mediawiki/2014/4/4a/VBT_spot_primary.png') no-repeat center center;
| |
- | background-size: 100% 100%;
| |
- | color: #fff;
| |
- | font-weight:bold;
| |
- | text-shadow: 2px 2px 2px #444;
| |
- | }
| |
- |
| |
- | @media(max-width:767px){
| |
- | #content{
| |
- | background: url('https://static.igem.org/mediawiki/2014/f/f4/Vbt_backgroundBody750.jpg') center top no-repeat;
| |
- | min-height:100%;
| |
- | height:auto;
| |
- | }
| |
- | .container.withBackground {
| |
- | background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
| |
- | background-size: 100%;
| |
- | background-position-y: 125px;
| |
- | padding-top: 0px;
| |
- | background-origin: padding-box;
| |
- | margin-top: 87px;
| |
- | min-height: 520px;
| |
- | z-index: 2;
| |
- | position: relative;
| |
- | padding-bottom: 40px;
| |
- | }
| |
- | .container.afterWithBackground {
| |
- | content: " ";
| |
- | display: block;
| |
- | background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
| |
- | height: 189px;
| |
- | }
| |
- | #myTab{
| |
- | margin-top:-90px;
| |
- | }
| |
- | h1:first-of-type {
| |
- | position:absolute;
| |
- | top:-125px;
| |
- | left:50%;
| |
- | margin-left:-350px;
| |
- | width:700px;
| |
- | font-size: 280%;
| |
- | }
| |
- | .contentWithPadding{
| |
- | padding: 30px;
| |
- | padding-bottom:50px;
| |
- | margin-top:-87px;
| |
- | }
| |
- |
| |
- | }
| |
- | @media(min-width:768px){
| |
- | #content{
| |
- | background: url('https://static.igem.org/mediawiki/2014/f/f4/Vbt_backgroundBody750.jpg') center top no-repeat;
| |
- | min-height:100%;
| |
- | height:auto;
| |
- | }
| |
- | .container.withBackground {
| |
- | background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
| |
- | background-size: 100%;
| |
- | background-position-y: 0px;
| |
- | padding-top: 0px;
| |
- | background-origin: padding-box;
| |
- | margin-top: 86px;
| |
- | min-height: 420px;
| |
- | z-index: 2;
| |
- | position: relative;
| |
- | padding-bottom: 40px;
| |
- | }
| |
- | .container.afterWithBackground {
| |
- | content: " ";
| |
- | display: block;
| |
- | background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
| |
- | height: 189px;
| |
- | }
| |
- | #myTab{
| |
- | margin-top:-90px;
| |
- | }
| |
- | h1:first-of-type {
| |
- | position:absolute;
| |
- | top:-124px;
| |
- | left:50%;
| |
- | margin-left:-350px;
| |
- | width:700px;
| |
- | font-size: 280%;
| |
- | }
| |
- | .contentWithPadding{
| |
- | padding: 30px;
| |
- | padding-bottom:50px;
| |
- | margin-top:-87px;
| |
- | }
| |
- | }
| |
- | @media(min-width:992px){
| |
- | #content{
| |
- | background: url('https://static.igem.org/mediawiki/2014/c/c1/Vbt_backgroundBody970.jpg') center top no-repeat;
| |
- | min-height:100%;
| |
- | height:auto;
| |
- | }
| |
- | .container.withBackground {
| |
- | background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
| |
- | background-size: 100%;
| |
- | background-position-y: 125px;
| |
- | padding-top: 0px;
| |
- | background-origin: padding-box;
| |
- | margin-top: 160px;
| |
- | min-height: 520px;
| |
- | z-index: 2;
| |
- | position: relative;
| |
- | padding-bottom: 40px;
| |
- | }
| |
- | .container.afterWithBackground {
| |
- | content: " ";
| |
- | display: block;
| |
- | background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
| |
- | height: 189px;
| |
- | }
| |
- | #myTab{
| |
- | margin-top:-90px;
| |
- | }
| |
- | h1:first-of-type {
| |
- | position:absolute;
| |
- | top:-168px;
| |
- | left:50%;
| |
- | margin-left:-350px;
| |
- | width:700px;
| |
- | font-size: 330%;
| |
- | }
| |
- | .contentWithPadding{
| |
- | padding: 30px;
| |
- | padding-bottom:50px;
| |
- | margin-top:-105px;
| |
- | }
| |
- | #igem-logo{
| |
- | width: 72px;
| |
- | position: absolute;
| |
- | bottom: 7px;
| |
- | left: 145px;
| |
- | height: 60px;
| |
- | }
| |
- | .header-top-menu li a{
| |
- | padding:10px;
| |
- | text-shadow: 1px 1px 2px #fff;
| |
- | font-size: 15px;
| |
- | }
| |
- | }
| |
- | @media(min-width:1200px){
| |
- | #content{
| |
- | background: url('https://static.igem.org/mediawiki/2014/6/6d/Vbt_backgroundBody.jpg') center top no-repeat;
| |
- | min-height:100%;
| |
- | height:auto;
| |
- | }
| |
- | .container.withBackground {
| |
- | background: url('https://static.igem.org/mediawiki/2014/b/b5/Vbt_backgroundContainer.png') center top repeat-y;
| |
- | background-size: 100%;
| |
- | padding-top: 0px;
| |
- | background-origin: padding-box;
| |
- | margin-top: 231px;
| |
- | min-height: 520px;
| |
- | z-index: 2;
| |
- | position: relative;
| |
- | padding-bottom: 40px;
| |
- | }
| |
- | .container.afterWithBackground {
| |
- | content: " ";
| |
- | display: block;
| |
- | background: url('https://static.igem.org/mediawiki/2014/1/1d/Vbt_backgroundContainerBottom.jpg') no-repeat center top;
| |
- | height: 189px;
| |
- | }
| |
- | #myTab{
| |
- | margin-top:-90px;
| |
- | }
| |
- | h1:first-of-type{
| |
- | position:absolute;
| |
- | top:-200px;
| |
- | left:50%;
| |
- | margin-left:-450px;
| |
- | width:900px;
| |
- | font-size: 360%;
| |
- | }
| |
- | .contentWithPadding{
| |
- | padding: 30px;
| |
- | padding-bottom:50px;
| |
- | margin-top:-125px;
| |
- | }
| |
- | .header-top-menu li a{
| |
- | padding:15px;
| |
- | text-shadow: 2px 2px 2px #fff;
| |
- | font-size: 16px;
| |
- | }
| |
- | #header-top-menu{ padding-top:10px; }
| |
- | }
| |
- | h1{
| |
- | color: rgb(255, 255, 255);
| |
- | text-shadow: 8px 8px 8px rgba(55, 55, 55, 1);
| |
- | padding-top:0;
| |
- | margin-top: -10px;
| |
- | padding-bottom: 20px;
| |
- | clear:both;
| |
- | }
| |
- | body { background: transparent; }
| |
- | #footer2{
| |
- | width:100%;
| |
- | background: #5a2c33;
| |
- | z-index: 1;
| |
- | height:160px;
| |
- | position:relative;
| |
- | margin-top: -15px;
| |
- | -webkit-box-shadow: inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75);
| |
- | -moz-box-shadow: inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75);
| |
- | box-shadow: inset 0px 36px 30px 4px rgba(50, 50, 50, 0.75);
| |
- | }
| |
- | .tab-content{
| |
- | padding: 35px;
| |
- | padding-bottom: 40px;
| |
- | }
| |
- | #globalWrapper{
| |
- | padding-bottom:0;
| |
- | }
| |
- | #content{
| |
- | text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
| |
- | }
| |
- | </style>
| |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> |
| | | |
Line 384: |
Line 122: |
| </script> | | </script> |
| | | |
- | <style>
| |
- | .back-to-top {
| |
- | cursor: pointer;
| |
- | position: fixed;
| |
- | bottom: 20px;
| |
- | right: 20px;
| |
- | display:none;
| |
- | width:45px;
| |
- | height:32px;
| |
- | line-height:32px;
| |
- | background: url('https://static.igem.org/mediawiki/2014/d/d2/Vbt_backtotoparrow.png') no-repeat center right;
| |
- | z-index: 40;
| |
- | }
| |
- | </style>
| |
| <a id="back-to-top" href="#" class="back-to-top" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left"> </a> | | <a id="back-to-top" href="#" class="back-to-top" role="button" title="Click to return on the top page" data-toggle="tooltip" data-placement="left"> </a> |
| <script type="text/javascript"> | | <script type="text/javascript"> |