Team:Valencia Biocampus/estiloc3po

From 2012.igem.org

(Difference between revisions)
 
(42 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: left;
+
            // 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 109: Line 135:
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: 0px;
         margin-top: 0px;
-
         margin-bottom: 30px;     
+
         margin-bottom: 0px;     
         margin-left: 30px;      /* cuando espacio izquierdo dejo */
         margin-left: 30px;      /* cuando espacio izquierdo dejo */
         margin-right: 30px;  
         margin-right: 30px;  
Line 123: Line 149:
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;
Line 130: Line 156:
         margin-right: 30px;  
         margin-right: 30px;  
         padding: 30;
         padding: 30;
-
}       
+
}  
 +
#DerSup2 {
 +
width: 250px;     
 +
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: 5px;   
 +
        margin-left: 12px;     /* cuando espacio izquierdo dejo */
 +
        margin-right: 8px;
 +
        padding: 8;
 +
}   
 +
 
          
          
#Inf {
#Inf {
Line 137: Line 177:
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: 650px;
         margin-top: 650px;
-
         margin-bottom: 20px;     
+
         margin-bottom: 10px;     
         margin-left: 30px;      /* cuando espacio izquierdo dejo */
         margin-left: 30px;      /* cuando espacio izquierdo dejo */
         margin-right: 30px;  
         margin-right: 30px;  
Line 151: Line 191:
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: -30px;     // para que el texto suba
         margin-bottom: 20px;     
         margin-bottom: 20px;     
         margin-left: 12px;      /* cuando espacio izquierdo dejo */
         margin-left: 12px;      /* cuando espacio izquierdo dejo */
Line 159: Line 199:
         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 180: 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 202: 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