Team:Valencia/fondoweb

From 2012.igem.org

(Difference between revisions)
 
(57 intermediate revisions not shown)
Line 3: Line 3:
<style type="text/css">
<style type="text/css">
<script type="text/javascript">
<script type="text/javascript">
 +
 +
* {
 +
background: transparent;
 +
border: 0;
 +
margin: 0;
 +
padding: 0;
 +
vertical-align: baseline;
 +
}
 +
body {
 +
line-height: 0;
 +
        margin-top: 0;
 +
        margin-bottom: 0;
 +
        margin-left: 0;
 +
        margin-right: 0;
 +
 +
}
 +
body,html,#content,#globalWrapper {
 +
        padding:0 !important;
 +
width:100% !important;
 +
min-width: 1220px !important;
 +
        font-size:12px;
 +
        line-height:1.3em;
 +
        color:#FFF;
 +
        font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
 +
}
 +
body,html {
 +
height:100% !important;
 +
}
html, body {
html, body {
Line 8: Line 36:
padding: 0;
padding: 0;
}
}
-
/* imagen azul: https://static.igem.org/mediawiki/2012/1/10/Fondo_experimento2.png */
 
-
/* imagen del fitoplancton era: https://static.igem.org/mediawiki/2012/3/34/Phytoplankton_bioluminescence.jpg*/
 
-
/* imagen del mar: https://static.igem.org/mediawiki/2012/3/35/Fondomar%283%29.jpg*/
 
-
/* imagen de los puntos: url(https://static.igem.org/mediawiki/2012/3/34/Phytoplankton_bioluminescence.jpg)*/
 
-
/*body {background:#D8D8D8  top center fixed;*/
 
-
body {background: url("https://static.igem.org/mediawiki/2012/b/ba/Prueba_fondo1.jpg") top center fixed;
+
body {
 +
  background:#FFFFFF top center fixed;
 +
}
 +
#top-section {
 +
  height: 20px;
 +
  margin-top: 0px;
 +
  margin-left: 0px;
 +
  margin-right: 0px;
 +
  margin-bottom: 0px !important;
 +
  margin-bottom: 0px;
 +
  padding:0;
 +
  border: none;
}
}
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
 
-
#content{background:transparent url("https://static.igem.org/mediawiki/2012/thumb/2/28/Imagen486g.jpg/Transpa50.png") center top fixed
 
-
repeat-y;
 
-
                padding: 60px;
 
-
        margin:0 auto;
 
-
                border: none; 
 
-
            }
 
-
.firstHeading { display: none; }
 
-
#top-section {
+
.firstHeading {  
-
background-image: url("https://static.igem.org/mediawiki/2012/a/a8/Top1.jpg");
+
  display: none;
-
height:250px  ! important;;
+
-
        position: fixed;
+
-
        top:0;
+
}
}
-
#p-logo {
+
#f-list a {  
-
height:80px  ! important;;
+
  color: #333;  
-
overflow:hidden;
+
  font-size: 10px;
-
visibility:hidden;
+
}
 +
 
 +
#f-list a:hover {
 +
  color: #666;
}
}
-
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;}
 
-
#content{
 
-
            background:transparent url("https://static.igem.org/mediawiki/2010/f/f4/Transpa50.png") center top fixed repeat-y;
 
-
                padding: 0px;
 
-
        margin:0 auto;
 
-
                border: none; 
 
-
            }
 
-
#bodyContent { border: none; padding:0; margin:10px width:95%;}
 
-
#top-section { height: 20px; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important; margin-bottom: 10px; padding:0; border: none;}
 
-
#p-logo { height:1px; overflow:hidden; display: none;}
 
-
#search-controls { overflow:hidden; display:block; background: none; position: absolute; top: 10px; right: 10px;}
 
-
.left-menu { width: 400px; display:block; float:left; margin-top:-15px; border: none;}
 
-
.left-menu ul { border: none; }
 
-
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-15px; border: none;}
 
-
.right-menu ul { border: none;}
 
-
#footer-box { background-color: transparent; border: none; width: 965px; margin: 0 auto; padding: 0;}
 
-
#footer { border: none; width: 965px; margin: 0; padding: 0;}
 
-
.firstHeading { display: none;}
 
-
#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!!! */
div.thumbinner {background-color:transparent;}
div.thumbinner {background-color:transparent;}
div.thumb {border-color: transparent;}
div.thumb {border-color: transparent;}
div.thumb {background-color: transparent;}
div.thumb {background-color: transparent;}
-
h1 { color: #000000 }
+
 
-
h2 { color: #000000 }
+
h1 {
-
h3 { color: #000000 }
+
  color: #000000  
-
h4 { color: #000000 }
+
}
 +
 
 +
h2 {
 +
  color: #000000  
 +
}
 +
 
 +
h3 {
 +
  color: #000000  
 +
}
 +
 
 +
h4 {
 +
  color: #000000
 +
}
#Titulos{
#Titulos{
-
            text-align: center;
+
  text-align: center;
-
    font-family: Kautiva, Verdana, Geneva, sans-serif;
+
  font-family: Kautiva, Verdana, Geneva, sans-serif;
-
    font-size: 30px;
+
  font-size: 30px;
-
    font-weight: bold;
+
  font-weight: bold;
-
            color: #000000;
+
  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: 696px;
+
  width: 685px;
-
height: auto;
+
  height: auto;
-
float: left;
+
  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: 8px;
-
        margin-bottom: 20px;     
+
  margin-bottom: 20px;     
-
        margin-left: 12px;  
+
  margin-left: 12px;  
-
        margin-right: 12px;  
+
  margin-right: 12px;  
-
        padding: 0;
+
  padding: 0;
}
}
#HomeCenter2 {
#HomeCenter2 {
-
        width: 696px;
+
  width: 696px;
-
height: auto;
+
  height: auto;
-
float: left;
+
  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: 8px;
-
        margin-bottom: px;     
+
  margin-bottom: px;     
-
        margin-left: 12px;  
+
  margin-left: 12px;  
-
        margin-right: 12px;  
+
  margin-right: 12px;  
-
        padding: 0;
+
  padding: 0;
 +
}
 +
 
 +
#HomeCenter3 {
 +
  width: 690px;
 +
  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;
 +
}
 +
 
 +
