|
|
(38 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- | <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;
| |
- | }
| |
- |
| |
- | /*--------------JSMenu-----------------*/
| |
- |
| |
- | /* menu styles */
| |
- | #jsddm
| |
- | { margin: 0;
| |
- | padding: 0}
| |
- |
| |
- | #jsddm li
| |
- | { float: left;
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- | #jsddm li a
| |
- | { display: block;
| |
- | background: url("cssimg/backgroundList.gif") repeat-x;
| |
- | padding: 12px;
| |
- | text-decoration: none;
| |
- | border-right: 1px solid white;
| |
- | color: #EAFFED;
| |
- | white-space: nowrap}
| |
- |
| |
- | #jsddm li a:hover
| |
- | { background: #24313C}
| |
- |
| |
- | #jsddm li ul
| |
- | { margin: 0;
| |
- | padding: 0;
| |
- | position: absolute;
| |
- | visibility: hidden;
| |
- | border-top: 1px solid white}
| |
- |
| |
- | #jsddm li ul li
| |
- | { float: none;
| |
- | display: inline;
| |
- | }
| |
- |
| |
- | #jsddm li ul li a {
| |
- | background: url("cssimg/backgroundbottom.gif") repeat-x;
| |
- | color: #24313C;
| |
- | min-width: 15em;
| |
- | }
| |
- |
| |
- | #jsddm li ul li a:hover {
| |
- | background: url("cssimg/backgroundList.gif") repeat-x;
| |
- | color: white;
| |
- | }
| |
- |
| |
- | </style>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | </head>
| |
- |
| |
- |
| |
- | <html>
| |