Difference between revisions of "Desktop"
Adelo Vieira (talk | contribs) |
Adelo Vieira (talk | contribs) |
||
| Line 8: | Line 8: | ||
<html> | <html> | ||
| + | |||
<style> | <style> | ||
| + | #desktop-menu .fa-atom { font-size: 21px; } | ||
| + | #desktop-menu .fa-yin-yang { font-size: 19px; } | ||
| + | #desktop-menu .fa-eye { font-size: 17px; } | ||
| + | #desktop-menu .fa-atom:hover { color:black; } | ||
| + | #desktop-menu .fa-yin-yang:hover { color:black; } | ||
| + | #desktop-menu .fa-eye:hover { color:black; } | ||
| + | #desktop-menu .fa-ellipsis-v:hover { color:black; } | ||
| + | </style> | ||
| − | < | + | <div id="desktop-menu"> |
<div id="container-button-tap" style="margin-top:-9px; width:200px; margin-top: -70px; margin-bottom:80px"> | <div id="container-button-tap" style="margin-top:-9px; width:200px; margin-top: -70px; margin-bottom:80px"> | ||
| Line 16: | Line 25: | ||
<button id="button-menu" class="button izquierda tablink" onclick="openCity(event,'Menu')" > <i class="fas fa-ellipsis-v"></i> </button> | <button id="button-menu" class="button izquierda tablink" onclick="openCity(event,'Menu')" > <i class="fas fa-ellipsis-v"></i> </button> | ||
<button id="button-others" class="button izquierda tablink" onclick="openCity(event,'Others')"> <i class="fas fa-yin-yang"> </i> </button> | <button id="button-others" class="button izquierda tablink" onclick="openCity(event,'Others')"> <i class="fas fa-yin-yang"> </i> </button> | ||
| − | <button id="button-tools" class="button izquierda tablink" onclick="openCity(event,'Tools')" > <i class="fas fa- | + | <button id="button-tools" class="button izquierda tablink" onclick="openCity(event,'Tools')" > <i class="fas fa-eye"></i> </button> |
</div> | </div> | ||
| Line 55: | Line 64: | ||
$(".fa-ellipsis-v").css('font-size','18px') | $(".fa-ellipsis-v").css('font-size','18px') | ||
$(".fa-yin-yang").css('font-size', '19px') | $(".fa-yin-yang").css('font-size', '19px') | ||
| − | $(".fa- | + | $(".fa-eye").css('font-size', '17px') |
$(".table-1").css('visibility','visible') | $(".table-1").css('visibility','visible') | ||
| Line 65: | Line 74: | ||
$(".fa-ellipsis-v").css('font-size','20px') | $(".fa-ellipsis-v").css('font-size','20px') | ||
$(".fa-yin-yang").css('font-size', '19px') | $(".fa-yin-yang").css('font-size', '19px') | ||
| − | $(".fa- | + | $(".fa-eye").css('font-size', '17px') |
$(".table-1").css('visibility','hidden') | $(".table-1").css('visibility','hidden') | ||
| Line 75: | Line 84: | ||
$(".fa-ellipsis-v").css('font-size','18px') | $(".fa-ellipsis-v").css('font-size','18px') | ||
$(".fa-yin-yang").css('font-size', '21px') | $(".fa-yin-yang").css('font-size', '21px') | ||
| − | $(".fa- | + | $(".fa-eye").css('font-size', '17px') |
$(".table-1").css('visibility','hidden') | $(".table-1").css('visibility','hidden') | ||
| Line 85: | Line 94: | ||
$(".fa-ellipsis-v").css('font-size','18px') | $(".fa-ellipsis-v").css('font-size','18px') | ||
$(".fa-yin-yang").css('font-size', '19px') | $(".fa-yin-yang").css('font-size', '19px') | ||
| − | $(".fa- | + | $(".fa-eye").css('font-size', '19px') |
$(".table-1").css('visibility','visible') | $(".table-1").css('visibility','visible') | ||
| Line 91: | Line 100: | ||
$(".table-3").css('visibility','visible') | $(".table-3").css('visibility','visible') | ||
$(".table-4").css('display', 'block') | $(".table-4").css('display', 'block') | ||
| − | |||
} | } | ||
| − | $("#button-pe").hover(function(){ | + | $("#desktop-menu #button-pe").hover(function(){ |
| − | + | $("#desktop-menu .fa-atom").css('font-size', '21px') | |
| − | + | }, function(){ | |
| − | + | if ( $(this).hasClass("bottom-selected") ) { | |
| − | + | $("#desktop-menu .fa-atom").css('font-size', '21px') | |
| − | + | }else{ | |
| − | + | $("#desktop-menu .fa-atom").css('font-size', '19px') | |
| − | + | } | |
}); | }); | ||
| − | $("#button-menu").hover(function(){ | + | $("#desktop-menu #button-menu").hover(function(){ |
| − | + | $("#desktop-menu .fa-ellipsis-v").css('font-size', '20px') | |
| − | + | }, function(){ | |
| − | + | if ( $(this).hasClass("bottom-selected") ) { | |
| − | + | $("#desktop-menu .fa-ellipsis-v").css('font-size', '20px') | |
| − | + | }else{ | |
| − | + | $("#desktop-menu .fa-ellipsis-v").css('font-size', '18px') | |
| − | + | } | |
}); | }); | ||
| − | $("#button-others").hover(function(){ | + | $("#desktop-menu #button-others").hover(function(){ |
| − | + | $("#desktop-menu .fa-yin-yang").css('font-size', '21px') | |
| − | + | }, function(){ | |
| − | + | if ( $(this).hasClass("bottom-selected") ) { | |
| − | + | $("#desktop-menu .fa-yin-yang").css('font-size', '21px') | |
| − | + | }else{ | |
| − | + | $("#desktop-menu .fa-yin-yang").css('font-size', '19px') | |
| − | + | } | |
}); | }); | ||
$("#button-tools").hover(function() { | $("#button-tools").hover(function() { | ||
| − | + | $("#desktop-menu .fa-eye").css('font-size', '19px') | |
| − | + | }, function() { | |
| − | + | if ( $(this).hasClass("bottom-selected") ) { | |
| − | + | $("#desktop-menu .fa-eye").css('font-size', '19px') | |
| − | + | }else{ | |
| − | + | $("#desktop-menu .fa-eye").css('font-size', '17px') | |
| − | + | } | |
}); | }); | ||
| − | + | ||
} | } | ||
| Line 139: | Line 147: | ||
</html> | </html> | ||
| − | <div id=" | + | <div id="desktop"> |
<!-- Nice colors: #D8BFD8 #BDB76B--> | <!-- Nice colors: #D8BFD8 #BDB76B--> | ||
{| style="color: black; background-color: white; width: 100%; padding: 0px 0px 0px 0px; border: 0px solid #ddddff;" | {| style="color: black; background-color: white; width: 100%; padding: 0px 0px 0px 0px; border: 0px solid #ddddff;" | ||
Revision as of 16:23, 21 March 2021
This is a protected page.
|
Estudio actual |
Level1 |
Level1 |
|
|
|
