Team:Valencia Biocampus/estiloc3po

From 2012.igem.org

(Difference between revisions)
 
(67 intermediate revisions not shown)
Line 8: Line 8:
     height:0px;
     height:0px;
     visibility: hidden;
     visibility: hidden;
 +
}
 +
 +
#TOCBG {
 +
background-color":#9F9F9F";
}
}
Line 65: Line 69:
#Titulos{
#Titulos{
-
            text-align: center;
+
            // text-align: left;
-
    font-family: Fantasy; /*Kautiva, Verdana, Geneva, sans-serif;*/
+
    //font-family: Fantasy; /*Kautiva, Verdana, Geneva, sans-serif;*/
-
    font-size: 30px;
+
    //font-size: 30px;
-
    font-weight: bold;
+
    //font-weight: bold;
-
             color: #000000;
+
             //color: #000000;
 +
             
 +
              margin-top: 68px;
 +
              background: none;
 +
              width: 740px;
 +
              padding: 10px;
 +
              display: block;
 +
              text-align: center;
 +
              font-size: 18px;
 +
 
}
}
 +
 +
#Titulos h2 {
 +
text-align: left;
 +
}
 +
/* To make the images borders transparents!!! */
/* To make the images borders transparents!!! */
div.thumbinner {background-color:transparent;}
div.thumbinner {background-color:transparent;}
Line 100: Line 118:
float: right;
float: right;
font-family: Verdana, Verdana, Geneva, sans-serif;
font-family: Verdana, Verdana, Geneva, sans-serif;
-
font-size: 14px;
+
font-size: 12px;
 +
text-align: left;
 +
}
 +
#HomeRight2 {
 +
width: 370px;
 +
height: auto;
 +
float: right;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 12px;
text-align: left;
text-align: left;
}
}
Line 106: Line 132:
#IzqSup {
#IzqSup {
width: 360px;         
width: 360px;         
-
height: auto;
+
height:auto;     /* altura del fondo */
float: left;
float: left;
font-family: Verdana, Verdana, Geneva, sans-serif;
font-family: Verdana, Verdana, Geneva, sans-serif;
-
font-size: 14px;
+
font-size: 12px;
text-align: justify;
text-align: justify;
-
         margin-top: 8px;
+
         margin-top: 0px;
-
         margin-bottom: 20px;     
+
         margin-bottom: 0px;     
-
         margin-left: 12px;      /* cuando espacio izquierdo dejo */
+
         margin-left: 30px;      /* cuando espacio izquierdo dejo */
-
         margin-right: 12px;  
+
         margin-right: 30px;  
         padding: 0;
         padding: 0;
}
}
#DerSup {
#DerSup {
-
width: 560px;       
+
width: 360px;       
-
height: auto;
+
height: auto;     /* altura del fondo */
float: right;
float: right;
font-family: Verdana, Verdana, Geneva, sans-serif;
font-family: Verdana, Verdana, Geneva, sans-serif;
-
font-size: 14px;
+
font-size: 12px;
text-align: left;
text-align: left;
-
  //      margin-top: 8px;
+
        margin-top: 8px;
-
  //    margin-bottom: 20px;     
+
        margin-bottom: 30px;     
-
    //    margin-left: 12px;      /* cuando espacio izquierdo dejo */
+
        margin-left: 30px;      /* cuando espacio izquierdo dejo */
-
    //  margin-right: 12px;  
+
        margin-right: 30px;  
-
      // padding: 30;
+
        padding: 30;
-
}    
+
}  
-
       
+
#DerSup2 {
-
#IzqInf {
+
width: 250px;      
-
width: 370px;      
+
height: auto;     /* altura del fondo */
-
height: 100;
+
float: right;
float: right;
font-family: Verdana, Verdana, Geneva, sans-serif;
font-family: Verdana, Verdana, Geneva, sans-serif;
-
font-size: 14px;
+
font-size: 12px;
 +
text-align: left;
 +
        margin-top: 8px;
 +
        margin-bottom: 5px;   
 +
        margin-left: 12px;      /* cuando espacio izquierdo dejo */
 +
        margin-right: 8px;
 +
        padding: 8;
 +
}   
 +
 
 +
       
 +
#Inf {
 +
width: 710px;       
 +
height: auto
 +
float: left;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 12px;
text-align: justify;
text-align: justify;
-
         margin-top: 0px;
+
         margin-top: 650px;
-
         margin-bottom: 20px;     
+
         margin-bottom: 10px;     
-
         margin-left: 52px;      /* cuando espacio izquierdo dejo */
+
         margin-left: 30px;      /* cuando espacio izquierdo dejo */
-
         margin-right: 512px;  
+
         margin-right: 30px;  
         padding: 0;
         padding: 0;
}
}
-
       
