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