|
|
| (142 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - |
| |
| | <style type="text/css"> | | <style type="text/css"> |
| | <script type="text/javascript"> | | <script type="text/javascript"> |
| | + | |
| | | | |
| | html, body { | | html, body { |
| Line 12: |
Line 12: |
| | background:#FFFFFF top center fixed; | | background:#FFFFFF top center fixed; |
| | } | | } |
| - |
| |
| - | /* Cabecera */
| |
| - |
| |
| - | #header {
| |
| - | background: #ffa67c; /*fondo*/
| |
| - | border-bottom: 10px solid #d64729; /*borde inferior*/
| |
| - | width:100%;
| |
| - | padding-top:0px;
| |
| - | margin: 0;
| |
| - | position:relative;
| |
| - | top:-18px;
| |
| - | }
| |
| - | #header .wrapper {
| |
| - | width:1220px;
| |
| - | overflow:hidden;
| |
| - | display:table;
| |
| - | background: none transparent 0 0 Scroll no-repeat;
| |
| - | position:relative;
| |
| - | padding-top:0px;
| |
| - | }
| |
| - | #project-image {
| |
| - | background: url('https://static.igem.org/mediawiki/2013/e/e0/Valencia-CIPF_logo.png') transparent center center scroll no-repeat;
| |
| - | display:table-cell;
| |
| - | width:480px;
| |
| - | height:360px;
| |
| - | text-align:center;
| |
| - | vertical-align:middle;
| |
| - | position:absolute;
| |
| - | left:715px; /*Desplazar logo iGEM*/
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}*/
| |
| - | /*#content{
| |
| - | background:#FFFFFF center top fixed repeat-y;
| |
| - | padding: 0px;
| |
| - | margin:0px;
| |
| - | border: none;
| |
| - | }*/
| |
| - |
| |
| - | /*#bodycontent {
| |
| - | border: none;
| |
| - | padding:0;
| |
| - | margin:0px;
| |
| - | width:100%;
| |
| - | max-width: 1080px;
| |
| - | }*/
| |
| | | | |
| | #top-section { | | #top-section { |
| - | height: 20px; | + | height: 0px; |
| - | margin-top: 20px; | + | margin-top: 0px; |
| | margin-left: 0px; | | margin-left: 0px; |
| | margin-right: 0px; | | margin-right: 0px; |
| Line 71: |
Line 24: |
| | } | | } |
| | | | |
| - | /*#p-logo { height:1px; overflow:hidden; display: none;}*/
| |
| - |
| |
| - | #search-controls {
| |
| - | overflow:hidden;
| |
| - | display:block;
| |
| - | background: none;
| |
| - | font-color:#FFF;
| |
| - | position: absolute;
| |
| - | top: 20px;
| |
| - | left: 10px;
| |
| - | }
| |
| - |
| |
| - | .left-menu {
| |
| - | width: 400px;
| |
| - | display:block;
| |
| - | float:left;
| |
| - | margin-top:0px;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | .left-menu ul {
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | #menubar.right-menu {
| |
| - | width:300px;
| |
| - | display:block;
| |
| - | float:left;
| |
| - | margin-top:0px;
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | .right-menu ul {
| |
| - | border: none;
| |
| - | }
| |
| - |
| |
| - | /* Pie */
| |
| - |
| |
| - | #footer-box {
| |
| - | background: #ffa67c; /*fondo*/
| |
| - | border-top: 10px solid #d64729; /*borde superior*/
| |
| - | width:100% !important;
| |
| - | padding:10px !important!
| |
| - | margin: 0;
| |
| - | position:relative;
| |
| - | }
| |
| - | #footer-box .wrapper {
| |
| - | margin: 0 auto;
| |
| - | width:1220px;
| |
| - | overflow:hidden;
| |
| - | display:table;
| |
| - | background: none transparent 0 0 Scroll no repeat;
| |
| - | position:relative;
| |
| - | padding-top:0px;
| |
| - | }
| |
| - | #sponsors{
| |
| - |
| |
| - | }
| |
| - |
| |
| - | #e-mail{
| |
| - | color: #000;
| |
| - | font: sans-serif;
| |
| - | font-size: 15px;
| |
| - | position: absolute;
| |
| - | left: 690px;
| |
| - | top:300px;
| |
| - | }
| |
| - | #FacebookandTwitter{
| |
| - | position:relative;
| |
| - | top:130px;
| |
| - | left:1040px;
| |
| - | }
| |
| - | #VisitorMaps{
| |
| - | position:relative;
| |
| - | top:-240px;
| |
| - | left:10px;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | /*#footer-box {
| |
| - | background-color: transparent;
| |
| - | border: none;
| |
| - | width: 1080px;
| |
| - | margin: 0 auto;
| |
| - | padding: 0;
| |
| - | }*/
| |
| - |
| |
| - | /*#footer {
| |
| - | border: none;
| |
| - | width: 1080px;
| |
| - | margin: 0; padding: 0;
| |
| - | }*/
| |
| | | | |
| | .firstHeading { | | .firstHeading { |
| Line 168: |
Line 29: |
| | } | | } |
| | | | |
| - | #f-list a {
| |
| - | color: #333;
| |
| - | font-size: 10px;
| |
| - | }
| |
| - |
| |
| - | #f-list a:hover {
| |
| - | color: #666;
| |
| - | }
| |
| - |
| |
| - | #footer ul {
| |
| - | margin: 0;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #footer ul li {
| |
| - | margin-top: 0;
| |
| - | margin-bottom: 0;
| |
| - | margin-left: 10px;
| |
| - | margin-right: 10px;
| |
| - | padding: 0;
| |
| - | }
| |
| | | | |
| | /* To make the images borders transparents!!! */ | | /* To make the images borders transparents!!! */ |
| Line 211: |
Line 51: |
| | } | | } |
| | | | |
| - | #Titulos{
| |
| - | text-align: center;
| |
| - | font-family: Kautiva, Verdana, Geneva, sans-serif;
| |
| - | font-size: 30px;
| |
| - | font-weight: bold;
| |
| - | color: #000000;
| |
| - | }
| |
| - |
| |
| - | #Titulos2{
| |
| - | font-family: Kautiva, Verdana, Geneva, sans-serif;
| |
| - | font-size: 30px;
| |
| - | font-weight: bold;
| |
| - | margin-top: 8px;
| |
| - | margin-bottom: 20px;
| |
| - | margin-left: 12px;
| |
| - | margin-right: 12px;
| |
| - | color: #000000;
| |
| - | }
| |
| | | | |
| | #HomeCenter { | | #HomeCenter { |
| - | width: 685px; | + | width: 420px; |
| | height: auto; | | height: auto; |
| | float: left; | | float: left; |
| Line 237: |
Line 59: |
| | font-size: 14px; | | font-size: 14px; |
| | text-align: justify; | | text-align: justify; |
| - | margin-top: 8px; | + | margin-top: 30px; |
| - | margin-bottom: 20px; | + | margin-bottom: 80px; |
| - | margin-left: 12px; | + | margin-left: 40px; |
| | margin-right: 12px; | | margin-right: 12px; |
| | padding: 0; | | padding: 0; |
| | } | | } |
| | | | |
| - | #HomeCenter2 { | + | #HomeCenter1 { |
| - | width: 696px; | + | width: 860px; |
| | height: auto; | | height: auto; |
| | float: left; | | float: left; |
| Line 251: |
Line 73: |
| | font-size: 14px; | | font-size: 14px; |
| | text-align: justify; | | text-align: justify; |
| - | margin-top: 8px; | + | margin-top: 30px; |
| - | margin-bottom: px; | + | margin-bottom: 80px; |
| - | margin-left: 12px; | + | margin-left: 0px; |
| | margin-right: 12px; | | margin-right: 12px; |
| | padding: 0; | | padding: 0; |
| | } | | } |
| | | | |
| - | #HomeCenter3 { | + | #HomeCenter2 { |
| - | width: 690px; | + | width: 940px; |
| | height: auto; | | height: auto; |
| - | float: right; | + | float: left; |
| | font-family: Helvetica, Helvetica, Geneva, sans-serif; | | font-family: Helvetica, Helvetica, Geneva, sans-serif; |
| | font-size: 14px; | | font-size: 14px; |
| | text-align: justify; | | text-align: justify; |
| - | margin-top: 8px; | + | margin-top: 0px; |
| - | margin-bottom: px; | + | margin-bottom: 5px; |
| | margin-left: 12px; | | margin-left: 12px; |
| - | margin-right: 12px; | + | margin-right: 18px; |
| | padding: 0; | | padding: 0; |
| | } | | } |
| | | | |
| - | #HomeCenter4 {
| |
| - | width: 650px;
| |
| - | height: auto;
| |
| - | float: right;
| |
| - | font-family: Helvetica, Helvetica, Geneva, sans-serif;
| |
| - | font-size: 14px;
| |
| - | text-align: justify;
| |
| - | margin-top: 8px;
| |
| - | margin-bottom: px;
| |
| - | margin-left: 12px;
| |
| - | margin-right: 12px;
| |
| - | padding: 0;
| |
| - | }
| |
| - |
| |
| - | #HomeCenterB {
| |
| - | width: 705px;
| |
| - | height: auto;
| |
| - | float: left;
| |
| - | font-family: Helvetica, Helvetica, Geneva, sans-serif;
| |
| - | font-size: 14px;
| |
| - | text-align: justify;
| |
| - | margin-top: 0;
| |
| - | margin-bottom: 20px;
| |
| - | margin-left: 0;
| |
| - | margin-right: 0;
| |
| - | padding: 0;
| |
| - | background-color:#FFFFFF;
| |
| - | }
| |
| - |
| |
| - | #HomeCenterBm {
| |
| - | width: 660px;
| |
| - | height: auto;
| |
| - | float: left;
| |
| - | font-family: Helvetica, Helvetica, Geneva, sans-serif;
| |
| - | font-size: 14px;
| |
| - | text-align: justify;
| |
| - | margin-top: 8px;
| |
| - | margin-bottom: 20px;
| |
| - | margin-left: 20px;
| |
| - | margin-right: 20px;
| |
| - | padding: 0;
| |
| - | background-color: #FFFFFF;
| |
| - | }
| |
| - |
| |
| - |
| |
| - | #HomeCenterCenter {
| |
| - | width: 941px;
| |
| - | height: auto;
| |
| - | float: left;
| |
| - | font-family: Helvetica, Helvetica, Geneva, sans-serif;
| |
| - | font-size: 14px;
| |
| - | text-align: justify;
| |
| - | margin-top: 8px;
| |
| - | margin-bottom: 20px;
| |
| - | margin-left: 12px;
| |
| - | margin-right: 12px;
| |
| - | padding: 0;
| |
| - | }
| |
| | | | |
| | #HomeRight { | | #HomeRight { |
| Line 340: |
Line 104: |
| | } | | } |
| | | | |
| - | #HomeRight2 { | + | #search-controls { |
| - | width: 245px; | + | overflow:hidden; |
| - | height: auto; | + | display:block; |
| - | float: right; | + | background: none; |
| - | font-family: Helvetica, Helvetica, Geneva, sans-serif; | + | color:#FFF; |
| - | margin-right:12px | + | position: relative; |
| - | font-size: 14px; | + | top: 250px; |
| - | text-align: center; | + | left: 225px; |
| | + | z-index:0; |
| | } | | } |
| | | | |
| | | | |
| - | #HomeRight3 { | + | #menu-notebook { text-align:center; margin-bottom: 20px;} |
| - | width: 380px;
| + | |
| - | height: auto;
| + | |
| - | float: right;
| + | |
| - | font-family: Helvetica, Helvetica, Geneva, sans-serif;
| + | |
| - | margin-right:20px
| + | |
| - | font-size: 14px;
| + | |
| - | text-align: center;
| + | |
| - | } | + | |
| | | | |
| - | #HomeLeft { | + | #menu-notebook span.group { |
| - | width: 110px;
| + | border: 10px solid #FFFFFF; |
| - | height: auto;
| + | color: #FFFFFF; |
| - | float: left;
| + | display: table-cell; |
| - | font-family: Helvetica, Helvetica, Geneva, sans-serif;
| + | float: none; |
| - | font-size: 14px;
| + | font-size: 1.2em; |
| - | text-align: center;
| + | font-weight: bold; |
| | + | line-height: 8em; |
| | + | text-align: center; |
| | + | cursor: pointer; |
| | } | | } |
| - | | + | #menu-notebook span.group1 { |
| - | #Calendar { | + | background-color: #ffa67c; |
| - | width: 680px;
| + | width: 135px; |
| - | height: auto;
| + | |
| - | float: left;
| + | |
| - | font-family: Helvetica, Helvetica, Geneva, sans-serif;
| + | |
| - | font-size: 13px;
| + | |
| - | text-align: center;
| + | |
| - | margin-top: 10px;
| + | |
| - | margin-bottom: 0;
| + | |
| - | margin-left: 10px;
| + | |
| - | margin-right: 10px;
| + | |
| - | padding: 0;
| + | |
| | } | | } |
| | + | #menu-notebook span.group2 { |
| | + | background-color: #d64729; |
| | + | width: 290px; |
| | + | } |
| | + | #menu-notebook span.clicked { |
| | + | opacity:1; |
| | + | } |
| | + | .name-week, .data-week { |
| | + | font-weight:bold; |
| | + | } |
| | + | #descr, .mounth { display:none; } |
| | | | |
| - | .marquito { | + | .month{ |
| - | font-family: Helvetica, Helvetica, Geneva, sans-serif;
| + | |
| - | font-size: 13px;
| + | |
| - | padding: 0;
| + | |
| - | float: left;
| + | |
| - | border: 2px;
| + | |
| - | border-color:#CCCCCC;
| + | |
| | } | | } |
| | | | |
| - | .algoconborde { | + | .week { |
| - | border: #000 3px solid;
| + | border: 10px solid #d64729; |
| | + | padding: 10px 20px; |
| | } | | } |
| | | | |
| | </style> | | </style> |
| - |
| |
| - |
| |
| - |
| |
| | </html> | | </html> |
"