#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 {
#HomeCenterB {
-
        width: 705px;
+
  width: 705px;
-
height: auto;
+
  height: auto;
-
float: left;
+
  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: 0;
+
  margin-top: 0;
-
        margin-bottom: 20px;     
+
  margin-bottom: 20px;     
-
        margin-left: 0;  
+
  margin-left: 0;  
-
        margin-right: 0;  
+
  margin-right: 0;  
-
        padding: 0;
+
  padding: 0;
-
        background-color:#FFFFFF;
+
  background-color:#FFFFFF;
}
}
#HomeCenterBm {
#HomeCenterBm {
-
        width: 660px;
+
  width: 660px;
-
height: auto;
+
  height: auto;
-
float: left;
+
  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: 8px;
-
        margin-bottom: 20px;   
+
  margin-bottom: 20px;   
-
        margin-left: 20px;  
+
  margin-left: 20px;  
-
        margin-right: 20px;
+
  margin-right: 20px;
-
        padding: 0;
+
  padding: 0;
-
        background-color: #FFFFFF;
+
  background-color: #FFFFFF;
}
}
#HomeCenterCenter {
#HomeCenterCenter {
-
        width: 941px;
+
  width: 941px;
-
height: auto;
+
  height: auto;
-
float: left;
+
  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: 8px;
-
        margin-bottom: 20px;   
+
  margin-bottom: 20px;   
-
        margin-left: 12px;  
+
  margin-left: 12px;  
-
        margin-right: 12px;  
+
  margin-right: 12px;  
-
        padding: 0;
+
  padding: 0;
}
}
#HomeRight {
#HomeRight {
-
width: 245px;
+
  width: 245px;
-
height: auto;
+
  height: auto;
-
float: right;
+
  float: right;
-
font-family: Helvetica, Helvetica, Geneva, sans-serif;
+
  font-family: Helvetica, Helvetica, Geneva, sans-serif;
-
font-size: 14px;
+
  font-size: 14px;
-
text-align: center;
+
  text-align: center;
-
}
+
}
#HomeRight2 {
#HomeRight2 {
-
width: 245px;
+
  width: 245px;
-
height: auto;
+
  height: auto;
-
float: right;
+
  float: right;
-
font-family: Helvetica, Helvetica, Geneva, sans-serif;
+
  font-family: Helvetica, Helvetica, Geneva, sans-serif;
-
        margin-right:12px
+
  margin-right:12px
-
font-size: 14px;
+
  font-size: 14px;
-
text-align: center;
+
  text-align: center;
-
}
+
}
-
#HomeLeft {
 
-
width: 110px;
 
-
height: auto;
 
-
float: left;
 
-
font-family: Helvetica, Helvetica, Geneva, sans-serif;
 
-
font-size: 14px;
 
-
text-align: center;
 
-
}
 
-
#Calendar {
+
#HomeRight3 {
 +
  width: 380px;
 +
  height: auto;
 +
  float: right;
 +
  font-family: Helvetica, Helvetica, Geneva, sans-serif;
 +
  margin-right:20px
 +
  font-size: 14px;
 +
  text-align: center;
 +
}
-
        width: 680px;
+
#HomeLeft {
-
height: auto;
+
  width: 110px;
-
float: left;
+
  height: auto;
-
font-family: Helvetica, Helvetica, Geneva, sans-serif;
+
  float: left;
-
font-size: 13px;
+
  font-family: Helvetica, Helvetica, Geneva, sans-serif;
-
text-align: center;
+
  font-size: 14px;
-
        margin-top: 10px;
+
  text-align: center;
-
        margin-bottom: 0;   
+
-
        margin-left: 10px;
+
-
        margin-right: 10px;
+
-
        padding: 0;
+
}
}
 +
#Calendar {
 +
  width: 680px;
 +
  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;
 +
}
.marquito {
.marquito {
-
font-family:  Helvetica, Helvetica, Geneva, sans-serif;
+
  font-family:  Helvetica, Helvetica, Geneva, sans-serif;
-
font-size: 13px;
+
  font-size: 13px;
-
padding: 0;
+
  padding: 0;
-
float: left;
+
  float: left;
-
border: 2px;
+
  border: 2px;
-
        border-color:#CCCCCC;
+
  border-color:#CCCCCC;
}
}
-
.algoconborde {border: #000 3px solid;}
+
.algoconborde {
 +
  border: #000 3px solid;
 +
}
</style>
</style>
-
 
</html>
</html>

Latest revision as of 15:50, 29 August 2013