From 2014.igem.org
(Difference between revisions)
|
|
Line 1: |
Line 1: |
- | <html lang="en">
| |
- | <head>
| |
- | <style type="text/css">
| |
| | | |
- | .firstHeading {display:none;}
| |
- |
| |
- | p {
| |
- | font-family: 'Exo', sans-serif;
| |
- | font-size: 14px;
| |
- | font-weight: 400;
| |
- | color: #222;
| |
- | text-indent: 10;
| |
- | white-space: inherit;
| |
- | vertical-align: top;
| |
- | position: static;
| |
- | width: 50%;
| |
- | font-style: normal;
| |
- | line-height: normal;
| |
- | font-variant: normal;
| |
- | padding-top: 0px;
| |
- | padding-right: 0px;
| |
- | padding-bottom: 0px;
| |
- | padding-left: 25px;
| |
- | word-spacing: normal;
| |
- | border-top-style: none;
| |
- | border-right-style: none;
| |
- | border-bottom-style: none;
| |
- | border-left-style: none;
| |
- | text-align: left;
| |
- | }
| |
- | h2 {
| |
- | font-family: Exo;
| |
- | font-size: 20px;
| |
- | font-weight: 600;
| |
- | color: #222;
| |
- | padding-left: 25px;
| |
- | position: static;
| |
- | }
| |
- | sub {
| |
- | font-family: Exo;
| |
- | font-size: 18px;
| |
- | color: #444;
| |
- | font-weight: 600;
| |
- | padding-left: 25px;
| |
- | position: relative;
| |
- | left: -40px;
| |
- | top: -18px;
| |
- | }
| |
- | h1 {
| |
- | font-family: Exo;
| |
- | font-size: 30px;
| |
- | font-weight: 600;
| |
- | color: #FFF;
| |
- | margin-left: 22px;
| |
- | font-style: normal;
| |
- | letter-spacing: -1pt;
| |
- | -webkit-font-smoothing: antialiased;
| |
- | position: static;
| |
- | }
| |
- | h1n {
| |
- | font-family: Exo;
| |
- | font-size: 21px;
| |
- | font-weight: 300;
| |
- | color: #4a4a4a;
| |
- | font-style: normal;
| |
- | letter-spacing: -1pt;
| |
- | -webkit-font-smoothing: antialiased;
| |
- | position: static;
| |
- | }
| |
- | 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;
| |
- | }
| |
- | .footer {
| |
- | position: fixed;
| |
- | bottom: 0%;
| |
- | }
| |
- |
| |
- | .PLASMENU {
| |
- | position: fixed;
| |
- | /*bottom: -50%;
| |
- | right: -19%;*/
| |
- | bottom: -470px;
| |
- | right: -200px;
| |
- | -webkit-transform: rotate(190deg);
| |
- |
| |
- | -webkit-transition: bottom 0.2s, right 0.2s, -webkit-transform 1s; ease-out;
| |
- | -moz-transition: bottom 0.2s, right 0.2s, -webkit-transform 1s; ease-out;
| |
- | -ms-transition: bottom 0.2s, right 0.2s, -webkit-transform 1s; ease-out;
| |
- | -o-transition: bottom 0.2s, right 0.2s, -webkit-transform 1s; ease-out;
| |
- | transition: bottom 0.2s, right 0.2s, -webkit-transform 1s; ease-out;
| |
- | /*transition-delay: 0.1s;*/
| |
- | }
| |
- |
| |
- | .PLASMENU:hover {
| |
- | bottom: -150px;
| |
- | right: -60px;
| |
- | /*bottom: -18%;
| |
- | right: -5%;*/
| |
- | -webkit-transform: rotate(0deg);
| |
- | }
| |
- |
| |
- |
| |
- | </style>
| |
- | </head>
| |
- | </html>
| |
Revision as of 00:38, 2 July 2014