Team:UPO-Sevilla/headerTemplate
From 2011.igem.org
(Difference between revisions)
(35 intermediate revisions not shown) | |||
Line 5: | Line 5: | ||
<!-- <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> --> | <!-- <script src="http://code.jquery.com/jquery-1.6.1.min.js"></script> --> | ||
- | + | <script src="https://2011.igem.org/Team:UPO-Sevilla/js/topMenu2.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | |
- | <script src="https://2011.igem.org/Team:UPO-Sevilla/js/ | + | |
<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/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 src="https://2011.igem.org/Team:UPO-Sevilla/js/verticalmenu.js?action=raw&ctype=text/javascript" type="text/javascript"></script> | ||
Line 19: | Line 18: | ||
<script type="text/javascript" charset="utf-8"> | <script type="text/javascript" charset="utf-8"> | ||
- | $(function(){ | + | /*$(function(){ |
- | $(' | + | $('.menuLi').mouseover(function(event){ |
var elem = $(this).next(); | var elem = $(this).next(); | ||
- | if(elem.is('ul')){ | + | if(elem.is('ul.menuInt')){ |
event.preventDefault(); | event.preventDefault(); | ||
- | + | $('#menu ul.menuInt').not(elem).slideUp(); | |
elem.slideToggle(); | elem.slideToggle(); | ||
} | } | ||
}); | }); | ||
- | }); | + | });*/ |
</script> | </script> | ||
Line 122: | Line 121: | ||
/*------------- Generales ---------------------- */ | /*------------- Generales ---------------------- */ | ||
+ | |||
+ | |||
+ | p.caption{ | ||
+ | text-align: center; | ||
+ | font-size: 13px; | ||
+ | } | ||
.center{ | .center{ | ||
Line 141: | Line 146: | ||
#principal{ | #principal{ | ||
- | background: | + | background: none repeat scroll 0 0 #EAEAEA; |
} | } | ||
#footerUPO{ | #footerUPO{ | ||
background: url("https://static.igem.org/mediawiki/2011/c/c0/UpoSevillaBackgroundbottom.gif") repeat-x bottom; | background: url("https://static.igem.org/mediawiki/2011/c/c0/UpoSevillaBackgroundbottom.gif") repeat-x bottom; | ||
- | height: | + | height: 165px; |
padding: 1em 0 0 3em; | padding: 1em 0 0 3em; | ||
text-align: justify; | text-align: justify; | ||
Line 190: | Line 195: | ||
#top { | #top { | ||
+ | visibility: hidden; | ||
+ | padding: 10px; | ||
+ | } | ||
+ | |||
+ | #topHeader { | ||
clear: both; | clear: both; | ||
min-height: 197px; | min-height: 197px; | ||
Line 233: | Line 243: | ||
.sponsor{ | .sponsor{ | ||
- | padding: | + | padding: 0.2em 1.7em; |
} | } | ||
Line 290: | Line 300: | ||
#jsddm li a | #jsddm li a | ||
{ display: block; | { display: block; | ||
+ | cursor: pointer; | ||
background: url("https://static.igem.org/mediawiki/2011/3/31/BackgroundList.gif") repeat-x; | background: url("https://static.igem.org/mediawiki/2011/3/31/BackgroundList.gif") repeat-x; | ||
padding: 12px; | padding: 12px; | ||
Line 298: | Line 309: | ||
#jsddm li a:hover | #jsddm li a:hover | ||
- | { background: #24313C} | + | { background: #24313C; |
+ | cursor: pointer;} | ||
- | #jsddm li ul | + | |
- | { margin: 0; | + | #jsddm li.menuSelected a{ |
+ | background: url("https://static.igem.org/mediawiki/2011/e/e4/UPOSevillaBackgroundListSelected.gif") repeat-x; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | #topHeader ul | ||
+ | { margin: 0; | ||
padding: 0; | padding: 0; | ||
position: absolute; | position: absolute; | ||
+ | height: 154px; | ||
+ | padding: 10px; | ||
visibility: hidden; | visibility: hidden; | ||
- | + | width: 39em;} | |
- | # | + | #topHeader ul li |
{ float: none; | { float: none; | ||
display: inline; | display: inline; | ||
} | } | ||
- | # | + | #topHeader ul li a { |
- | + | border-bottom: 0.5px solid; | |
- | + | color: #EDEDED; | |
- | + | display: inline-block; | |
+ | font-size: 1em; | ||
+ | margin-right: 5em; | ||
+ | padding: 0.1em; | ||
+ | width: 14em; | ||
} | } | ||
- | # | + | #topHeader ul li a:hover{ |
- | + | background: #729B42; | |
- | + | color: white; | |
+ | } | ||
+ | |||
+ | .TopMenuSelected{ | ||
+ | background: #729B42; | ||
+ | color: white; | ||
} | } | ||
Line 528: | Line 557: | ||
} | } | ||
#menu a:hover{ | #menu a:hover{ | ||
+ | color:#9CDE55; | ||
+ | -webkit-transition: color 0.2s linear; | ||
+ | } | ||
+ | #menu a.menuSelected{ | ||
color:#9CDE55; | color:#9CDE55; | ||
-webkit-transition: color 0.2s linear; | -webkit-transition: color 0.2s linear; | ||
Line 533: | Line 566: | ||
#menu ul a{background-color:#6F7079;} | #menu ul a{background-color:#6F7079;} | ||
#menu ul a:hover{ | #menu ul a:hover{ | ||
+ | color:#9CDE55; | ||
+ | text-shadow:none; | ||
+ | -webkit-transition: color, background-color 0.2s linear; | ||
+ | } | ||
+ | #menu ul a.selected{ | ||
color:#9CDE55; | color:#9CDE55; | ||
text-shadow:none; | text-shadow:none; | ||
Line 543: | Line 581: | ||
width:12em; | width:12em; | ||
list-style:none;} | list-style:none;} | ||
- | #menu li ul {display: | + | #menu li ul {display:block;} |
+ | |||
+ | #menu li ul li ul{display:block;} | ||
#menu li ul li ul li{ | #menu li ul li ul li{ | ||
Line 553: | Line 593: | ||
background-color:#9699A8; | background-color:#9699A8; | ||
} | } | ||
+ | |||
+ | .noneMenu{ | ||
+ | background: url("https://static.igem.org/mediawiki/2011/a/a4/UPOSevillaLeftBackground.png") repeat-y; | ||
+ | width: 200px; | ||
+ | |||
+ | } | ||
/*-------------------------- Org. Chart -----------------------------*/ | /*-------------------------- Org. Chart -----------------------------*/ | ||
Line 569: | Line 615: | ||
dl{ margin: 0 auto 0; text-align: justify;} | dl{ margin: 0 auto 0; text-align: justify;} | ||
dl dt{ color: #0A845B; padding: 0.2em 0 0.1em 0; cursor:pointer;} | dl dt{ color: #0A845B; padding: 0.2em 0 0.1em 0; cursor:pointer;} | ||
+ | dt { clear: both; } | ||
dd{ color: black; } | dd{ color: black; } | ||
Line 733: | Line 780: | ||
.tourcontrols{ | .tourcontrols{ | ||
position:fixed; | position:fixed; | ||
- | top: | + | top:5px; |
right:-300px; | right:-300px; | ||
width:270px; | width:270px; | ||
Line 838: | Line 885: | ||
<li><a href="/Team:UPO-Sevilla/Project/Overview">Project</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/Foundational_Advances">Foundational Advances</a></li> | ||
- | <li><a href="/Team:UPO-Sevilla/Human_Practice">Human | + | <li><a href="/Team:UPO-Sevilla/Human_Practice">Human Practices</a></li> |
<li><a href="/Team:UPO-Sevilla/Team">Team</a></li> | <li><a href="/Team:UPO-Sevilla/Team">Team</a></li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
- | <div id=" | + | <div id="topHeader"> |
- | <img alt="Header" src="https://static.igem.org/mediawiki/2011/f/f3/UpoSevillaBackgroundheader.JPG" height="177px"/> | + | <ul style="background: transparent; height: 174; padding: 0; "> |
+ | <li><img id="imgTop" alt="Header" src="https://static.igem.org/mediawiki/2011/f/f3/UpoSevillaBackgroundheader.JPG" height="177px"/></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a id="menuPOverview" href="/Team:UPO-Sevilla/Project/Overview">Overview</a></li> | ||
+ | <li><a id="menuPDataPage" href="/Team:UPO-Sevilla/Project/Data_Page">Data Page</a></li> | ||
+ | <li><a id="menuPBasic" href="/Team:UPO-Sevilla/Project/Basic_Flip_Flop/Overview">Basic Flip Flop</a></li> | ||
+ | <li><a id="menuPImproved" href="/Team:UPO-Sevilla/Project/Improving_Flip_Flop/Overview">Improved Flip Flop</a></li> | ||
+ | <li><a id="menuPEpigenetic" href="/Team:UPO-Sevilla/Project/Epigenetic_Flip_Flop/Overview">Epigenetic Flip Flop</a></li> | ||
+ | <li><a id="menuPApplicattions" href="/Team:UPO-Sevilla/Project/Applications">Applications</a></li> | ||
+ | <li><a id="menuPParts" href="/Team:UPO-Sevilla/Project/Parts">Parts</a></li> | ||
+ | <li><a id="menuPNotebook" id="menuP" href="/Team:UPO-Sevilla/Project/Notebook">Notebook</a></li> | ||
+ | <li><a id="menuPJudging" href="/Team:UPO-Sevilla/Project/Judging_Criteria">Judging Criteria</a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a id="menuFAOverview" href="/Team:UPO-Sevilla/Foundational_Advances">Overview</a></li> | ||
+ | <li><a id="menuFAMiniTn7" href="/Team:UPO-Sevilla/Foundational_Advances/MiniTn7/Overview">MiniTn7</a></li> | ||
+ | <li><a id="menuFACreator" href="/Team:UPO-Sevilla/Foundational_Advances/Biobrick_Creator/Overview">BioBrick Creator</a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a id="menuHPOverview" href="/Team:UPO-Sevilla/Human_Practice">Overview</a></li> | ||
+ | <li><a id="menuHPSafety" href="/Team:UPO-Sevilla/Human_Practice/Safety">Safety</a></li> | ||
+ | <li><a id="menuHPBlog" href="/Team:UPO-Sevilla/Human_Practice/Tornillos_y_genes">Tornillos y Genes</a></li> | ||
+ | <li><a id="menuHPBSIES" href="/Team:UPO-Sevilla/Human_Practice/BSIES">BSIES</a></li> | ||
+ | <li><a id="menuHPSeminar" href="/Team:UPO-Sevilla/Human_Practice/Randy_Rettberg_Seminar">Randy Rettberg' s Seminar</a></li> | ||
+ | <li><a id="menuHPWorkshop" href="/Team:UPO-Sevilla/Human_Practice/Workshop">Workshop</a></li> | ||
+ | <li><a id="menuHPScienceFair" href="/Team:UPO-Sevilla/Human_Practice/Science_Fair">Science Fair</a></li> | ||
+ | <li><a id="menuHPWeek" href="/Team:UPO-Sevilla/Human_Practice/Week_of_Science">Week of Science</a></li> | ||
+ | <li><a id="menuHPMedia" href="/Team:UPO-Sevilla/Human_Practice/Media">Media</a></li> | ||
+ | </ul> | ||
+ | <ul> | ||
+ | <li><a id="menuTStructure" href="/Team:UPO-Sevilla/Team">Team Structure</a></li> | ||
+ | <li><a id="menuTAttributions" href="/Team:UPO-Sevilla/Team/Attributions">Attributions</a></li> | ||
+ | <li><a id="menuTAcknowledgements" href="/Team:UPO-Sevilla/Team/Acknowledgements">Acknowledgements</a></li> | ||
+ | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
<div class="clear"></div> | <div class="clear"></div> | ||
+ | |||
+ | <img width="80px" src="https://static.igem.org/mediawiki/2011/d/de/UPOSevillaGoldMedal.png" style="position:absolute; top: 10px; right: 7px" /> | ||
+ | |||
+ | <img width="80px" src="https://static.igem.org/mediawiki/2011/0/01/UPOSevillaAdvanceMedal.png" style="position:absolute; top: 100px; right: 7px" /> | ||
+ | |||
+ | <img width="80px" src="https://static.igem.org/mediawiki/2011/4/4f/UPOSevillaHumanPracticesMedal.png" style="position:absolute; top: 200px; right: 7px" /> |
Latest revision as of 14:01, 28 October 2011