Difference between revisions of "Template:Pasteur Paris/Menu"
| (10 intermediate revisions by 2 users not shown) | |||
| Line 23: | Line 23: | ||
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}; | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;}; | ||
/* END : Default Wiki Settings */ | /* END : Default Wiki Settings */ | ||
| + | |||
| + | |||
| + | *{ | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | } | ||
| + | |||
| + | body { | ||
| + | padding-top: 44px; | ||
| + | font-family: 'Raleway', Arial Black, sans-serif; | ||
| + | } | ||
| Line 28: | Line 39: | ||
/* BEGIN : General Settings of Menu Bar */ | /* BEGIN : General Settings of Menu Bar */ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | #MenuIgem { | |
| − | + | height: 18px; | |
| − | + | background-color: black; | |
| − | + | position: fixed; | |
| − | + | top: 0%; | |
| − | + | left: 0%; | |
| − | + | width: 100%; | |
| − | + | z-index: 2; | |
| − | + | } | |
| − | + | #Menu { | |
| − | + | height: 70px; | |
| − | + | position: fixed; | |
| − | + | top: 18px; | |
| − | + | left: 0%; | |
| − | + | width: 100%; | |
| − | + | z-index: 2; | |
| − | + | border-bottom-left-radius: 15px; | |
| − | + | border-bottom-right-radius: 15px; | |
| − | + | } | |
| − | + | ||
| − | + | #Menu img { | |
| − | + | float: left; | |
| − | + | height: 100%; | |
| − | + | width: auto; | |
| − | + | } | |
| − | + | #Menu-mobile-bar { | |
| − | + | display: none; | |
| − | + | height: 50px; | |
| − | + | background-color: pink; | |
| − | + | position: fixed; | |
| − | + | top: 18px; | |
| − | + | left: 0%; | |
| − | + | width: 100%; | |
| − | + | z-index: 2; | |
| − | + | border-bottom-left-radius: 5px; | |
| − | + | border-bottom-right-radius: 5px; | |
| − | + | } | |
| − | + | #Menu-mobile-bar img { | |
| − | + | float: left; | |
| − | + | height: 100%; | |
| − | + | width: auto; | |
| − | + | } | |
/* END : General Settings of Menu Bar */ | /* END : General Settings of Menu Bar */ | ||
| Line 100: | Line 103: | ||
#naviconbar { | #naviconbar { | ||
| − | + | height: 100%; | |
min-width: 900px; | min-width: 900px; | ||
background-image: linear-gradient(to right, rgb(168, 48, 91), rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126),rgb(52, 82, 146)); | background-image: linear-gradient(to right, rgb(168, 48, 91), rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126),rgb(52, 82, 146)); | ||
| Line 115: | Line 118: | ||
z-index: -20; /*defines color behind icons */ | z-index: -20; /*defines color behind icons */ | ||
display: inline-block; | display: inline-block; | ||
| − | + | vertical-align: middle; | |
| − | + | height: 100%; | |
} | } | ||
#navicons ul { | #navicons ul { | ||
padding: 0px; | padding: 0px; | ||
| − | + | margin: 0px; | |
| − | + | height: 100%; | |
width: 100%; | width: 100%; | ||
position: relative; /*makes chip go directly behind home from left corner*/ | position: relative; /*makes chip go directly behind home from left corner*/ | ||
| Line 259: | Line 262: | ||
transition: all 300ms ease-out; | transition: all 300ms ease-out; | ||
z-index: 0; | z-index: 0; | ||
| − | + | border-bottom-left-radius: 5px; | |
| − | + | border-bottom-right-radius: 5px; | |
| − | + | background: #000000; | |
} | } | ||
| Line 453: | Line 456: | ||
border-bottom: 2px solid #000000; | border-bottom: 2px solid #000000; | ||
z-index: 3000; | z-index: 3000; | ||
| − | |||
} | } | ||
#smallnav ul { | #smallnav ul { | ||
| Line 482: | Line 484: | ||
} | } | ||
#smallnav a:hover, #smallnav a:active { | #smallnav a:hover, #smallnav a:active { | ||
| − | background-color: #000000; | + | background-color: #000000; /* fond des onglets */ |
} | } | ||
#smallnav a#pull { | #smallnav a#pull { | ||
| Line 522: | Line 524: | ||
#smallnav a#pull { | #smallnav a#pull { | ||
display: block; | display: block; | ||
| − | background- | + | background-image: linear-gradient(to right, rgb(168, 48, 91), rgb(161, 47, 92), rgb(128, 52, 110),rgb(84, 59, 126),rgb(52, 82, 146)); |
width: 100%; | width: 100%; | ||
position: relative; | position: relative; | ||
| Line 528: | Line 530: | ||
#smallnav a#pull:after { | #smallnav a#pull:after { | ||
content:""; | content:""; | ||
| − | background: url('') no-repeat; | + | background: url('https://static.igem.org/mediawiki/2018/7/7b/T--Pasteur_Paris--icon-neuroneblanc_43x44.png') no-repeat; |
background-size: auto 90%; | background-size: auto 90%; | ||
width: 30px; | width: 30px; | ||
| Line 541: | Line 543: | ||
/* BEGINclasses for icons */ | /* BEGINclasses for icons */ | ||
#home_small { | #home_small { | ||
| − | background-color: # | + | background-color: #345292; |
} | } | ||
| Line 555: | Line 557: | ||
#project_small { | #project_small { | ||
| − | background-color: # | + | background-color: #345292; |
} | } | ||
| Line 569: | Line 571: | ||
#labwork_small { | #labwork_small { | ||
| − | background-color:# | + | background-color:#345292; |
} | } | ||
| Line 583: | Line 585: | ||
#parts_small { | #parts_small { | ||
| − | background-color: # | + | background-color: #345292; |
} | } | ||
| Line 597: | Line 599: | ||
#modeling_small { | #modeling_small { | ||
| − | background-color: # | + | background-color: #345292; |
} | } | ||
| Line 610: | Line 612: | ||
#achievements_small { | #achievements_small { | ||
| − | background-color: # | + | background-color: #345292; |
} | } | ||
| Line 623: | Line 625: | ||
#hp_small { | #hp_small { | ||
| − | background-color: # | + | background-color: #345292; |
} | } | ||
| Line 663: | Line 665: | ||
| − | + | <body> | |
<!-- BEGIN Simulating Upper Igem Menu--> | <!-- BEGIN Simulating Upper Igem Menu--> | ||
| − | + | <header id="MenuIgem"> | |
| − | + | </header> | |
<!-- END Simulating Upper Igem Menu--> | <!-- END Simulating Upper Igem Menu--> | ||
<!-- BEGIN normal Menubar--> | <!-- BEGIN normal Menubar--> | ||
| − | + | <header id="Menu"> | |
| − | + | <div id="naviconwrapper"> | |
<!-- BEGIN icons --> | <!-- BEGIN icons --> | ||
<div id="naviconbar"> | <div id="naviconbar"> | ||
| Line 779: | Line 781: | ||
<script> | <script> | ||
| − | + | // FOR SMALLNAV | |
$(function() { | $(function() { | ||
var pull = $('#pull'); | var pull = $('#pull'); | ||
Latest revision as of 14:19, 16 August 2018