|
|
| (9 intermediate revisions not shown) |
| Line 23: |
Line 23: |
| | | | |
| | <style type="text/css"> | | <style type="text/css"> |
| | + | |
| | + | .marginFix { |
| | + | position: fixed; |
| | + | top: 0px; |
| | + | left: 0px; |
| | + | } |
| | | | |
| | body { | | body { |
| - | background-color: #FFF;
| + | margin-top: 0px; |
| - | overflow-y:auto;
| + | margin-bottom: 0px; |
| - | overflow-x:hidden;
| + | margin-right: 0px; |
| - | margin-bottom: 20px;
| + | margin-left: 0px; |
| | } | | } |
| - |
| |
| | | | |
| | p { | | p { |
| - | /*font-family: 'Exo', sans-serif;*/
| + | text-indent: 0; |
| - | font-family: 'Open Sans', sans-serif;
| + | |
| - | font-size: 15px;
| + | |
| - | font-weight: 400;
| + | |
| - | letter-spacing: 10px
| + | |
| - | color: #222;
| + | |
| - | text-indent: 10; | + | |
| - | white-space: inherit;
| + | |
| - | vertical-align: top;
| + | |
| - | position: relative;
| + | |
| - | width: 50%;
| + | |
| - | font-style: normal;
| + | |
| - | line-height: normal;
| + | |
| - | font-variant: normal;
| + | |
| | padding-top: 0px; | | padding-top: 0px; |
| | padding-right: 0px; | | padding-right: 0px; |
| | padding-bottom: 0px; | | padding-bottom: 0px; |
| - | padding-left: 25px; | + | padding-left: 0px; |
| - | border-top-style: none;
| + | |
| - | border-right-style: none;
| + | |
| - | border-bottom-style: none;
| + | |
| - | border-left-style: none;
| + | |
| - | text-align: left;
| + | |
| | } | | } |
| | | | |
| - | pie {
| + | #top-section { |
| - | font-family: 'Open Sans', sans-serif; | + | background-color: transparent; |
| - | font-size: 12px;
| + | transition: top 0.2s, ease-out; |
| - | font-weight: 400;
| + | transition-delay: 0.5s; |
| - | letter-spacing: 10px
| + | |
| - | color: #222;
| + | |
| - | text-indent: 10; | + | |
| - | vertical-align: top;
| + | |
| - | position: relative;
| + | |
| - | width: 30%;
| + | |
| - | text-align: left; | + | |
| | } | | } |
| - |
| |
| - | ul {
| |
| - | /*font-family: 'Exo', sans-serif;*/
| |
| - | font-family: 'Open Sans', sans-serif;
| |
| - | padding-left: 25px;
| |
| - | list-style-image: none;
| |
| - | }
| |
| - |
| |
| - | h1 {
| |
| - | font-family: Exo;
| |
| - | font-size: 30px;
| |
| - | font-weight: 600;
| |
| - | color: #FFF;
| |
| - | margin-left: 22px;
| |
| - | margin-top: 0px;
| |
| - | font-style: normal;
| |
| - | letter-spacing: -1pt;
| |
| - | -webkit-font-smoothing: antialiased;
| |
| - | position: relative;
| |
| - | }
| |
| - | h1n {
| |
| - | font-family: Exo;
| |
| - | font-size: 21px;
| |
| - | font-weight: 300;
| |
| - | color: #4a4a4a;
| |
| - | font-style: normal;
| |
| - | letter-spacing: -1pt;
| |
| - | -webkit-font-smoothing: antialiased;
| |
| - | position: static;
| |
| - | }
| |
| - |
| |
| - | sub {
| |
| - | font-family: Exo;
| |
| - | font-size: 18px;
| |
| - | color: #444;
| |
| - | font-weight: 600;
| |
| - | margin-right: 25px;
| |
| - | position: relative;
| |
| - | left: -20px;
| |
| - | top: -18px;
| |
| - | }
| |
| - |
| |
| - | sub2 {
| |
| - | font-family: Exo;
| |
| - | font-size: 16px;
| |
| - | color: #FFF;
| |
| - | font-weight: 600;
| |
| - | margin-right: 25px;
| |
| - | position: relative;
| |
| - | left: -20px;
| |
| - | top: -15px;
| |
| - | }
| |
| - |
| |
| - | h2 {
| |
| - | font-family: 'Exo', sans-serif;
| |
| - | font-size: 20px;
| |
| - | font-weight: 600;
| |
| - | color: #222;
| |
| - | padding-left: 25px;
| |
| - | position: static;
| |
| - | border-top-style: none;
| |
| - | border-right-style: none;
| |
| - | border-bottom-style: none;
| |
| - | border-left-style: none;
| |
| - | }
| |
| - |
| |
| - | h3 {
| |
| - | font-family: Exo;
| |
| - | font-size: 24px;
| |
| - | font-weight: 600;
| |
| - | margin-left: 22px;
| |
| - | position: static;
| |
| - | color: rgba(255,255,255,.2);
| |
| - | margin-top: 0px;
| |
| - | margin-right: 0px;
| |
| - | margin-bottom: 0px;
| |
| - | }
| |
| - |
| |
| - | h4 {
| |
| - | font-family: 'Exo', sans-serif;
| |
| - | font-size: 16px;
| |
| - | font-weight: 600;
| |
| - | color: #333;
| |
| - | padding-left: 25px;
| |
| - | position: static;
| |
| - | border-top-style: none;
| |
| - | border-right-style: none;
| |
| - | border-bottom-style: none;
| |
| - | border-left-style: none;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | gotop {
| |
| - | font-family: Exo;
| |
| - | font-size: 12px;
| |
| - | color: #222;
| |
| - | font-weight: 400;
| |
| - | padding-left: 25px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #ContenidoSecciones {
| |
| - | padding-bottom: 100px;
| |
| - | background: transparent;
| |
| - | }
| |
| - |
| |
| - |
| |
| - |
| |
| | | | |
| | </style> | | </style> |
| | | | |
| | </head> | | </head> |
| - | <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> | + | <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background-color: transparent;"> |
| | | | |
| | <table width="100%" border="0" id="ContenidoSecciones"> | | <table width="100%" border="0" id="ContenidoSecciones"> |
| Line 191: |
Line 63: |
| | | | |
| | | | |
| - | <!-- SLIDER INICIO-->
| |
| - | <div>
| |
| - | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:45%; position: absolute; left: 52%; top: 300px;">
| |
| - | <!-- Indicators -->
| |
| - | <ol class="carousel-indicators">
| |
| - | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
| |
| - | <li data-target="#carousel-example-generic" data-slide-to="1"></li>
| |
| - | <li data-target="#carousel-example-generic" data-slide-to="2"></li>
| |
| - | <li data-target="#carousel-example-generic" data-slide-to="3"></li>
| |
| - | <li data-target="#carousel-example-generic" data-slide-to="4"></li>
| |
| - | </ol>
| |
| - |
| |
| - | <!-- Wrapper for slides -->
| |
| - | <div class="carousel-inner">
| |
| - | <div class="item active">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/2/2b/DNA_extraction.jpg">
| |
| - | </div>
| |
| - | <div class="item">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/3/32/1965677_523899531063387_704359518_o.jpg">
| |
| - | </div>
| |
| - | <div class="item">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/c/ca/884382_523900041063336_189116606_o.jpg">
| |
| - | </div>
| |
| - | <div class="item">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/0/06/1979695_523754037744603_1084547796_n.jpg">
| |
| - | </div>
| |
| - | <div class="item">
| |
| - | <img src="https://static.igem.org/mediawiki/2014/8/8d/1614577_523903821062958_984330761_o.jpg">
| |
| - | </div>
| |
| - | </div>
| |
| - |
| |
| - | <!-- Controls -->
| |
| - | <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
| |
| - | <span class="glyphicon glyphicon-chevron-left img-rounded"></span>
| |
| - | </a>
| |
| - | <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
| |
| - | <span class="glyphicon glyphicon-chevron-right img-rounded"></span>
| |
| - | </a>
| |
| - | </div> <!-- Carousel -->
| |
| - | </div>
| |
| - |
| |
| - | <!-- SLIDER FIN-->
| |
| | | | |
| | <!-- SLIDER 2 INICIO--> | | <!-- SLIDER 2 INICIO--> |
| | <div> | | <div> |
| - | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:45%; position: absolute; left: 52%; top: 1300px;"> | + | <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" style="width:90%; position: absolute; left: 0px; top: 0px;"> |
| | <!-- Indicators --> | | <!-- Indicators --> |
| | <ol class="carousel-indicators"> | | <ol class="carousel-indicators"> |
| Line 279: |
Line 109: |
| | </div> | | </div> |
| | <div class="item"> | | <div class="item"> |
| - | <img src="https://2014.igem.org/File:10435183_311100782386640_134059424_o.jpg"> | + | <img src="https://static.igem.org/mediawiki/2014/c/cf/10435183_311100782386640_134059424_o.jpg"> |
| | </div> | | </div> |
| | <div class="item"> | | <div class="item"> |
| Line 285: |
Line 115: |
| | </div> | | </div> |
| | <div class="item"> | | <div class="item"> |
| - | <img src="https://2014.igem.org/File:10415595_550184831768190_4589085284510391449_n.jpg"> | + | <img src="https://static.igem.org/mediawiki/2014/a/a2/10415595_550184831768190_4589085284510391449_n.jpg"> |
| | </div> | | </div> |
| | </div> | | </div> |
"
