|
|
| Line 202: |
Line 202: |
| | } | | } |
| | | | |
| - | #content1
| |
| - | {
| |
| - | float:left;
| |
| - | margin:0;
| |
| - | width:470px;
| |
| - | }
| |
| - |
| |
| - | #content1 p
| |
| - | {
| |
| - | margin:0 5px;
| |
| - | width:300px;
| |
| - | float:left;
| |
| - | font-family: Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | }
| |
| - |
| |
| - | #content1 img
| |
| - | {
| |
| - | position:relative;
| |
| - | top:0;
| |
| - | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | }
| |
| - |
| |
| - | #content1 .myButton
| |
| - | {
| |
| - | margin:10px 0 10px 20px;
| |
| - | -moz-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | -webkit-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - |
| |
| - | background-color:#660099;
| |
| - |
| |
| - | -moz-border-radius:6px;
| |
| - | -webkit-border-radius:6px;
| |
| - | border-radius:6px;
| |
| - |
| |
| - | border:1px solid #4c0082;
| |
| - |
| |
| - | display:inline-block;
| |
| - | color:#ffffff;
| |
| - | font-family:Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | font-weight:bold;
| |
| - | padding:6px 24px;
| |
| - | text-decoration:none;
| |
| - |
| |
| - | text-shadow:0px 1px 0px #9b14b3;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #content1 .myButton:hover
| |
| - | {
| |
| - | background-color:#4c0082;
| |
| - | }
| |
| - |
| |
| - | #content1 .myButton:active
| |
| - | {
| |
| - | position:relative;
| |
| - | top:1px;
| |
| - | }
| |
| - |
| |
| - | #content2
| |
| - | {
| |
| - | float:right;
| |
| - | margin:0;
| |
| - | width:470px;
| |
| - | }
| |
| - |
| |
| - | #content2 img
| |
| - | {
| |
| - | float:left;
| |
| - | margin:0 5px 5px 0;
| |
| - | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | }
| |
| - |
| |
| - | #content2 p
| |
| - | {
| |
| - | position:relative;
| |
| - | top:0;
| |
| - | right:10px;
| |
| - | left:10px;
| |
| - | bottom:10px;
| |
| - | font-family: Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | }
| |
| - |
| |
| - | #content2 .myButton {
| |
| - | clear:both;
| |
| - | margin: 10px 0 5px 230px;
| |
| - |
| |
| - | -moz-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | -webkit-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - |
| |
| - | background-color:#660099;
| |
| - |
| |
| - | -moz-border-radius:6px;
| |
| - | -webkit-border-radius:6px;
| |
| - | border-radius:6px;
| |
| - |
| |
| - | border:1px solid #4c0082
| |
| - |
| |
| - | display:inline-block;
| |
| - | color:#ffffff;
| |
| - | font-family:Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | font-weight:bold;
| |
| - | padding:6px 24px;
| |
| - | text-decoration:none;
| |
| - |
| |
| - | text-shadow:0px 1px 0px #9b14b3;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #content2 .myButton:hover {
| |
| - |
| |
| - | background-color:#a20dbd;
| |
| - | }
| |
| - |
| |
| - | #content2 .myButton:active {
| |
| - | position:relative;
| |
| - | top:1px;
| |
| - | }
| |
| - |
| |
| - | #content3
| |
| - | {
| |
| - | clear:both;
| |
| - | float:left;
| |
| - | margin:0;
| |
| - | width:470px;
| |
| - | }
| |
| - |
| |
| - | #content3 p
| |
| - | {
| |
| - | margin:0 5px;
| |
| - | width:300px;
| |
| - | float:left;
| |
| - | font-family: Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | }
| |
| - |
| |
| - | #content3 img
| |
| - | {
| |
| - | position:relative;
| |
| - | top:8px;
| |
| - | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | }
| |
| - |
| |
| - | #content3 .myButton {
| |
| - | margin:10px 0 10px 20px;
| |
| - |
| |
| - | -moz-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | -webkit-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - |
| |
| - | background-color:#660099;
| |
| - |
| |
| - | -moz-border-radius:6px;
| |
| - | -webkit-border-radius:6px;
| |
| - | border-radius:6px;
| |
| - |
| |
| - | border:1px solid #4c0082;
| |
| - |
| |
| - | display:inline-block;
| |
| - | color:#ffffff;
| |
| - | font-family:Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | font-weight:bold;
| |
| - | padding:6px 24px;
| |
| - | text-decoration:none;
| |
| - |
| |
| - | text-shadow:0px 1px 0px #9b14b3;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #content3 .myButton:hover {
| |
| - |
| |
| - | background-color:#4c0082;
| |
| - | }
| |
| - |
| |
| - | #content3 .myButton:active {
| |
| - | position:relative;
| |
| - | top:1px;
| |
| - | }
| |
| - |
| |
| - | #content4
| |
| - | {
| |
| - | float:right;
| |
| - | margin:0;
| |
| - | width:470px;
| |
| - | }
| |
| - |
| |
| - | #content4 img
| |
| - | {
| |
| - | float:left;
| |
| - | margin:8px 5px 5px 0;
| |
| - | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | }
| |
| - |
| |
| - | #content4 p
| |
| - | {
| |
| - | position:relative;
| |
| - | top:0;
| |
| - | right:10px;
| |
| - | left:10px;
| |
| - | bottom:10px;
| |
| - | font-family: Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | }
| |
| - |
| |
| - | #content4 .myButton {
| |
| - | clear:both;
| |
| - | margin: 10px 0 5px 230px;
| |
| - |
| |
| - | -moz-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | -webkit-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - |
| |
| - | background-color:#660099;
| |
| - |
| |
| - | -moz-border-radius:6px;
| |
| - | -webkit-border-radius:6px;
| |
| - | border-radius:6px;
| |
| - |
| |
| - | border:1px solid #4c0082;
| |
| - |
| |
| - | display:inline-block;
| |
| - | color:#ffffff;
| |
| - | font-family:Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | font-weight:bold;
| |
| - | padding:6px 24px;
| |
| - | text-decoration:none;
| |
| - |
| |
| - | text-shadow:0px 1px 0px #9b14b3;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #content4 .myButton:hover {
| |
| - |
| |
| - | background-color:#4c0082;
| |
| - | }
| |
| - |
| |
| - | #content4 .myButton:active {
| |
| - | position:relative;
| |
| - | top:1px;
| |
| - | }
| |
| - |
| |
| - | #content5
| |
| - | {
| |
| - | clear:both;
| |
| - | float:left;
| |
| - | margin:0;
| |
| - | width:470px;
| |
| - | }
| |
| - |
| |
| - | #content5 p
| |
| - | {
| |
| - | margin:0 5px;
| |
| - | width:300px;
| |
| - | float:left;
| |
| - | font-family: Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | }
| |
| - |
| |
| - | #content5 img
| |
| - | {
| |
| - | position:relative;
| |
| - | top:8px;
| |
| - | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | }
| |
| - |
| |
| - | #content5 .myButton {
| |
| - | margin:10px 0 10px 20px;
| |
| - |
| |
| - | -moz-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | -webkit-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - |
| |
| - | background-color:#660099;
| |
| - |
| |
| - | -moz-border-radius:6px;
| |
| - | -webkit-border-radius:6px;
| |
| - | border-radius:6px;
| |
| - |
| |
| - | border:1px solid #4c0082;
| |
| - |
| |
| - | display:inline-block;
| |
| - | color:#ffffff;
| |
| - | font-family:Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | font-weight:bold;
| |
| - | padding:6px 24px;
| |
| - | text-decoration:none;
| |
| - |
| |
| - | text-shadow:0px 1px 0px #9b14b3;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #content5 .myButton:hover {
| |
| - |
| |
| - | background-color:#4c0082;
| |
| - | }
| |
| - |
| |
| - | #content5 .myButton:active {
| |
| - | position:relative;
| |
| - | top:1px;
| |
| - | }
| |
| - |
| |
| - | #content6
| |
| - | {
| |
| - | float:right;
| |
| - | margin:0;
| |
| - | width:470px;
| |
| - | }
| |
| - |
| |
| - | #content6 img
| |
| - | {
| |
| - | float:left;
| |
| - | margin:8px 5px 5px 0;
| |
| - | -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
| |
| - | }
| |
| - |
| |
| - | #content6 p
| |
| - | {
| |
| - | position:relative;
| |
| - | top:0;
| |
| - | right:10px;
| |
| - | left:10px;
| |
| - | bottom:10px;
| |
| - | font-family: Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | }
| |
| - |
| |
| - | #content6 .myButton {
| |
| - | clear:both;
| |
| - | margin: 10px 0 5px 230px;
| |
| - |
| |
| - | -moz-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | -webkit-box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - | box-shadow:inset 0px 1px 0px 0px #660099;
| |
| - |
| |
| - | background-color:#660099;
| |
| - |
| |
| - | -moz-border-radius:6px;
| |
| - | -webkit-border-radius:6px;
| |
| - | border-radius:6px;
| |
| - |
| |
| - | border:1px solid #4c0082
| |
| - |
| |
| - | display:inline-block;
| |
| - | color:#ffffff;
| |
| - | font-family:Trebuchet MS;
| |
| - | font-size:15px;
| |
| - | font-weight:bold;
| |
| - | padding:6px 24px;
| |
| - | text-decoration:none;
| |
| - |
| |
| - | text-shadow:0px 1px 0px #9b14b3;
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #content6 .myButton:hover {
| |
| - |
| |
| - | background-color:#4c0082;
| |
| - | }
| |
| - |
| |
| - | #content6 .myButton:active {
| |
| - | position:relative;
| |
| - | top:1px;
| |
| - | }
| |
| - |
| |
| - | hr
| |
| - | {
| |
| - | clear: both;
| |
| - | border: 0;
| |
| - | height: 0;
| |
| - | border-top: 1px solid rgba(0, 0, 0, 0.1);
| |
| - | border-bottom: 1px solid rgba(255, 255, 255, 0.3);
| |
| - | }
| |
| | | | |
| | .container | | .container |
| Line 789: |
Line 397: |
| | | | |
| | <div class="wrapper" > | | <div class="wrapper" > |
| - | <div id="content1">
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing
| + | |
| - | elit, sed do eiusmod tempor incididunt ut labore et dolore
| + | |
| - | magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
| + | |
| - | ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | |
| - | Duis aute irure dolor in reprehenderit in voluptate velit
| + | |
| - | esse cillum dolore eu fugiat nulla pariatur.
| + | |
| - | | + | |
| - | <a href="#" class="myButton" > AIM </a>
| + | |
| - | </p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" height="200" width="150"/>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <div id="content2">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" height="200" width="150"/>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing
| + | |
| - | elit, sed do eiusmod tempor incididunt ut labore et dolore
| + | |
| - | magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
| + | |
| - | ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | |
| - | Duis aute irure dolor in reprehenderit in voluptate velit
| + | |
| - | esse cillum dolore eu fugiat nulla pariatur.
| + | |
| - | </p>
| + | |
| - | <a href="#" class="myButton" > MODELLING </a>
| + | |
| - | </div>
| + | |
| - | <hr> </hr>
| + | |
| - | <div id="content3">
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing
| + | |
| - | elit, sed do eiusmod tempor incididunt ut labore et dolore
| + | |
| - | magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
| + | |
| - | ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | |
| - | Duis aute irure dolor in reprehenderit in voluptate velit
| + | |
| - | esse cillum dolore eu fugiat nulla pariatur.
| + | |
| - | | + | |
| - | <a href="#" class="myButton" > NOTEBOOK </a>
| + | |
| - | </p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" height="200" width="150"/>
| + | |
| - | </div>
| + | |
| - | | + | |
| - | <div id="content4">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" height="200" width="150"/>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing
| + | |
| - | elit, sed do eiusmod tempor incididunt ut labore et dolore
| + | |
| - | magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
| + | |
| - | ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | |
| - | Duis aute irure dolor in reprehenderit in voluptate velit
| + | |
| - | esse cillum dolore eu fugiat nulla pariatur.
| + | |
| - | </p>
| + | |
| - | <a href="#" class="myButton" > CONTRIBUTIONS </a>
| + | |
| - | </div>
| + | |
| - | <hr> </hr>
| + | |
| - | <div id="content5">
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing
| + | |
| - | elit, sed do eiusmod tempor incididunt ut labore et dolore
| + | |
| - | magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
| + | |
| - | ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | |
| - | Duis aute irure dolor in reprehenderit in voluptate velit
| + | |
| - | esse cillum dolore eu fugiat nulla pariatur.
| + | |
| - | | + | |
| - | <a href="#" class="myButton" > SAFETY </a>
| + | |
| - | </p>
| + | |
| - | <img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" height="200" width="150"/>
| + | |
| - | </div>
| + | |
| - |
| + | |
| - | <div id="content6">
| + | |
| - | <img src="https://static.igem.org/mediawiki/2013/a/af/Tux.png" height="200" width="150"/>
| + | |
| - | <p>
| + | |
| - | Lorem ipsum dolor sit amet, consectetur adipisicing
| + | |
| - | elit, sed do eiusmod tempor incididunt ut labore et dolore
| + | |
| - | magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation
| + | |
| - | ullamco laboris nisi ut aliquip ex ea commodo consequat.
| + | |
| - | Duis aute irure dolor in reprehenderit in voluptate velit
| + | |
| - | esse cillum dolore eu fugiat nulla pariatur.
| + | |
| - | </p>
| + | |
| - | <a href="#" class="myButton" > HUMAN PRACTICES </a>
| + | |
| - | </div>
| + | |
| | | | |
| | </div> | | </div> |
"
