Team:Valencia Biocampus/estiloc3po
From 2012.igem.org
(Difference between revisions)
(39 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
height:0px; | height:0px; | ||
visibility: hidden; | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | #TOCBG { | ||
+ | background-color":#9F9F9F"; | ||
} | } | ||
Line 66: | Line 70: | ||
#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; | background: none; | ||
- | + | width: 740px; | |
- | + | padding: 10px; | |
- | + | display: block; | |
- | + | text-align: center; | |
+ | font-size: 18px; | ||
+ | |||
} | } | ||
Line 113: | Line 118: | ||
float: right; | float: right; | ||
font-family: Verdana, Verdana, Geneva, sans-serif; | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
- | font-size: | + | 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 122: | Line 135: | ||
float: left; | float: left; | ||
font-family: Verdana, Verdana, Geneva, sans-serif; | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
- | font-size: | + | font-size: 12px; |
text-align: justify; | text-align: justify; | ||
margin-top: 0px; | margin-top: 0px; | ||
- | margin-bottom: | + | margin-bottom: 0px; |
margin-left: 30px; /* cuando espacio izquierdo dejo */ | margin-left: 30px; /* cuando espacio izquierdo dejo */ | ||
margin-right: 30px; | margin-right: 30px; | ||
Line 136: | Line 149: | ||
float: right; | float: right; | ||
font-family: Verdana, Verdana, Geneva, sans-serif; | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
- | font-size: | + | font-size: 12px; |
text-align: left; | text-align: left; | ||
margin-top: 8px; | margin-top: 8px; | ||
Line 143: | 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 150: | Line 177: | ||
float: left; | float: left; | ||
font-family: Verdana, Verdana, Geneva, sans-serif; | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
- | font-size: | + | font-size: 12px; |
text-align: justify; | text-align: justify; | ||
margin-top: 650px; | margin-top: 650px; | ||
- | margin-bottom: | + | margin-bottom: 10px; |
margin-left: 30px; /* cuando espacio izquierdo dejo */ | margin-left: 30px; /* cuando espacio izquierdo dejo */ | ||
margin-right: 30px; | margin-right: 30px; | ||
Line 164: | Line 191: | ||
float: left; | float: left; | ||
font-family: Verdana, Verdana, Geneva, sans-serif; | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
- | font-size: | + | font-size: 12px; |
text-align: justify; | text-align: justify; | ||
- | margin-top: | + | 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 172: | 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 193: | 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: | + | z-index:1; |
background:#111; | background:#111; | ||
width:100%; | width:100%; | ||
Line 215: | Line 400: | ||
left:50%; | left:50%; | ||
margin-left:-240px; | margin-left:-240px; | ||
- | z-index: | + | z-index:1; |
} | } | ||
.ps_container img{ | .ps_container img{ |
Latest revision as of 23:30, 26 September 2012