+
#PorDefecto {
-
#DerInf {
+
width: auto;      
-
width: 370px;    
+
height: auto
-
height: auto;
+
float: left;
-
float: right;
+
font-family: Verdana, Verdana, Geneva, sans-serif;
font-family: Verdana, Verdana, Geneva, sans-serif;
-
font-size: 14px;
+
font-size: 12px;
text-align: justify;
text-align: justify;
-
         margin-top: 0px;
+
         margin-top: -30px;     // para que el texto suba
         margin-bottom: 20px;     
         margin-bottom: 20px;     
-
         margin-left: 52px;      /* cuando espacio izquierdo dejo */
+
         margin-left: 12px;      /* cuando espacio izquierdo dejo */
-
         margin-right: 512px;  
+
         margin-right: 12px;  
         padding: 0;
         padding: 0;
}
}
 +
       
 +
#PosBocadillo {
 +
width: 360px;     
 +
height: auto;    /* altura del fondo */
 +
float: right;
 +
font-family: Verdana, Verdana, Geneva, sans-serif;
 +
font-size: 12px;
 +
text-align: left;
 +
        margin-top: 8px;
 +
        margin-bottom: 30px;   
 +
        margin-left: 30px;      /* cuando espacio izquierdo dejo */
 +
        margin-right: 30px;
 +
        padding: 30;
 +
 +
////       
 +
#Contact {       
 +
        position: relative;
 +
        text-align: left;
 +
        }
 +
#Contact h5 {
 +
  color: #D0D9E1;
 +
  font-family: Georgia;
 +
  font-size: 140px;
 +
  letter-spacing: -6px;
 +
  margin: 0;
 +
  opacity: .9;
 +
  padding: 0;
 +
  -moz-transform: skew(20deg);
 +
  -o-transform: skew(20deg);
 +
  -webkit-transform: skew(20deg);
 +
}
 +
 +
#Contact h6 {
 +
  color: #4682B4;
 +
  font-family: Verdana;
 +
  font-size: 60px;
 +
 
 +
  left: 120px;
 +
  letter-spacing: 20px;
 +
 
 +
  margin: 0;
 +
  padding: 0;
 +
  position: absolute;
 +
 
 +
  top: 20px;
 +
}
 +
 +
       
 +
////
 +
<!--
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
%
 +
% ESTILO 2: PARA LOS SPONSORS
 +
%
 +
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
 +
-->
 +
 +
#sponsors {
 +
background: none;
 +
width: 740px;
 +
padding: 10px;
 +
display: block;
 +
text-align: center;
 +
}
 +
 +
/* imagen de sponsor:  separacion  vertical respecto a la horizontal inferior */
 +
#sponsors img {
 +
padding: 15px;
 +
}
 +
 +
/* encabezado: alineacion*/
 +
#sponsors h2 {
 +
text-align: left;
 +
}
 +
 +
/* tamaños de las imagenes */
 +
a.tam1 img{
 +
height: 120px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
a.tam2 img{
 +
height: 100px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
a.tam3 img{
 +
height: 90px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
a.tam4 img{
 +
height: 70px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
a.tamLogo img{
 +
height: 70px;
 +
width: 360px;
 +
float: left;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
a.meneillos img{
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
/* al pasar el ratón */
 +
a.tam1:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: "alpha(opacity=100)";
 +
}
 +
 +
a.tam2:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: "alpha(opacity=100)";
 +
}
 +
 +
a.tam3:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: "alpha(opacity=100)";
 +
}
 +
 +
a.tam4 img{
 +
height: 70px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
a.tamLogo img{
 +
height: 70px;
 +
opacity: .50;
 +
filter: alpha(opacity=50);
 +
filter: "alpha(opacity=50)";
 +
}
 +
 +
 +
a.meneillos:hover img{
 +
opacity:1;
 +
filter:alpha(opacity=100);
 +
filter: "alpha(opacity=100)";
 +
}
 +
</style>
</style>
Line 179: Line 377:
                 margin:-7;                                          /* grosor del menú superior de edición */
                 margin:-7;                                          /* grosor del menú superior de edición */
                 padding:-7;                                        /* separación vertical del título con el borde superior */
                 padding:-7;                                        /* separación vertical del título con el borde superior */
 +
                z-index:1;
             }
             }
.ps_overlay{
.ps_overlay{
-
     z-index:0;
+
     z-index:1;
     background:#111;
     background:#111;
     width:100%;
     width:100%;
Line 201: Line 400:
left:50%;
left:50%;
margin-left:-240px;
margin-left:-240px;
-
z-index:100;
+
z-index:1;
}
}
.ps_container img{
.ps_container img{

Latest revision as of 23:30, 26 September 2012