Team:ITESM-CEM/Project/HP/slider2
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | {{CSS/Main}} | ||
+ | {{Team:ITESM-CEM/CSS}} | ||
+ | |||
<html> | <html> | ||
+ | |||
<head> | <head> | ||
<link href='http://fonts.googleapis.com/css?family=Exo:300,400,600' rel='stylesheet' type='text/css'> | <link href='http://fonts.googleapis.com/css?family=Exo:300,400,600' rel='stylesheet' type='text/css'> | ||
Line 19: | Line 23: | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | |||
+ | body { | ||
+ | background-color: #6385bf; | ||
+ | overflow-y:auto; | ||
+ | overflow-x:hidden; | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
+ | |||
+ | |||
+ | p { | ||
+ | /*font-family: 'Exo', sans-serif;*/ | ||
+ | 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-right: 0px; | ||
+ | padding-bottom: 0px; | ||
+ | padding-left: 25px; | ||
+ | border-top-style: none; | ||
+ | border-right-style: none; | ||
+ | border-bottom-style: none; | ||
+ | border-left-style: none; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | pie { | ||
+ | font-family: 'Open Sans', sans-serif; | ||
+ | font-size: 12px; | ||
+ | font-weight: 400; | ||
+ | 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> | ||
+ | |||
</head> | </head> | ||
- | < | + | |
+ | <!--INICIO CONTENIDO--> | ||
+ | |||
+ | |||
<!-- SLIDER 2 INICIO--> | <!-- SLIDER 2 INICIO--> | ||
<div> | <div> | ||
Line 88: | Line 253: | ||
<!-- SLIDER 2 FIN--> | <!-- SLIDER 2 FIN--> | ||
+ | |||
+ | |||
+ | <!--FIN CONTENIDO--> | ||
+ | |||
+ | <div class="PLASMENU"> | ||
+ | <iframe src="https://2014.igem.org/Team:ITESM-CEM/POPMENU" width="614" height="614" frameborder="0" scrolling="no" seamless></iframe> | ||
+ | </div> | ||
+ | |||
</body> | </body> | ||
+ | |||
+ | |||
</html> | </html> |
Revision as of 00:53, 15 October 2014