Team:Valencia Biocampus/estiloc3po
From 2012.igem.org
(Difference between revisions)
(28 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
height:0px; | height:0px; | ||
visibility: hidden; | visibility: hidden; | ||
+ | } | ||
+ | |||
+ | #TOCBG { | ||
+ | background-color":#9F9F9F"; | ||
} | } | ||
Line 111: | Line 115: | ||
#HomeRight { | #HomeRight { | ||
width: 270px; | width: 270px; | ||
+ | height: auto; | ||
+ | float: right; | ||
+ | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
+ | font-size: 12px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #HomeRight2 { | ||
+ | width: 370px; | ||
height: auto; | height: auto; | ||
float: right; | float: right; | ||
Line 126: | Line 138: | ||
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 144: | 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 154: | Line 180: | ||
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 167: | Line 193: | ||
font-size: 12px; | 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 173: | 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; | ||
+ | } | ||
+ | |||
+ | //// | ||
<!-- | <!-- | ||
%%%%%%%%%%%%%%%%%%%%%%%%%%%%% | %%%%%%%%%%%%%%%%%%%%%%%%%%%%% | ||
Line 201: | Line 274: | ||
} | } | ||
- | /* | + | /* tamaños de las imagenes */ |
- | a. | + | 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; | height: 70px; | ||
opacity: .50; | opacity: .50; | ||
Line 209: | Line 303: | ||
} | } | ||
+ | a.tamLogo img{ | ||
+ | height: 70px; | ||
+ | width: 360px; | ||
+ | float: left; | ||
+ | opacity: .50; | ||
+ | filter: alpha(opacity=50); | ||
+ | filter: "alpha(opacity=50)"; | ||
+ | } | ||
- | + | a.meneillos img{ | |
- | a. | + | |
- | + | ||
opacity: .50; | opacity: .50; | ||
filter: alpha(opacity=50); | filter: alpha(opacity=50); | ||
Line 218: | Line 318: | ||
} | } | ||
- | /* al pasar el | + | /* al pasar el ratón */ |
- | a. | + | a.tam1:hover img{ |
opacity:1; | opacity:1; | ||
filter:alpha(opacity=100); | filter:alpha(opacity=100); | ||
Line 225: | Line 325: | ||
} | } | ||
- | + | a.tam2:hover img{ | |
- | a. | + | 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; | opacity:1; | ||
filter:alpha(opacity=100); | filter:alpha(opacity=100); | ||
Line 251: | 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 273: | 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