Team:Valencia Biocampus/Universities
From 2012.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <html> | |
- | < | + | <style type="text/css"> |
- | { | + | #globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0;} |
- | + | ||
- | + | ||
- | + | ||
+ | .firstHeading { /**/ | ||
+ | height:0px; | ||
+ | visibility: hidden; | ||
+ | } | ||
- | + | #menubar { | |
- | + | background-color: #696969; /* left menu bar color*/ | |
- | + | } | |
- | + | #menubar ul li a { | |
- | + | color: #000000; } /* menu text color*/ | |
- | + | .right-menu li a { | |
- | + | color: #A5C5EE; | |
- | + | background-color: #FFFFFF; /* right menu bar color*/ | |
- | + | } | |
+ | #p-logo { height 0px; overflow:hidden; display: none; | ||
+ | } | ||
+ | #top-section { | ||
+ | background-position: center center; | ||
+ | background-repeat: no-repeat; | ||
+ | background-color: #FFFFFF; /* top header background color*/ | ||
+ | border-width:0px; | ||
+ | height:0px; /* top header height (determines how low content will start to appear)*/ | ||
+ | } | ||
+ | #siteSub { | ||
+ | display:none; | ||
+ | } | ||
+ | #search-controls { /* gets rid of the search bar (it was ugly) */ | ||
+ | display:none; | ||
+ | margin-top:0px; | ||
+ | } | ||
+ | #contentSub { | ||
+ | display:none; | ||
+ | } | ||
- | |||
- | |||
- | + | /*background:transparent url("https://static.igem.org/mediawiki/2010/0/0c/Transpa.png") center top fixed repeat-y;*/ | |
+ | /* El que estaba antes 26/10 https://static.igem.org/mediawiki/2010/8/86/Transpa30.png */ | ||
- | + | #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; | ||
+ | } | ||
- | |||
- | |||
- | + | /*Now to set heading and body fonts*/ | |
- | + | ||
+ | body { | ||
+ | background: #000000 url(https://static.igem.org/mediawiki/2012/f/f9/Fondo_gris.jpeg) no-repeat top center fixed; | ||
+ | /* background:#121212;*/ | ||
+ | font-family:Arial, Helvetica, sans-serif; | ||
+ | font-size:8px; /* tamaño de fuente*/ | ||
+ | color:#fff; | ||
+ | overflow-x:hidden; | ||
+ | } | ||
+ | #Titulos{ | ||
+ | text-align: center; | ||
+ | font-family: Fantasy; /*Kautiva, Verdana, Geneva, sans-serif;*/ | ||
+ | font-size: 30px; | ||
+ | font-weight: bold; | ||
+ | color: #000000; | ||
+ | } | ||
+ | /* To make the images borders transparents!!! */ | ||
+ | div.thumbinner {background-color:transparent;} | ||
+ | div.thumb {border-color: transparent;} | ||
+ | div.thumb {background-color: transparent;} | ||
+ | h1 { color: #000000 } | ||
+ | h2 { color: #000000 } | ||
+ | h3 { color: #000000 } | ||
+ | h4 { color: #000000 } | ||
- | + | #HomeCenter { | |
+ | width: 660px; | ||
+ | height: auto; | ||
+ | float: left; | ||
+ | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
+ | font-size: 14px; | ||
+ | text-align: justify; | ||
+ | margin-top: 8px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: 12px; | ||
+ | margin-right: 12px; | ||
+ | padding: 0; | ||
+ | } | ||
- | |||
- | |||
- | |||
+ | #HomeRight { | ||
+ | width: 270px; | ||
+ | height: auto; | ||
+ | float: right; | ||
+ | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
+ | font-size: 14px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | #IzqSup { | ||
+ | width: 360px; | ||
+ | height: auto; | ||
+ | float: left; | ||
+ | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
+ | font-size: 14px; | ||
+ | text-align: justify; | ||
+ | margin-top: 8px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: 12px; /* cuando espacio izquierdo dejo */ | ||
+ | margin-right: 12px; | ||
+ | padding: 30; | ||
+ | } | ||
+ | #IzqInf { | ||
+ | width: 370px; | ||
+ | height: 100; | ||
+ | float: right; | ||
+ | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
+ | font-size: 14px; | ||
+ | text-align: justify; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: 52px; /* cuando espacio izquierdo dejo */ | ||
+ | margin-right: 512px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | #DerSup { | ||
+ | width: 360px; | ||
+ | height: auto; | ||
+ | float: right; | ||
+ | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
+ | font-size: 14px; | ||
+ | text-align: left; | ||
+ | } | ||
+ | |||
+ | #DerInf { | ||
+ | width: 370px; | ||
+ | height: auto; | ||
+ | float: right; | ||
+ | font-family: Verdana, Verdana, Geneva, sans-serif; | ||
+ | font-size: 14px; | ||
+ | text-align: justify; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 20px; | ||
+ | margin-left: 52px; /* cuando espacio izquierdo dejo */ | ||
+ | margin-right: 512px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | </style> | ||
- | + | </html> | |
- | + | <!-- | |
- | + | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% | |
+ | % | ||
+ | % ESTILO 2: GALERIA DE EQUIPO: STUDENTS, INSTRUCTORS,... | ||
+ | % | ||
+ | %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% | ||
+ | --> | ||
- | |||
- | |||
+ | <html> | ||
+ | <style> | ||
+ | body, ul, li, h1, h2, h3{ | ||
+ | margin:-7; /* grosor del menú superior de edición */ | ||
+ | padding:-7; /* separación vertical del título con el borde superior */ | ||
+ | } | ||
+ | .ps_overlay{ | ||
+ | z-index:0; | ||
+ | background:#111; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | position:fixed; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | opacity:0.5; | ||
+ | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); | ||
+ | } | ||
+ | /* Image container style */ | ||
+ | .ps_container{ | ||
+ | width:480px; | ||
+ | height:350px; | ||
+ | position:absolute; | ||
+ | top:50%; | ||
+ | margin-top:-175px; | ||
+ | left:50%; | ||
+ | margin-left:-240px; | ||
+ | z-index:100; | ||
+ | } | ||
+ | .ps_container img{ | ||
+ | border:10px solid #fff; | ||
+ | position:absolute; | ||
+ | top:50%; | ||
+ | left:50%; | ||
+ | -moz-box-shadow:1px 1px 10px #000; | ||
+ | -webkit-box-shadow:1px 1px 10px #000; | ||
+ | box-shadow:1px 1px 10px #000; | ||
+ | } | ||
- | + | /* Next photo button for preview mode */ | |
+ | a.ps_next_photo{ | ||
+ | position:absolute; | ||
+ | top:50%; | ||
+ | left:50%; | ||
+ | width:56px; | ||
+ | height:56px; | ||
+ | margin:-28px 0 0 -28px; | ||
+ | z-index:200; | ||
+ | cursor:pointer; | ||
+ | background:#000 url(https://static.igem.org/mediawiki/2012/7/7f/Next_photoValencia.png) no-repeat 50% 50%; | ||
+ | opacity:0.6; | ||
+ | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); | ||
+ | -moz-border-radius:10px; | ||
+ | -webkit-border-radius:10px; | ||
+ | border-radius:10px; | ||
+ | } | ||
+ | a.ps_next_photo:hover, | ||
+ | a.ps_close:hover{ | ||
+ | opacity:0.8; | ||
+ | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); | ||
+ | } | ||
+ | /* Thumbnail slider style */ | ||
- | + | /* posicion espacial de todo el slider en conjunto*/ | |
- | + | .ps_slider{ | |
+ | width:845px; | ||
+ | height:700px; /* cuantos pixeles verticales ocupa el fondo del slier*/ | ||
+ | position:relative; | ||
+ | margin:40px auto 0px auto; | ||
+ | } | ||
+ | .ps_slider a.next, | ||
+ | .ps_slider a.prev{ | ||
+ | position:absolute; | ||
+ | background-color:#000; | ||
+ | background-position:center center; | ||
+ | background-repeat:no-repeat; | ||
+ | border:1px solid #232323; | ||
+ | width:20px; | ||
+ | height:20px; | ||
+ | top:50%; | ||
+ | margin-top:-10px; | ||
+ | opacity:0.6; | ||
+ | -moz-border-radius:5px; | ||
+ | -webkit-border-radius:5px; | ||
+ | border-radius:5px; | ||
+ | cursor:pointer; | ||
+ | outline:none; | ||
+ | } | ||
+ | .ps_slider a.prev:hover, | ||
+ | .ps_slider a.next:hover{ | ||
+ | border:1px solid #333; | ||
+ | opacity:0.9; | ||
+ | } | ||
+ | .ps_slider a.disabled, | ||
- | |||
- | + | .ps_slider a.disabled:hover{ | |
+ | opacity:0.4; | ||
+ | border:1px solid #111; | ||
+ | cursor:default; | ||
+ | } | ||
+ | .ps_slider a.prev{ | ||
+ | left:-30px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/1/12/PrevValencia.png); | ||
+ | } | ||
+ | .ps_slider a.next{ | ||
+ | right:-30px; | ||
+ | background-image:url(https://static.igem.org/mediawiki/2012/3/37/NextValencia.png); | ||
+ | } | ||
- | + | /* cuadrado gris claro de cada slider*/ | |
- | --> | + | .ps_slider .ps_album{ |
+ | width:140px; | ||
+ | height:660px; /* altura*/ | ||
+ | padding:10px; | ||
+ | background-color:#333; | ||
+ | border:1px solid #444; | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | text-align:center; | ||
+ | /*cursor:pointer;*/ /* QUITAMOS EL PUNTERO DE MOMENTO */ | ||
+ | -moz-box-shadow:1px 1px 4px #000; | ||
+ | -webkit-box-shadow:1px 1px 4px #000; | ||
+ | box-shadow:1px 1px 4px #000; | ||
+ | -webkit-box-reflect: | ||
+ | below 5px | ||
+ | -webkit-gradient( | ||
+ | linear, | ||
+ | left top, | ||
+ | left bottom, | ||
+ | from(transparent), | ||
+ | color-stop(0.6, transparent), | ||
+ | to(rgb(18, 18, 18)) | ||
+ | ); | ||
+ | } | ||
+ | /*LUZ DE CADA SLIDER, DE MOMENTO COMENTADO*/ | ||
+ | /* | ||
+ | .ps_slider .ps_album:hover{ | ||
+ | background-color:#383838; | ||
+ | }*/ | ||
+ | |||
+ | /* imagen de cada slider */ | ||
+ | .ps_slider .ps_album img{ | ||
+ | height:90px; | ||
+ | border:1px solid #444; | ||
+ | -moz-box-shadow:1px 1px 4px #000; | ||
+ | -webkit-box-shadow:1px 1px 4px #000; | ||
+ | box-shadow:1px 1px 4px #000; | ||
+ | } | ||
+ | |||
+ | /*cuadrado gris oscuro de cada slider*/ | ||
+ | .ps_slider .ps_album .ps_desc{ | ||
+ | display:block; | ||
+ | color:#666; | ||
+ | background:#111 url(https://static.igem.org/mediawiki/2012/7/7d/OverlayValencia.png) no-repeat bottom right; | ||
+ | height:550px; | ||
+ | margin-top:10px; | ||
+ | text-align:left; | ||
+ | line-height:20px; | ||
+ | overflow:hidden; | ||
+ | text-overflow:ellipsis; | ||
+ | border:1px solid #393939; | ||
+ | -moz-box-shadow:0px 0px 2px #000 inset; | ||
+ | -webkit-box-shadow:0px 0px 2px #000 inset; | ||
+ | box-shadow:0px 0px 2px #000 inset; | ||
+ | } | ||
+ | /*LUZ DE CADA SLIDER, DE MOMENTO COMENTADO*/ | ||
+ | /* | ||
+ | .ps_slider .ps_album:hover .ps_desc{ | ||
+ | background-image:none; | ||
+ | }*/ | ||
+ | .ps_slider .ps_album .ps_desc span{ | ||
+ | display:block; | ||
+ | margin:0px 10px 10px 10px; | ||
+ | border-top:1px solid #333; | ||
+ | padding-top:5px; | ||
+ | } | ||
+ | .ps_slider .ps_album .ps_desc h2{ | ||
+ | margin:10px 10px 0px 10px; | ||
+ | text-align:left; | ||
+ | padding-bottom:5px; | ||
+ | font-weight:normal; | ||
+ | color:#ddd; | ||
+ | text-shadow:0px 0px 1px #fff; | ||
+ | border-bottom:1px solid #000; | ||
+ | } | ||
+ | .ps_slider .loading{ | ||
+ | background:#121212 url(https://static.igem.org/mediawiki/2012/5/57/LoadingValencia.gif) no-repeat 50% 50%; | ||
+ | position:absolute; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | opacity:0.7; | ||
+ | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); | ||
+ | } | ||
+ | |||
+ | span.reference{ | ||
+ | position:fixed; | ||
+ | top:10px; | ||
+ | right:10px; | ||
+ | font-size:9px; | ||
+ | } | ||
+ | |||
+ | span.reference a{ | ||
+ | color:#aaa; | ||
+ | text-decoration:none; | ||
+ | text-transform:uppercase; | ||
+ | margin-left:10px; | ||
+ | } | ||
+ | |||
+ | span.reference a:hover{ | ||
+ | color:#ddd; | ||
+ | } | ||
+ | |||
+ | h1.title{ | ||
+ | text-indent:-9000px; | ||
+ | /*background:transparent url(https://static.igem.org/mediawiki/2012/2/22/StudentMembers.png) no-repeat top left;*/ | ||
+ | width:640px; | ||
+ | height:52px; | ||
+ | position:absolute; | ||
+ | top:15px; | ||
+ | left:15px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | </html> |
Revision as of 15:45, 25 August 2012