Difference between revisions of "Desktop"

From Sinfronteras
Jump to: navigation, search
Line 10: Line 10:
  
 
<style>
 
<style>
   #desktop-menu .fa-atom             { font-size: 21px; }
+
   #desktop-menu .uno             { font-size: 21px; }
 
   #desktop-menu .fa-yin-yang        { font-size: 19px; }
 
   #desktop-menu .fa-yin-yang        { font-size: 19px; }
 
   #desktop-menu .fa-eye            { font-size: 17px; }
 
   #desktop-menu .fa-eye            { font-size: 17px; }
   #desktop-menu .fa-atom:hover      { color:black; }
+
   #desktop-menu .uno:hover      { color:black; }
 
   #desktop-menu .fa-yin-yang:hover  { color:black; }
 
   #desktop-menu .fa-yin-yang:hover  { color:black; }
 
   #desktop-menu .fa-eye:hover      { color:black; }
 
   #desktop-menu .fa-eye:hover      { color:black; }
Line 21: Line 21:
 
<div id="desktop-menu">
 
<div id="desktop-menu">
  
   <div id="container-desktop-menu" 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">
       <button id="button-pe"    class="button izquierda    tablink bottom-selected"  onclick="openCity(event,'PE')"    > <i class="uno">1</i>      </button>  
+
       <button id="button-Uno"    class="button izquierda    tablink bottom-selected"  onclick="openCity(event,'Uno')"    > <i class="uno">1</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-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>  
Line 28: Line 28:
 
   </div>
 
   </div>
  
   <div id="PE" class="area city" style="display:none">
+
   <div id="Uno" class="area city" style="display:none">
 
       <p>Under construction...</p>
 
       <p>Under construction...</p>
 
   </div>
 
   </div>
Line 60: Line 60:
 
     evt.currentTarget.className += " bottom-selected";
 
     evt.currentTarget.className += " bottom-selected";
  
     if (cityName == "PE") {
+
     if (cityName == "Uno") {
       $(".fa-atom").css('font-size',      '21px')
+
       $(".uno").css('font-size',      '21px')
 
       $(".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')
Line 71: Line 71:
 
       $(".table-4").css('display',  'none')
 
       $(".table-4").css('display',  'none')
 
     }else if (cityName == "Menu") {
 
     }else if (cityName == "Menu") {
       $(".fa-atom").css('font-size',      '19px')
+
       $(".uno").css('font-size',      '19px')
 
       $(".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')
Line 81: Line 81:
 
       $(".table-4").css('display',  'none')
 
       $(".table-4").css('display',  'none')
 
     }else if (cityName == "Others") {
 
     }else if (cityName == "Others") {
       $(".fa-atom").css('font-size',      '19px')
+
       $(".uno").css('font-size',      '19px')
 
       $(".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')
Line 91: Line 91:
 
       $(".table-4").css('display',  'none')
 
       $(".table-4").css('display',  'none')
 
     }else {
 
     }else {
       $(".fa-atom").css('font-size',      '19px')
+
       $(".uno").css('font-size',      '19px')
 
       $(".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')
Line 102: Line 102:
 
   }
 
   }
  
   $("#desktop-menu #button-pe").hover(function(){
+
   $("#desktop-menu #button-Uno").hover(function(){
       $("#desktop-menu .fa-atom").css('font-size', '21px')
+
       $("#desktop-menu .uno").css('font-size', '21px')
 
       }, function(){
 
       }, function(){
 
       if ( $(this).hasClass("bottom-selected") ) {
 
       if ( $(this).hasClass("bottom-selected") ) {
           $("#desktop-menu .fa-atom").css('font-size', '21px')
+
           $("#desktop-menu .uno").css('font-size', '21px')
 
       }else{
 
       }else{
           $("#desktop-menu .fa-atom").css('font-size', '19px')
+
           $("#desktop-menu .uno").css('font-size', '19px')
 
       }
 
       }
 
   });
 
   });

Revision as of 16:44, 21 March 2021



This is a protected page.