Template:Team:ITESM-CEM/CSS
From 2014.igem.org
(Difference between revisions)
(Blanked the page) |
|||
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:39, 2 July 2014