Team:UPO-Sevilla/headerTemplatetest
From 2011.igem.org
(Difference between revisions)
(Blanked the page) |
|||
Line 1: | Line 1: | ||
+ | <html> | ||
+ | <head> | ||
+ | |||
+ | <!--- JavaScript ---> | ||
+ | <!-- <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> --> | ||
+ | <script src="https://2011.igem.org/Team:UPO-Sevilla/js/topMenu.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2011.igem.org/Team:UPO-Sevilla/js/xbreadcrumbs.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | <script src="https://2011.igem.org/Team:UPO-Sevilla/js/verticalmenu.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | // Initialize xBreadcrumbs | ||
+ | $('#breadcrumbs').xBreadcrumbs({ collapsible: true ,collapsedWidth: 40}); | ||
+ | // $('#breadcrumbs').xBreadcrumbs(); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | <script type="text/javascript" charset="utf-8"> | ||
+ | $(function(){ | ||
+ | $('.menuLi').mouseover(function(event){ | ||
+ | var elem = $(this).next(); | ||
+ | if(elem.is('ul.menuInt')){ | ||
+ | event.preventDefault(); | ||
+ | $('#menu ul.menuInt').not(elem).slideUp(); | ||
+ | elem.slideToggle(); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | <!-- CSS --> | ||
+ | <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset/base-min.css"> | ||
+ | <style type="text/css"> | ||
+ | /*----------- reset css ---------------*/ | ||
+ | |||
+ | h1, h2, h3, h4, h5{ | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | ul#f-list{ | ||
+ | margin: 0 0 0 1.5em; | ||
+ | } | ||
+ | |||
+ | #p-logo{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #content{ | ||
+ | background: #EAEAEA; | ||
+ | border: 0; | ||
+ | padding:0; | ||
+ | width:100%; | ||
+ | z-index:0; | ||
+ | } | ||
+ | |||
+ | .firstHeading{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #top-section{ | ||
+ | border:0; | ||
+ | height:0; | ||
+ | font: x-small sans-serif; | ||
+ | } | ||
+ | |||
+ | #catlinks{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #globalWrapper{ | ||
+ | background: #4F514E; | ||
+ | font-size: 16px; | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | #menubar{ | ||
+ | width: 500px; | ||
+ | background: #555555; | ||
+ | } | ||
+ | |||
+ | .left-menu, .left-menu a, .left-menu li a { | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #footer-box{ | ||
+ | background: #4F514E; | ||
+ | border: 0; | ||
+ | width: auto; | ||
+ | padding: 0 7em; | ||
+ | } | ||
+ | |||
+ | #footer-box li a, #footer-box a{ | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | |||
+ | body{ | ||
+ | background: #4F514E; | ||
+ | font: 16px; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #page{ | ||
+ | background: url("https://static.igem.org/mediawiki/2011/0/0d/UPOSevillaBackgroundtop.gif") repeat-x; | ||
+ | text-align: center; | ||
+ | padding-top: 3em; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #contentUPO{ | ||
+ | background: url('https://static.igem.org/mediawiki/2011/1/15/UPOSevillaBackgroundADN.gif') 170px top repeat-y; | ||
+ | text-align: justify; | ||
+ | margin: 0 auto; | ||
+ | width: 75em; | ||
+ | } | ||
+ | |||
+ | /*------------- Generales ---------------------- */ | ||
+ | |||
+ | |||
+ | p.caption{ | ||
+ | text-align: center; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | |||
+ | .center{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | img.imgleft{ | ||
+ | float: left; | ||
+ | margin: 0 1em; | ||
+ | } | ||
+ | |||
+ | img.imgright{ | ||
+ | float: right; | ||
+ | margin: 0 1em; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*----------- Contenido principal ---------------*/ | ||
+ | |||
+ | #principal{ | ||
+ | background: none repeat scroll 0 0 #EAEAEA; | ||
+ | } | ||
+ | |||
+ | #footerUPO{ | ||
+ | background: url("https://static.igem.org/mediawiki/2011/c/c0/UpoSevillaBackgroundbottom.gif") repeat-x bottom; | ||
+ | height: 165px; | ||
+ | padding: 1em 0 0 3em; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | /*----------- Navegacion y menus ------*/ | ||
+ | |||
+ | .navegacion{ | ||
+ | |||
+ | } | ||
+ | |||
+ | img.logoUPO{ | ||
+ | margin: 0 0 0 2em; | ||
+ | } | ||
+ | |||
+ | |||
+ | img.logoUPOGrey{ | ||
+ | width:6em; | ||
+ | position:absolute; | ||
+ | top: 11.8em; | ||
+ | } | ||
+ | |||
+ | img.logoGrey{ | ||
+ | width:6em; | ||
+ | position:absolute; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*------------- Social ----------------*/ | ||
+ | |||
+ | .follows{ | ||
+ | margin: 0.5em 0; | ||
+ | } | ||
+ | |||
+ | /*------------- Header ----------------*/ | ||
+ | |||
+ | #header { | ||
+ | /*background: url("https://static.igem.org/mediawiki/2011/e/e1/UPOSevillaBackgroundLogo.gif") no-repeat scroll right top transparent;*/ | ||
+ | background: url("https://static.igem.org/mediawiki/2011/5/5a/UPOSevillaBackgroundLogo.png") no-repeat scroll right top transparent; | ||
+ | margin: 0 auto; | ||
+ | width: 60em; | ||
+ | } | ||
+ | |||
+ | #top { | ||
+ | clear: both; | ||
+ | min-height: 197px; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | /*----------- Columnas ---------------*/ | ||
+ | |||
+ | .left{ | ||
+ | float:left; | ||
+ | margin-left:-63em; | ||
+ | width:15em; | ||
+ | padding-bottom: 0.5em; | ||
+ | padding-right: 3em; | ||
+ | } | ||
+ | |||
+ | .main{ | ||
+ | float:left; | ||
+ | margin-left:15em; | ||
+ | width:45em; | ||
+ | padding-bottom: 0.5em; | ||
+ | } | ||
+ | |||
+ | .main h1{ | ||
+ | margin-top: 1.5em; | ||
+ | } | ||
+ | |||
+ | .main p{ | ||
+ | padding: 0 1.5em; | ||
+ | } | ||
+ | |||
+ | .main.li{ | ||
+ | margin: 0 0.5em 0 0.1em; | ||
+ | } | ||
+ | |||
+ | .right{ | ||
+ | float:right; | ||
+ | width:15em; | ||
+ | padding-bottom: 0.5em; | ||
+ | } | ||
+ | |||
+ | /*--------------------Footer---------------------------*/ | ||
+ | |||
+ | .sponsor{ | ||
+ | padding: 0.2em 1.7em; | ||
+ | } | ||
+ | |||
+ | .utils{ | ||
+ | |||
+ | } | ||
+ | |||
+ | /*--------------Clear Floated Elements-----------------*/ | ||
+ | |||
+ | |||
+ | .clear { | ||
+ | clear: both; | ||
+ | display: block; | ||
+ | overflow: hidden; | ||
+ | visibility: hidden; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .clearfix:after { | ||
+ | clear: both; | ||
+ | content: ' '; | ||
+ | display: block; | ||
+ | font-size: 0; | ||
+ | line-height: 0; | ||
+ | visibility: hidden; | ||
+ | width: 0; | ||
+ | height: 0; | ||
+ | } | ||
+ | |||
+ | .clearfix { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | * html .clearfix { | ||
+ | height: 1%; | ||
+ | } | ||
+ | |||
+ | .clearfix { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /*--------------JSMenu-----------------*/ | ||
+ | |||
+ | /* menu styles */ | ||
+ | #jsddm | ||
+ | { margin: -5px 0 0 0; | ||
+ | padding: 0} | ||
+ | |||
+ | #jsddm li | ||
+ | { float: left; | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | #jsddm li a | ||
+ | { display: block; | ||
+ | background: url("https://static.igem.org/mediawiki/2011/3/31/BackgroundList.gif") repeat-x; | ||
+ | padding: 12px; | ||
+ | text-decoration: none; | ||
+ | border-right: 1px solid white; | ||
+ | color: #EAFFED; | ||
+ | white-space: nowrap} | ||
+ | |||
+ | #jsddm li a:hover | ||
+ | { background: #24313C} | ||
+ | |||
+ | #jsddm li ul | ||
+ | { margin: 0; | ||
+ | padding: 0; | ||
+ | position: absolute; | ||
+ | visibility: hidden; | ||
+ | border-top: 1px solid white} | ||
+ | |||
+ | #jsddm li ul li | ||
+ | { float: none; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #jsddm li ul li a { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/c/c0/UpoSevillaBackgroundbottom.gif") repeat-x; | ||
+ | color: #24313C; | ||
+ | min-width: 15em; | ||
+ | } | ||
+ | |||
+ | #jsddm li ul li a:hover { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/3/31/BackgroundList.gif") repeat-x; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | /*--------------BreadCrumbs-----------------*/ | ||
+ | |||
+ | /* | ||
+ | |||
+ | xBreadcrumbs (Extended Breadcrumbs) jQuery Plugin | ||
+ | |||
+ | © 2009 ajaxBlender.com | ||
+ | |||
+ | For any questions please visit www.ajaxblender.com | ||
+ | |||
+ | or email us at support@ajaxblender.com | ||
+ | |||
+ | */ | ||
+ | |||
+ | |||
+ | |||
+ | .xbreadcrumbs { | ||
+ | |||
+ | position: relative; | ||
+ | |||
+ | z-index: 1000; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs LI UL { | ||
+ | |||
+ | position: absolute; | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs, .xbreadcrumbs LI, .xbreadcrumbs UL, .xbreadcrumbs UL LI { | ||
+ | |||
+ | list-style: none; | ||
+ | |||
+ | margin: 0; | ||
+ | |||
+ | padding: 0; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs { clear: both; } | ||
+ | |||
+ | .xbreadcrumbs, .xbreadcrumbs LI { | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs UL { | ||
+ | |||
+ | display: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | /* Base style of xBreadcrumbs */ | ||
+ | |||
+ | /* Top Level */ | ||
+ | |||
+ | .xbreadcrumbs { | ||
+ | |||
+ | width: 100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs LI { | ||
+ | |||
+ | padding: 5px; | ||
+ | |||
+ | border-right: 1px solid #CECECE; | ||
+ | |||
+ | height: 16px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs LI.current { | ||
+ | |||
+ | border-right: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs LI A { | ||
+ | |||
+ | font-size: 11px; | ||
+ | |||
+ | color: #666666; | ||
+ | |||
+ | text-decoration: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs LI A:HOVER, .xbreadcrumbs LI.hover A { | ||
+ | |||
+ | color: #0A8ECC; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* Top Level - Current Page */ | ||
+ | |||
+ | .xbreadcrumbs LI.current A { | ||
+ | |||
+ | color: #333333; | ||
+ | |||
+ | font-weight: bold; | ||
+ | |||
+ | } | ||
+ | |||
+ | /* Sub-level */ | ||
+ | |||
+ | .xbreadcrumbs LI UL { | ||
+ | |||
+ | padding: 3px; | ||
+ | |||
+ | background: #333333; | ||
+ | |||
+ | font-size: 11px; | ||
+ | |||
+ | width: 180px; | ||
+ | |||
+ | top: 25px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs LI UL LI { | ||
+ | |||
+ | float: left; | ||
+ | |||
+ | width: 100%; | ||
+ | |||
+ | border-right: none; | ||
+ | |||
+ | height: auto; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs LI UL LI A { | ||
+ | |||
+ | text-decoration: none; | ||
+ | |||
+ | color: #CCCCCC !important; | ||
+ | |||
+ | display: block; | ||
+ | |||
+ | padding: 4px; | ||
+ | |||
+ | border-bottom: 1px dotted #666666; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs LI UL LI:last-child A { | ||
+ | |||
+ | border-bottom: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs LI UL LI A:HOVER { | ||
+ | |||
+ | background: #444444; | ||
+ | |||
+ | } | ||
+ | |||
+ | .xbreadcrumbs li { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/6/6b/UPOSevillaSeparator.gif") no-repeat scroll right center transparent; | ||
+ | border-right: medium none; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | .xbreadcrumbs li.current { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | } | ||
+ | .xbreadcrumbs li ul li { | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | } | ||
+ | .xbreadcrumbs li a.home { | ||
+ | background: url("https://static.igem.org/mediawiki/2011/b/b1/UPOSevillaHome.gif") no-repeat scroll left center transparent; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | |||
+ | /*-------------------------- Menu vertical -----------------------------*/ | ||
+ | |||
+ | #menu{ | ||
+ | -moz-border-radius:5px; | ||
+ | -webkit-border-radius:5px; | ||
+ | border-radius:5px; | ||
+ | -webkit-box-shadow:1px 1px 3px #888; | ||
+ | -moz-box-shadow:1px 1px 3px #888; | ||
+ | list-style:none; | ||
+ | width: 12em; | ||
+ | } | ||
+ | #menu li{border-bottom:1px solid #FFF; | ||
+ | background:#9699A8;} | ||
+ | #menu ul li, #menu li:last-child{border:none} | ||
+ | #menu a{ | ||
+ | display:block; | ||
+ | color:#FFF; | ||
+ | text-decoration:none; | ||
+ | font-family:'Helvetica', Arial, sans-serif; | ||
+ | font-size:13px; | ||
+ | padding:3px 5px; | ||
+ | text-shadow:1px 1px 1px #325179; | ||
+ | } | ||
+ | #menu a:hover{ | ||
+ | color:#9CDE55; | ||
+ | -webkit-transition: color 0.2s linear; | ||
+ | } | ||
+ | #menu ul a{background-color:#6F7079;} | ||
+ | #menu ul a:hover{ | ||
+ | color:#9CDE55; | ||
+ | text-shadow:none; | ||
+ | -webkit-transition: color, background-color 0.2s linear; | ||
+ | } | ||
+ | #menu ul{background-color:#6F7079; | ||
+ | display:block; | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | width:12em; | ||
+ | list-style:none;} | ||
+ | #menu li ul {display:none;} | ||
+ | |||
+ | #menu li ul li ul{display:block;} | ||
+ | |||
+ | #menu li ul li ul li{ | ||
+ | background-color:#9699A8; | ||
+ | margin: 0 10px 0; | ||
+ | } | ||
+ | |||
+ | #menu li ul li ul li a{ | ||
+ | background-color:#9699A8; | ||
+ | } | ||
+ | |||
+ | /*-------------------------- Org. Chart -----------------------------*/ | ||
+ | |||
+ | table.google-visualization-orgchart-table{ | ||
+ | background: transparent; | ||
+ | font-size: 0.8em; | ||
+ | line-height: 1em; | ||
+ | } | ||
+ | |||
+ | div#chart_div{ | ||
+ | width: 42em; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | dl{ margin: 0 auto 0; text-align: justify;} | ||
+ | dl dt{ color: #0A845B; padding: 0.2em 0 0.1em 0; cursor:pointer;} | ||
+ | dt { clear: both; } | ||
+ | dd{ color: black; } | ||
+ | |||
+ | a:hover{ | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | |||
+ | .google-visualization-orgchart-lineleft, .google-visualization-orgchart-lineright, .google-visualization-orgchart-linebottom{ | ||
+ | border-color: #555555; | ||
+ | } | ||
+ | |||
+ | .google-visualization-orgchart-node { | ||
+ | background: #F2F1F0; | ||
+ | border: 1px solid #AAAAAA; | ||
+ | } | ||
+ | |||
+ | .google-visualization-orgchart-node:hover { | ||
+ | background: #DCDCDC; | ||
+ | } | ||
+ | |||
+ | .google-visualization-orgchart-nodesel { | ||
+ | background: #FFF7AE; | ||
+ | border: 2px solid #E3CA4B; | ||
+ | } | ||
+ | |||
+ | .google-visualization-orgchart-nodesel:hover { | ||
+ | background: #FADA51; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*--------------------Table---------------------------*/ | ||
+ | |||
+ | table.parameters{ | ||
+ | background: transparent | ||
+ | border: solid 2px black; | ||
+ | } | ||
+ | |||
+ | table.parameters td, table.parameters th{ | ||
+ | background: none repeat scroll 0 0 transparent; | ||
+ | border: 1px solid grey; | ||
+ | padding: 0.2em 0.8em; | ||
+ | } | ||
+ | |||
+ | /*--------------------Data Page---------------------------*/ | ||
+ | |||
+ | .tooltip{ | ||
+ | position:absolute; | ||
+ | width:250px; | ||
+ | left:0; | ||
+ | top:0; | ||
+ | background-color:black; | ||
+ | color:white; | ||
+ | z-index:999; | ||
+ | border:2px solid #000; | ||
+ | -moz-border-radius:5px; | ||
+ | -webkit-border-radius:5px; | ||
+ | border-radius:5px; | ||
+ | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); | ||
+ | } | ||
+ | .tooltip p{ | ||
+ | padding:10px; | ||
+ | font-size:14px; | ||
+ | text-shadow:none; | ||
+ | font-style:italic; | ||
+ | } | ||
+ | .tooltip_arrow{ | ||
+ | position:absolute; | ||
+ | background-color:transparent; | ||
+ | background-repeat:no-repeat; | ||
+ | } | ||
+ | .tooltip_arrow_T, | ||
+ | .tooltip_arrow_B, | ||
+ | .tooltip_arrow_TL, | ||
+ | .tooltip_arrow_TR, | ||
+ | .tooltip_arrow_BL, | ||
+ | .tooltip_arrow_BR{ | ||
+ | width:13px; | ||
+ | height:7px; | ||
+ | } | ||
+ | .tooltip_arrow_L, | ||
+ | .tooltip_arrow_R, | ||
+ | .tooltip_arrow_LT, | ||
+ | .tooltip_arrow_LB, | ||
+ | .tooltip_arrow_RT, | ||
+ | .tooltip_arrow_RB{ | ||
+ | width:7px; | ||
+ | height:13px; | ||
+ | } | ||
+ | .tooltip_arrow_T{ | ||
+ | background-position:0px -7px; | ||
+ | top:-7px; | ||
+ | left:50%; | ||
+ | margin-left:-3.5px; | ||
+ | } | ||
+ | .tooltip_arrow_TL{ | ||
+ | background-position:0px -7px; | ||
+ | top:-7px; | ||
+ | left:5px; | ||
+ | } | ||
+ | .tooltip_arrow_TR{ | ||
+ | background-position:0px -7px; | ||
+ | top:-7px; | ||
+ | right:5px; | ||
+ | } | ||
+ | .tooltip_arrow_B{ | ||
+ | background-position:0px 0px; | ||
+ | bottom:-7px; | ||
+ | left:50%; | ||
+ | margin-left:-3.5px; | ||
+ | } | ||
+ | .tooltip_arrow_BL{ | ||
+ | background-position:0px 0px; | ||
+ | bottom:-7px; | ||
+ | left:5px; | ||
+ | } | ||
+ | .tooltip_arrow_BR{ | ||
+ | background-position:0px 0px; | ||
+ | bottom:-7px; | ||
+ | right:5px; | ||
+ | } | ||
+ | .tooltip_arrow_L{ | ||
+ | background-position:-7px 0px; | ||
+ | top:50%; | ||
+ | margin-top:-6.5px; | ||
+ | left:-7px; | ||
+ | } | ||
+ | .tooltip_arrow_LT{ | ||
+ | background-position:-7px 0px; | ||
+ | top:5px; | ||
+ | left:-7px; | ||
+ | } | ||
+ | .tooltip_arrow_LB{ | ||
+ | background-position:-7px 0px; | ||
+ | bottom:5px; | ||
+ | left:-7px; | ||
+ | } | ||
+ | .tooltip_arrow_R{ | ||
+ | background-position:0px 0px; | ||
+ | top:50%; | ||
+ | margin-top:-6.5px; | ||
+ | right:-7px; | ||
+ | } | ||
+ | .tooltip_arrow_RT{ | ||
+ | background-position:0px 0px; | ||
+ | top:5px; | ||
+ | right:-7px; | ||
+ | } | ||
+ | .tooltip_arrow_RB{ | ||
+ | background-position:0px 0px; | ||
+ | bottom:5px; | ||
+ | right:-7px; | ||
+ | } | ||
+ | .overlay{ | ||
+ | position:fixed; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | top:0px; | ||
+ | left:0px; | ||
+ | background:#000; | ||
+ | opacity:0.5; | ||
+ | z-index:100; | ||
+ | filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); | ||
+ | } | ||
+ | .tourcontrols{ | ||
+ | position:fixed; | ||
+ | top:5px; | ||
+ | right:-300px; | ||
+ | width:270px; | ||
+ | background:#000; | ||
+ | color:#fff; | ||
+ | text-shadow:0px 0px 1px #fff; | ||
+ | font-size:16px; | ||
+ | padding:10px; | ||
+ | -moz-border-radius:5px; | ||
+ | -webkit-border-radius:5px; | ||
+ | border-radius:5px; | ||
+ | font-weight:bold; | ||
+ | z-index:9999; | ||
+ | } | ||
+ | .tourcontrols a{ | ||
+ | font-size:11px; | ||
+ | color:#f0f0f0; | ||
+ | cursor:pointer; | ||
+ | font-weight:normal; | ||
+ | text-decoration:underline; | ||
+ | margin:10px; | ||
+ | } | ||
+ | .tourcontrols a:hover{ | ||
+ | color:#fff; | ||
+ | } | ||
+ | .close{ | ||
+ | position:absolute; | ||
+ | top:6px; | ||
+ | right:7px; | ||
+ | width:10px; | ||
+ | height:10px; | ||
+ | background:#000 no-repeat center center; | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .tourcontrols p{ | ||
+ | padding:10px; | ||
+ | } | ||
+ | .button{ | ||
+ | white-space: nowrap; | ||
+ | display:block; | ||
+ | float:left; | ||
+ | margin:10px 0px 10px 10px; | ||
+ | cursor:pointer; | ||
+ | background: #c63929; | ||
+ | background: -moz-linear-gradient(0% 100% 90deg, #891100 0%, #B51700 50%, #c63929 50%, #EE432E 100%); | ||
+ | background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #ee432e), color-stop(0.5, #c63929), color-stop(0.5, #b51700), color-stop(1, #891100)); | ||
+ | border: 1px solid #951100; | ||
+ | -moz-border-radius: 5px; | ||
+ | -webkit-border-radius: 5px; | ||
+ | border-radius: 5px; | ||
+ | -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333; | ||
+ | -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333; | ||
+ | box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4), 0 1px 3px #333; | ||
+ | color: #fff; | ||
+ | font-size: 13px; | ||
+ | font-weight: bold; | ||
+ | letter-spacing: 1px; | ||
+ | line-height: 1; | ||
+ | padding:6px 7px; | ||
+ | text-align: center; | ||
+ | text-shadow: 0px -1px 1px rgba(0, 0, 0, .8); | ||
+ | } | ||
+ | .button:hover { | ||
+ | background: #cb0500; | ||
+ | background: -moz-linear-gradient(0% 100% 90deg, #a20601 0%, #cb0500 50%, #db504d 50%, #f37873 100%); | ||
+ | background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #f37873), color-stop(0.5, #db504d), color-stop(0.5, #cb0500), color-stop(1, #a20601)); | ||
+ | } | ||
+ | .button:active{ | ||
+ | background: #b30300; | ||
+ | background: -moz-linear-gradient(0% 100% 90deg, #700d00 0%, #9c1500 50%, #ad3224 50%, #d43c28 100%); | ||
+ | background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #d43c28), color-stop(0.5, #ad3224), color-stop(0.5, #9c1500), color-stop(1, #700d00)); | ||
+ | -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); | ||
+ | -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); | ||
+ | box-shadow: inset 0px 0px 0px 1px rgba(255, 115, 100, 0.4); | ||
+ | } | ||
+ | .nav{ | ||
+ | clear:both; | ||
+ | width:100%; | ||
+ | float:left; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <div id="page"> | ||
+ | <div id="contentUPO"> | ||
+ | |||
+ | <a href="/" title="iGEM page"> | ||
+ | <img class="logoGrey" src="https://static.igem.org/mediawiki/2011/7/72/UPOSevillaIgemLogoGrey.png"/ alt="Grey iGEM Logo"> | ||
+ | </a> | ||
+ | |||
+ | <a href="http://www.upo.es" target="_blank" title="UPO official site"> | ||
+ | <img class="logoUPOGrey" src="https://static.igem.org/mediawiki/2011/3/36/UPOSevillaGreyUPOIcon.gif" alt="UPO icon"/> | ||
+ | </a> | ||
+ | |||
+ | <div id="header"> | ||
+ | <div class="navegacion"> | ||
+ | <div class="clear"></div> | ||
+ | <ul id="jsddm"> | ||
+ | <li><a href="/Team:UPO-Sevilla">Home</a></li> | ||
+ | <li><a href="/Team:UPO-Sevilla/Project/Overview">Project</a></li> | ||
+ | <li><a href="/Team:UPO-Sevilla/Foundational_Advances">Foundational Advances</a></li> | ||
+ | <li><a href="/Team:UPO-Sevilla/Human_Practice">Human Practice</a></li> | ||
+ | <li><a href="/Team:UPO-Sevilla/Team">Team</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="top"> | ||
+ | <img alt="Header" src="https://static.igem.org/mediawiki/2011/f/f3/UpoSevillaBackgroundheader.JPG" height="177px"/> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="clear"></div> |
Revision as of 18:44, 24 October 2011