|
|
| Line 273: |
Line 273: |
| | | | |
| | }} | | }} |
| − | <!-- some colors I have tried and liked: #dcd8ed #3182f5 #D8BFD8 #E6E6FA rgb(79.998779%,79.998779%,100%)-->
| |
| − | <div class="container" style="position: fixed; height: 0px; width: 250px; margin-left: -270px; margin-top: -152px; z-index: 200; background: red !important; background-color: red !important"> <!-- oculto -->
| |
| − | <div class="box mw-customtoggle-myToggle1" style="cursor:pointer; color:blue; width:0px; z-index: 100">[+/-]</div>
| |
| − | <div style="border-top:-50px;" class="box overlay mw-collapsible" id="mw-customcollapsible-myToggle1">
| |
| − | <div style="border-top:-50px;" style="background: transparent; border: 0px solid blue; padding:0px" class="toccolours mw-collapsible-content">
| |
| − | <!--
| |
| − | <div style="border-top:-50px; background: #E6E6FA; min-height:50px; line-height: 50px; text-align: left; padding-left: 35px; font-size: 20px; font-family: 'Linux Libertine','Georgia','Times',serif;">
| |
| − | '''''[[Carrera|<span style="color:#B8860B; font-weight: bold;">Carrera</span>]]'''''
| |
| − | </div>
| |
| − | -->
| |
| − | <div style="height: 50px; width:100%; background: #e3e3e8">
| |
| − | </div>
| |
| − | <!-- <div style="overflow-y: scroll; height: 100vh !important; background: #f7f7f8; margin-top:0px; padding:0.1px 20px 20px 20px;"> -->
| |
| − | <div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; margin-top:0px; padding:0px 5px 0px 0px;">
| |
| − | <!-- {{#lst:Mis páginas|Carrera1}} -->
| |
| − | <div style="margin-bottom: 42px; margin-top:2px"> {{#lst:Mis páginas|formal_natural_and_applied_sciences0}}</div>
| |
| − | <div style="margin-bottom: 50px"> {{#lst:Mis páginas|social_sciences0}}</div>
| |
| − | <div style="margin-bottom: 30px"> {{#lst:Mis páginas|musica0}}</div>
| |
| − | <div style="margin-bottom: 150px">{{#lst:Mis páginas|Carrera0}}</div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − |
| |
| − | <div class="container" style="position: fixed; height: 0px; width: 250px; margin-left: -270px; margin-top: -140px; z-index: 200; background: red !important; background-color: red !important"> <!-- oculto -->
| |
| − | <div class="box mw-customtoggle-myToggle1" style="cursor:pointer; color:blue; width:0px; z-index: 100">[+/-]</div>
| |
| − | <div style="border-top:-50px;" class="box overlay mw-collapsible" id="mw-customcollapsible-myToggle1">
| |
| − | <div style="border-top:-50px;" style="background: transparent; border: 0px solid blue; padding:0px" class="toccolours mw-collapsible-content">
| |
| − | <!--
| |
| − | <div style="border-top:-50px; background: #E6E6FA; min-height:50px; line-height: 50px; text-align: left; padding-left: 35px; font-size: 20px; font-family: 'Linux Libertine','Georgia','Times',serif;">
| |
| − | '''''[[Carrera|<span style="color:#B8860B; font-weight: bold;">Carrera</span>]]'''''
| |
| − | </div>
| |
| − | -->
| |
| − | <div style="height: 50px; width:100%; background: #e3e3e8">
| |
| − | </div>
| |
| − | <!-- <div style="overflow-y: scroll; height: 100vh !important; background: #f7f7f8; margin-top:0px; padding:0.1px 20px 20px 20px;"> -->
| |
| − | <div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; margin-top:0px; padding:0px 5px 0px 0px;">
| |
| − | <!-- {{#lst:Mis páginas|Carrera1}} -->
| |
| − | <div style="margin-bottom: 42px; margin-top:2px"> {{#lst:Mis páginas|formal_natural_and_applied_sciences0}}</div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| | | | |
| Line 325: |
Line 282: |
| | <!-- MIT License --> | | <!-- MIT License --> |
| | <nav role="navigation"> | | <nav role="navigation"> |
| − | <div id="menuToggle"> | + | |
| − | <!-- | + | <!-- |
| − | A fake / hidden checkbox is used as click reciever, | + | A fake / hidden checkbox is used as click reciever, |
| − | so you can use the :checked selector on it. | + | so you can use the :checked selector on it. |
| − | --> | + | --> |
| − | <input type="checkbox" /> | + | <input type="checkbox" /> |
| − | | + | |
| − | <!-- | + | <!-- |
| − | Some spans to act as a hamburger. | + | Some spans to act as a hamburger. |
| − | | + | |
| − | They are acting like a real hamburger, | + | They are acting like a real hamburger, |
| − | not that McDonalds stuff. | + | not that McDonalds stuff. |
| − | --> | + | --> |
| − | <span></span> | + | <span></span> |
| − | <span></span> | + | <span></span> |
| − | <span></span> | + | <span></span> |
| − | | + | |
| − | <!-- | + | <!-- |
| − | Too bad the menu has to be inside of the button | + | Too bad the menu has to be inside of the button |
| − | but hey, it's pure CSS magic. | + | but hey, it's pure CSS magic. |
| − | --> | + | --> |
| − | <ul id="menu"> | + | |
| − | <a href="#"><li>Home</li></a> | + | <a href="#"><li>Home</li></a> |
| − | <a href="#"><li>About</li></a> | + | <a href="#"><li>About</li></a> |
| − | <a href="#"><li>Info</li></a> | + | <a href="#"><li>Info</li></a> |
| − | <a href="#"><li>Contact</li></a> | + | <a href="#"><li>Contact</li></a> |
| − | <a href="https://erikterwan.com/" target="_blank"><li>Show me more</li></a> | + | <a href="https://erikterwan.com/" target="_blank"><li>Show me more</li></a> |
| − | </ul> | + | </ul> |
| − | </div> | + | </div> |
| | </nav> | | </nav> |
| | </html> | | </html> |
