Difference between revisions of "Desktop"

From Sinfronteras
Jump to: navigation, search
Line 16: Line 16:
 
   #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; }
   #desktop-menu .fa-ellipsis-v:hover { color:black; }
+
   #desktop-menu .dos:hover { color:black; }
 
</style>
 
</style>
  
Line 23: Line 23:
 
   <div id="container-desktop-menu" style="margin-top:-9px; width:200px; margin-top: -70px; margin-bottom:80px">
 
   <div id="container-desktop-menu" style="margin-top:-9px; width:200px; margin-top: -70px; margin-bottom:80px">
 
       <button id="button-Uno"    class="button izquierda    tablink bottom-selected"  onclick="selectDesktop(event,'Uno')"    > <i class="uno">1</i>      </button>  
 
       <button id="button-Uno"    class="button izquierda    tablink bottom-selected"  onclick="selectDesktop(event,'Uno')"    > <i class="uno">1</i>      </button>  
       <button id="button-menu"  class="button izquierda    tablink"                  onclick="selectDesktop(event,'Menu')"  > <i class="fas fa-ellipsis-v"></i> </button>  
+
       <button id="button-Dos"  class="button izquierda    tablink"                  onclick="selectDesktop(event,'Dos')"  > <i class="dos"></i> </button>  
 
       <button id="button-others" class="button izquierda    tablink"                  onclick="selectDesktop(event,'Others')"> <i class="fas fa-yin-yang">  </i> </button>  
 
       <button id="button-others" class="button izquierda    tablink"                  onclick="selectDesktop(event,'Others')"> <i class="fas fa-yin-yang">  </i> </button>  
 
       <button id="button-All"  class="button izquierda    tablink"                  onclick="selectDesktop(event,'All')" > <i class="fas fa-eye"></i>      </button>  
 
       <button id="button-All"  class="button izquierda    tablink"                  onclick="selectDesktop(event,'All')" > <i class="fas fa-eye"></i>      </button>  
Line 32: Line 32:
 
   </div>
 
   </div>
  
   <div id="Menu"  class="city" style="display:none">  
+
   <div id="Dos"  class="city" style="display:none">  
 
       <p>Under construction...</p>
 
       <p>Under construction...</p>
 
   </div>
 
   </div>
Line 62: Line 62:
 
     if (cityName == "Uno") {
 
     if (cityName == "Uno") {
 
       $(".uno").css('font-size',      '21px')
 
       $(".uno").css('font-size',      '21px')
       $(".fa-ellipsis-v").css('font-size','18px')
+
       $(".dos").css('font-size','18px')
 
       $(".fa-yin-yang").css('font-size',  '19px')
 
       $(".fa-yin-yang").css('font-size',  '19px')
 
       $(".fa-eye").css('font-size',    '17px')
 
       $(".fa-eye").css('font-size',    '17px')
Line 70: Line 70:
 
       $(".table-3").css('visibility','hidden')
 
       $(".table-3").css('visibility','hidden')
 
       $(".table-4").css('display',  'none')
 
       $(".table-4").css('display',  'none')
     }else if (cityName == "Menu") {
+
     }else if (cityName == "Dos") {
 
       $(".uno").css('font-size',      '19px')
 
       $(".uno").css('font-size',      '19px')
       $(".fa-ellipsis-v").css('font-size','20px')
+
       $(".dos").css('font-size','20px')
 
       $(".fa-yin-yang").css('font-size',  '19px')
 
       $(".fa-yin-yang").css('font-size',  '19px')
 
       $(".fa-eye").css('font-size',    '17px')
 
       $(".fa-eye").css('font-size',    '17px')
Line 82: Line 82:
 
     }else if (cityName == "Others") {
 
     }else if (cityName == "Others") {
 
       $(".uno").css('font-size',      '19px')
 
       $(".uno").css('font-size',      '19px')
       $(".fa-ellipsis-v").css('font-size','18px')
+
       $(".dos").css('font-size','18px')
 
       $(".fa-yin-yang").css('font-size',  '21px')
 
       $(".fa-yin-yang").css('font-size',  '21px')
 
       $(".fa-eye").css('font-size',    '17px')
 
       $(".fa-eye").css('font-size',    '17px')
Line 92: Line 92:
 
     }else {
 
     }else {
 
       $(".uno").css('font-size',      '19px')
 
       $(".uno").css('font-size',      '19px')
       $(".fa-ellipsis-v").css('font-size','18px')
+
       $(".dos").css('font-size','18px')
 
       $(".fa-yin-yang").css('font-size',  '19px')
 
       $(".fa-yin-yang").css('font-size',  '19px')
 
       $(".fa-eye").css('font-size',    '19px')
 
       $(".fa-eye").css('font-size',    '19px')
Line 112: Line 112:
 
   });
 
   });
  
   $("#desktop-menu #button-menu").hover(function(){
+
   $("#desktop-menu #button-Dos").hover(function(){
       $("#desktop-menu .fa-ellipsis-v").css('font-size', '20px')
+
       $("#desktop-menu .dos").css('font-size', '20px')
 
       }, function(){
 
       }, function(){
 
       if ( $(this).hasClass("bottom-selected") ) {
 
       if ( $(this).hasClass("bottom-selected") ) {
           $("#desktop-menu .fa-ellipsis-v").css('font-size', '20px')
+
           $("#desktop-menu .dos").css('font-size', '20px')
 
       }else{
 
       }else{
           $("#desktop-menu .fa-ellipsis-v").css('font-size', '18px')
+
           $("#desktop-menu .dos").css('font-size', '18px')
 
       }
 
       }
 
   });
 
   });

Revision as of 17:03, 21 March 2021



This is a protected page.