|
|
| Line 1: |
Line 1: |
| − | __NOTOC__ <!-- Elimination of Table of Contents (TOC) -->
| |
| − | <html lang="en"><head><style type="text/css"><!--
| |
| | | | |
| − | /*Hiding heading*/
| |
| − |
| |
| − | .firstHeading {
| |
| − | height:0px;
| |
| − | visibility: hidden;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*General settings*/
| |
| − |
| |
| − | body {
| |
| − |
| |
| − | background-color: white;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | h1 {
| |
| − | font-family: sans-serif;
| |
| − | color: black;
| |
| − | margin-left: 1px;
| |
| − | font-size: 40px;
| |
| − | border-bottom: none;
| |
| − | }
| |
| − |
| |
| − | h2 {
| |
| − | font-family: sans-serif;
| |
| − | color: black;
| |
| − | font-size: 30px;
| |
| − | border-bottom: none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | p {
| |
| − | font-size:12pt;
| |
| − | font-family: sans-serif;
| |
| − | color: black;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* For Header */
| |
| − |
| |
| − |
| |
| − | #headerlogo {
| |
| − | width: 980px;
| |
| − | height: 220px;
| |
| − | border: 1px solid black;
| |
| − | }
| |
| − |
| |
| − | #headerlinksrow {
| |
| − | width: 980px;
| |
| − | height: 70px;
| |
| − | background-color: #660099;
| |
| − | border: 1px solid black;
| |
| − | }
| |
| − |
| |
| − | #headerigembox {
| |
| − | float: left;
| |
| − | height: 70px;
| |
| − | width: 70px;
| |
| − | }
| |
| − |
| |
| − | .headerlinkHome {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/c/c9/Manchester-Graz_HeaderHome.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkHome:hover {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/2/22/Manchester-Graz_HeaderHome2.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkProject {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/a/a3/Manchester-Graz_HeaderProject.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkProject:hover {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/c/c1/Manchester-Graz_HeaderProject2.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkTeam {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/4/4b/Manchester-Graz_HeaderTeam.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkTeam:hover {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/d/d9/Manchester-Graz_HeaderTeam2.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkHP {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/5/59/Manchester-Graz_HeaderHP.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkHP:hover {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/d/d6/Manchester-Graz_HeaderHP2.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkModeling {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/4/42/Manchester-Graz_HeaderModeling.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkModeling:hover {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/8/80/Manchester-Graz_HeaderModeling2.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkParts {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/7/77/Manchester-Graz_HeaderParts.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkParts:hover {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/0/0f/Manchester-Graz_HeaderParts2.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkNotebook {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/a/ab/Manchester-Graz_HeaderNotebook.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkNotebook:hover {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/a/a4/Manchester-Graz_HeaderNotebook2.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkAttributions {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/f/f7/Manchester-Graz_HeaderAttributions.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkAttributions:hover {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(https://static.igem.org/mediawiki/2015/9/9b/Manchester-Graz_HeaderAttributions2.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkSafety {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(Buttons/HeaderSafety.jpg);
| |
| − | }
| |
| − |
| |
| − | .headerlinkSafety:hover {
| |
| − | float: left;
| |
| − | width: 100px;
| |
| − | height: 70px;
| |
| − | background-image: url(Buttons/HeaderSafety2.jpg);
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* Page settings */
| |
| − |
| |
| − | .floating-navi {
| |
| − | position: fixed;
| |
| − | background-color: #f70146;
| |
| − | width: 180px;
| |
| − | text-align: left;
| |
| − | height: auto;
| |
| − | z-index:100;
| |
| − | }
| |
| − |
| |
| − | .floating-navi a {
| |
| − | display: block;
| |
| − | font-family: sans-serif;
| |
| − | border-left: solid 7px #ffcc00;
| |
| − | margin-bottom: 15px;
| |
| − | margin-top: 15px;
| |
| − | }
| |
| − |
| |
| − | #twitterboxsmall {
| |
| − | width: 180px;
| |
| − | height: auto;
| |
| − | position: fixed;
| |
| − | margin-top: 200px;
| |
| − | }
| |
| − |
| |
| − | /*Homepage*/
| |
| − |
| |
| − | .buttonrow {
| |
| − | width: 968px;
| |
| − | height: 160px;
| |
| − | /*border: 1px black solid;*/
| |
| − | margin-left: 6px;
| |
| − | }
| |
| − |
| |
| − | .buttonparts {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | float: left;
| |
| − | border: 1px solid black;
| |
| − | background-image: url(Buttons/Parts.jpg);
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .buttonparts:hover {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | background-image: url(Buttons/Parts2.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonproject {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | float: left;
| |
| − | border: 1px solid black;
| |
| − | background-image: url(Buttons/Project.jpg);
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .buttonproject:hover {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | background-image: url(Buttons/Project2.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonteam {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | float: left;
| |
| − | border: 1px solid black;
| |
| − | background-image: url(Buttons/Team.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonteam:hover {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | background-image: url(Buttons/Team2.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonhp {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | float: left;
| |
| − | border: 1px solid black;
| |
| − | background-image: url(Buttons/Human_Practices.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonhp:hover {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | background-image: url(Buttons/Human_Practices2.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonmodeling {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | float: left;
| |
| − | border: 1px solid black;
| |
| − | background-image: url(Buttons/Modeling.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonmodeling:hover {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | background-image: url(Buttons/Modeling2.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonnotebook {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | float: left;
| |
| − | border: 1px solid black;
| |
| − | background-image: url(Buttons/Notebook.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonnotebook:hover {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | background-image: url(Buttons/Notebook2.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonattributions {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | float: left;
| |
| − | border: 1px solid black;
| |
| − | background-image: url(Buttons/Attributions.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonattributions:hover {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | background-image: url(Buttons/Attributions3.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonsafety {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | float: left;
| |
| − | border: 1px solid black;
| |
| − | background-image: url(Buttons/Safety.jpg);
| |
| − | }
| |
| − |
| |
| − | .buttonsafety:hover {
| |
| − | width: 240px;
| |
| − | height: 160px;
| |
| − | background-image: url(Buttons/Safety2.jpg);
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #twitter {
| |
| − | width: 980px;
| |
| − | height: 600px;
| |
| − | border: black solid 1px;
| |
| − | background-image: url(Twitter2.jpg)
| |
| − | }
| |
| − |
| |
| − | #twitterbox {
| |
| − | width: 520px;
| |
| − | height: 500px;
| |
| − | margin-left: 230px;
| |
| − | padding-top: 50px;
| |
| − | }
| |
| − |
| |
| − | #sponsors {
| |
| − | width: 980px;
| |
| − | height: 600px;
| |
| − | background-color: #373737;
| |
| − | }
| |
| − |
| |
| − | .sponsorssmall {
| |
| − | width: 200px;
| |
| − | height: 100px;
| |
| − | border: 1px black solid;
| |
| − | margin-left: 36px;
| |
| − | margin-top: 40px;
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − | .sponsorssmall2 {
| |
| − | width: 200px;
| |
| − | height: 100px;
| |
| − | border: 1px black solid;
| |
| − | margin-left: 274px;
| |
| − | margin-top: 40px;
| |
| − | float: left;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #inhalte {
| |
| − | background-color: white;
| |
| − | margin-left: 185px;
| |
| − | height: auto;
| |
| − | font-family: sans-serif;
| |
| − | padding-top: 20px;
| |
| − | }
| |
| − |
| |
| − | #inhalte_big {
| |
| − | background-color: white;
| |
| − | height: auto;
| |
| − | font-family: sans-serif;
| |
| − | padding-top: 20px;
| |
| − | }
| |
| − |
| |
| − | #pictureright {
| |
| − | float: right;
| |
| − | height: auto;
| |
| − | width: auto;
| |
| − | font-size: 8pt;
| |
| − | border: 1px black solid;
| |
| − | margin: 5px;
| |
| − | }
| |
| − |
| |
| − | #pictureleft {
| |
| − | float: left;
| |
| − | height: auto;
| |
| − | width: auto;
| |
| − | font-size: 8pt;
| |
| − | border: 1px black solid;
| |
| − | margin: 5px;
| |
| − | }
| |
| − |
| |
| − | #kopfzeile {
| |
| − | background-color: #ff0033;
| |
| − | border-bottom: 1px solid black;
| |
| − | width: 100%;
| |
| − | height: 50px;
| |
| − | margin-bottom: 10px;
| |
| − | margin-top: 30px;
| |
| − | font-family: sans-serif;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | /*footer*/
| |
| − |
| |
| − | #footer {
| |
| − | width: 980px;
| |
| − | height: 250px;
| |
| − | background-color: #141414;
| |
| − | }
| |
| − |
| |
| − | #footerlinks {
| |
| − | float: left;
| |
| − | width: 230px;
| |
| − | height: 200px;
| |
| − | margin-left: 30px;
| |
| − | border: solid 1px white;
| |
| − | }
| |
| − |
| |
| − | .footerlinksbox {
| |
| − | float: left;
| |
| − | width: 110px;
| |
| − | height: 200px;
| |
| − | font-family: sans-serif;
| |
| − | font-size: 12px;
| |
| − | text-decoration: none;
| |
| − | border: solid 1px white;
| |
| − | }
| |
| − |
| |
| − | #footercontact {
| |
| − | float: left;
| |
| − | width: 230px;
| |
| − | height: 200px;
| |
| − | border: solid 1px white;
| |
| − | color: white;
| |
| − | text-align: left;
| |
| − | font-family: sans-serif;
| |
| − | font-size: 12px;
| |
| − | }
| |
| − |
| |
| − | #footerconnect {
| |
| − | float: left;
| |
| − | width: 230px;
| |
| − | height: 200px;
| |
| − | border: solid 1px white;
| |
| − | }
| |
| − |
| |
| − | #footerboringstuff {
| |
| − | float: left;
| |
| − | width: 230px;
| |
| − | height: 200px;
| |
| − | border: solid 1px white;
| |
| − | }
| |
| − |
| |
| − | .footerboringstufflinks {
| |
| − | color: white;
| |
| − | font-family: sans-serif;
| |
| − | font-size: 12px;
| |
| − | font-style: normal;
| |
| − | }
| |
| − |
| |
| − | .footerheadline {
| |
| − | width: 230px;
| |
| − | height: 30px;
| |
| − | border: 1px solid white;
| |
| − | margin-top: 10px;
| |
| − | color: white;
| |
| − | text-align: left;
| |
| − | font-family: sans-serif;
| |
| − | font-size: 18px;
| |
| − | }
| |
| − |
| |
| − | .footerlinks {
| |
| − | color: white;
| |
| − | font-family: sans-serif;
| |
| − | font-size: 12px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #footercopyright {
| |
| − | float: left;
| |
| − | width: 500px;
| |
| − | height: 30px;
| |
| − | font-family: sans-serif;
| |
| − | font-size: 10px;
| |
| − | color: white;
| |
| − | margin-left: 240px;
| |
| − | border: white 1px solid;
| |
| − | text-align: center;
| |
| − | padding-top: 15px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Under construction */
| |
| − |
| |
| − | #underconstruction1 {
| |
| − | font-family: sans-serif;
| |
| − | font-size: 25pt;
| |
| − | text-align: center;
| |
| − | margin-top: 50px;
| |
| − | margin-bottom: 100px;
| |
| − | line-height: 200%;
| |
| − | /*border: black 1px solid;*/
| |
| − | }
| |
| − |
| |
| − | #underconstruction2 {
| |
| − | font-family: sans-serif;
| |
| − | font-size: 15pt;
| |
| − | text-align: center;
| |
| − | margin-bottom: 50px;
| |
| − | line-height: 200%;
| |
| − | /*border: black 1px solid;*/
| |
| − | }
| |
| − |
| |
| − | #box1 {
| |
| − | float: left;
| |
| − | width: 420px;
| |
| − | height: 100px;
| |
| − | /*border: black solid 1px;*/
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | #box2 {
| |
| − | float: right;
| |
| − | width: 420px;
| |
| − | height: 100px;
| |
| − | /*border: black solid 1px;*/
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | #box3 {
| |
| − | float: left;
| |
| − | width: 420px;
| |
| − | height: 400px;
| |
| − | /*border: black solid 1px;*/
| |
| − | text-align: center;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − |
| |
| − | #box4 {
| |
| − | float: right;
| |
| − | width: 420px;
| |
| − | height: 400px;
| |
| − | /*border: black solid 1px;*/
| |
| − | text-align: center;
| |
| − | margin-top: 20px;
| |
| − | }
| |
| − |
| |
| − | /* Team */
| |
| − |
| |
| − | .teamfoto {
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .teamtext {
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #memberfoto {
| |
| − | float: left;
| |
| − | height: 300px;
| |
| − | width: 300px;
| |
| − | border: black solid 1px;
| |
| − | margin-left: 20px;
| |
| − | margin-bottom: 20px;
| |
| − | }
| |
| − |
| |
| − | #membertextfield {
| |
| − | height: 300px;
| |
| − | width: 600px;
| |
| − | border: black solid 1px;
| |
| − | margin-left: 340px;
| |
| − | margin-bottom: 20px;
| |
| − | }
| |
| − |
| |
| − | #membertext {
| |
| − | width: 600px;
| |
| − | margin-top: 70px;
| |
| − | border: black solid 1px;
| |
| − | text-align: left;
| |
| − | font-family: sans-serif;
| |
| − | }
| |
| − | --></style></head></html>
| |