"
Team:UPO-Sevilla/template
From 2011.igem.org
(Difference between revisions)
(Created page with "<html> <head> <!-- Reset CSS --> <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css"> </head> <html>") |
|||
| Line 2: | Line 2: | ||
<head> | <head> | ||
| - | + | <!--- JavaScript ---> | |
| - | + | ||
| + | <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> | ||
| + | <script src="https://2011.igem.org/Team:UPO-Sevilla/js/topMenu.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
| + | |||
| + | <!-- CSS --> | ||
| + | <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/base-min.css"> | ||
| + | <style type="text/css"> | ||
| + | body{ | ||
| + | background: #EDEEEC url("cssimg/background.gif") repeat-x; | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | #page{ | ||
| + | background: url("cssimg/backgroundtop.gif") repeat-x; | ||
| + | text-align: center; | ||
| + | padding-top: 3em; | ||
| + | } | ||
| + | |||
| + | #footerPage{ | ||
| + | background: url("cssimg/backgroundbottom.gif") repeat-x bottom; | ||
| + | padding-bottom: 1em; | ||
| + | } | ||
| + | |||
| + | #content{ | ||
| + | text-align: left; | ||
| + | margin: 0 auto; | ||
| + | width: 75em; | ||
| + | } | ||
| + | |||
| + | /*------------- Generales ---------------------- */ | ||
| + | |||
| + | p.center{ | ||
| + | text-align: center; | ||
| + | } | ||
| + | |||
| + | |||
| + | /*----------- Contenido principal ---------------*/ | ||
| + | |||
| + | #principal{ | ||
| + | background: red; | ||
| + | } | ||
| + | |||
| + | #footer{ | ||
| + | height: 270px; | ||
| + | } | ||
| + | |||
| + | /*----------- Navegacion y menus ------*/ | ||
| + | |||
| + | .navegacion{ | ||
| + | |||
| + | } | ||
| + | |||
| + | |||
| + | /*------------- Header ----------------*/ | ||
| + | |||
| + | #header { | ||
| + | background: url("cssimg/backgroundLogo.gif") no-repeat scroll right top transparent; | ||
| + | margin: 0 auto; | ||
| + | width: 60em; | ||
| + | } | ||
| + | |||
| + | #top { | ||
| + | clear: both; | ||
| + | min-height: 197px; | ||
| + | padding: 10px; | ||
| + | } | ||
| + | |||
| + | /*----------- Columnas ---------------*/ | ||
| + | |||
| + | .left{ | ||
| + | background: url('cssimg/backgroundADN.gif') top right repeat-y; | ||
| + | float:left; | ||
| + | margin-left:-63em; | ||
| + | width:15em; | ||
| + | padding-bottom: 0.5em; | ||
| + | padding-right: 3em; | ||
| + | } | ||
| + | |||
| + | .main{ | ||
| + | float:left; | ||
| + | margin-left:15em; | ||
| + | width:45em; | ||
| + | padding-bottom: 0.5em; | ||
| + | } | ||
| + | |||
| + | .right{ | ||
| + | float:right; | ||
| + | width:15em; | ||
| + | padding-bottom: 0.5em; | ||
| + | } | ||
| + | |||
| + | /*--------------------Footer---------------------------*/ | ||
| + | |||
| + | .sponsor{ | ||
| + | padding: 1em; | ||
| + | } | ||
| + | |||
| + | .utils{ | ||
| + | |||
| + | } | ||
| + | |||
| + | /*--------------Clear Floated Elements-----------------*/ | ||
| + | |||
| + | |||
| + | .clear { | ||
| + | clear: both; | ||
| + | display: block; | ||
| + | overflow: hidden; | ||
| + | visibility: hidden; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | } | ||
| + | |||
| + | |||
| + | .clearfix:after { | ||
| + | clear: both; | ||
| + | content: ' '; | ||
| + | display: block; | ||
| + | font-size: 0; | ||
| + | line-height: 0; | ||
| + | visibility: hidden; | ||
| + | width: 0; | ||
| + | height: 0; | ||
| + | } | ||
| + | |||
| + | .clearfix { | ||
| + | display: inline-block; | ||
| + | } | ||
| + | |||
| + | * html .clearfix { | ||
| + | height: 1%; | ||
| + | } | ||
| + | |||
| + | .clearfix { | ||
| + | display: block; | ||
| + | } | ||
| + | </style> | ||
| + | |||
| + | |||
</head> | </head> | ||
Revision as of 16:51, 13 June 2011
