Difference between revisions of "Template:TecCEM/Menu"
| Line 1: | Line 1: | ||
<html> | <html> | ||
| − | |||
<head> | <head> | ||
<meta charset="utf-8"> | <meta charset="utf-8"> | ||
| Line 87: | Line 86: | ||
</div> | </div> | ||
<div class="menu_teccem"> | <div class="menu_teccem"> | ||
| − | + | ||
</div> | </div> | ||
</div> | </div> | ||
| Line 114: | Line 113: | ||
top: 30px; | top: 30px; | ||
height: 90%; | height: 90%; | ||
| − | width: 10%; | + | width: 10%; |
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; | ||
| − | |||
justify-content: center; | justify-content: center; | ||
| − | + | align-items: center; | |
| + | |||
} | } | ||
.menu_icon img{ | .menu_icon img{ | ||
width: 70%; | width: 70%; | ||
| + | display: block; | ||
| + | margin: 0; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
} | } | ||
.menu_icon:hover .menu_item{ | .menu_icon:hover .menu_item{ | ||
| − | + | display: block; | |
} | } | ||
| + | /*=============== SubMenus ==========*/ | ||
.menu_item{ | .menu_item{ | ||
| − | |||
| − | |||
margin-left: 13%; | margin-left: 13%; | ||
| − | margin-top: | + | margin-top: 12%; |
| − | position: absolute; | + | display:none; |
| − | list-style | + | padding: 0px; |
| − | + | padding-top: 50px; | |
| − | + | position:absolute; | |
| + | list-style:none; | ||
| + | |||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | |||
} | } | ||
| + | .menu_item > li { | ||
| + | float:left; | ||
| + | position:relative; | ||
| + | display: inline-block; | ||
| + | padding: 0px; | ||
| + | margin-bottom: 5px; | ||
| + | padding:10px 12px; | ||
| + | } | ||
| + | |||
.menu_item > li:hover{ | .menu_item > li:hover{ | ||
text-decoration: underline; | text-decoration: underline; | ||
| − | background: | + | background: white; |
cursor: pointer; | cursor: pointer; | ||
} | } | ||
| + | |||
| + | /*======================================*/ | ||
.menu_hidden{ | .menu_hidden{ | ||
| − | transform: translateX(-0%) translateY(- | + | transform: translateX(-0%) translateY(-70%); |
/*100% - .menu.height + .menu_teccem.heigh | /*100% - .menu.height + .menu_teccem.heigh | ||
100 - 35 + 25 = 90 | 100 - 35 + 25 = 90 | ||
| Line 154: | Line 172: | ||
height: 100%; | height: 100%; | ||
background: green; | background: green; | ||
| − | padding-left: | + | padding-left: 5rem; |
overflow: hidden; | overflow: hidden; | ||
display: flex; | display: flex; | ||
| Line 160: | Line 178: | ||
justify-content: space-around; | justify-content: space-around; | ||
align-content: center; | align-content: center; | ||
| − | |||
| − | |||
} | } | ||
.menu_teccem > p{ | .menu_teccem > p{ | ||
| Line 167: | Line 183: | ||
} | } | ||
.menu_teccem{ | .menu_teccem{ | ||
| − | height: | + | height: 50%; |
padding: 0; | padding: 0; | ||
display: flex; | display: flex; | ||
| Line 190: | Line 206: | ||
.menu-close { | .menu-close { | ||
position: fixed; | position: fixed; | ||
| − | top: | + | top:10; |
z-index: 99999; | z-index: 99999; | ||
display: flex; | display: flex; | ||
Revision as of 02:11, 13 September 2021
Inicio
Team
Project
Safety
Human Practices
Parts
Entrepreneurship
Judging form