Difference between revisions of "Desktop"

From Sinfronteras
Jump to: navigation, search
Line 70: Line 70:
 
     background-color: #d1d1de !important;  /*  #f44336  rgb(60, 60, 70)  #3c4043  */
 
     background-color: #d1d1de !important;  /*  #f44336  rgb(60, 60, 70)  #3c4043  */
 
   }  
 
   }  
   #desktop-menu .uno         { font-size: 22px; }
+
   #desktop-menu .uno           { font-size: 22px; }
   #desktop-menu .dos         { font-size: 22px; }
+
   #desktop-menu .dos           { font-size: 22px; }
   #desktop-menu .tres         { font-size: 20px; }
+
   #desktop-menu .tres         { font-size: 20px; }
   #desktop-menu .fa-eye       { font-size: 20px; }
+
  #desktop-menu .alltres      { font-size: 20px; }
   #desktop-menu .uno:hover   { color:black; font-weight: normal; }
+
   #desktop-menu .fa-eye       { font-size: 20px; }
   #desktop-menu .dos:hover   { color:black; }
+
   #desktop-menu .uno:hover     { color:black; font-weight: normal; }
   #desktop-menu .tres:hover  { color:black; }
+
   #desktop-menu .dos:hover     { color:black; }
   #desktop-menu .fa-eye:hover { color:black; }
+
   #desktop-menu .tres:hover   { color:black; }
 +
   #desktop-menu .alltres:hover { color:black; }
 +
   #desktop-menu .fa-eye:hover { color:black; }
 
</style>
 
</style>
  
Line 83: Line 85:
  
 
   <div id="container-desktop-menu" style="background:rgb(243, 243, 247); width:200px;">
 
   <div id="container-desktop-menu" style="background:rgb(243, 243, 247); width:200px;">
       <button id="button-Uno"   class="button izquierda  deskTab bottom-selected-desk"  onclick="selectDesktop(event,'Uno')" > <i class="uno"> 1</i>      </button>  
+
       <button id="button-Uno"     class="button izquierda  deskTab bottom-selected-desk"  onclick="selectDesktop(event,'Uno')" >   <i class="uno"> 1</i>      </button>  
       <button id="button-Dos"   class="button izquierda  deskTab"                      onclick="selectDesktop(event,'Dos')" > <i class="dos"> 2</i>      </button>  
+
       <button id="button-Dos"     class="button izquierda  deskTab"                      onclick="selectDesktop(event,'Dos')" >   <i class="dos"> 2</i>      </button>  
       <button id="button-Tres" class="button izquierda  deskTab"                      onclick="selectDesktop(event,'Tres')"> <i class="tres">3</i>      </button>  
+
       <button id="button-Tres"     class="button izquierda  deskTab"                      onclick="selectDesktop(event,'Tres')">   <i class="tres">3</i>      </button>
       <button id="button-All"   class="button izquierda  deskTab"                      onclick="selectDesktop(event,'All')" > <i class="fas fa-eye"></i> </button>  
+
      <button id="button-AllTres"  class="button izquierda  deskTab"                      onclick="selectDesktop(event,'AllTres')"> <i class="alltres">All</i> </button>  
 +
       <button id="button-All"     class="button izquierda  deskTab"                      onclick="selectDesktop(event,'All')" >   <i class="fas fa-eye"></i> </button>  
 
   </div>
 
   </div>
  
Line 122: Line 125:
  
 
     if (cityName == "Uno") {
 
     if (cityName == "Uno") {
       $(".uno").css('font-size',   '22px')
+
       $(".uno").css('font-size',     '22px')
       $(".dos").css('font-size',    '20px')
+
       $(".dos").css('font-size',    '20px')
       $(".tres").css('font-size',   '20px')
+
      $(".tres").css('font-size',    '20px')
       $(".fa-eye").css('font-size', '20px')
+
       $(".alltres").css('font-size', '20px')
 +
       $(".fa-eye").css('font-size', '20px')
  
 
       $(".desktop-1").css('visibility','visible')
 
       $(".desktop-1").css('visibility','visible')
Line 132: Line 136:
 
       $(".desktop-4").css('display',  'none')
 
       $(".desktop-4").css('display',  'none')
 
     }else if (cityName == "Dos") {
 
     }else if (cityName == "Dos") {
       $(".uno").css('font-size',   '20px')
+
       $(".uno").css('font-size',     '20px')
       $(".dos").css('font-size',   '22px')
+
       $(".dos").css('font-size',     '22px')
       $(".tres").css('font-size',   '20px')
+
       $(".tres").css('font-size',   '20px')
       $(".fa-eye").css('font-size', '20px')
+
      $(".alltres").css('font-size', '20px')
 +
       $(".fa-eye").css('font-size', '20px')
  
 
       $(".desktop-1").css('visibility','hidden')
 
       $(".desktop-1").css('visibility','hidden')
Line 145: Line 150:
 
       $(".dos").css('font-size',    '20px')
 
       $(".dos").css('font-size',    '20px')
 
       $(".tres").css('font-size',  '22px')
 
       $(".tres").css('font-size',  '22px')
 +
      $(".alltres").css('font-size','20px')
 
       $(".fa-eye").css('font-size', '20px')
 
       $(".fa-eye").css('font-size', '20px')
  
 
       $(".desktop-1").css('visibility','hidden')
 
       $(".desktop-1").css('visibility','hidden')
 
       $(".desktop-2").css('visibility','hidden')
 
       $(".desktop-2").css('visibility','hidden')
 +
      $(".desktop-3").css('visibility','visible')
 +
      $(".desktop-4").css('display',  'none')
 +
    }else if (cityName == "AllTres") {
 +
      $(".uno").css('font-size',    '20px')
 +
      $(".dos").css('font-size',    '20px')
 +
      $(".tres").css('font-size',    '20px')
 +
      $(".alltres").css('font-size', '22px')
 +
      $(".fa-eye").css('font-size',  '20px')
 +
 +
      $(".desktop-1").css('visibility','visible')
 +
      $(".desktop-2").css('visibility','visible')
 
       $(".desktop-3").css('visibility','visible')
 
       $(".desktop-3").css('visibility','visible')
 
       $(".desktop-4").css('display',  'none')
 
       $(".desktop-4").css('display',  'none')
Line 155: Line 172:
 
       $(".dos").css('font-size',    '20px')
 
       $(".dos").css('font-size',    '20px')
 
       $(".tres").css('font-size',  '20px')
 
       $(".tres").css('font-size',  '20px')
 +
      $(".alltres").css('font-size','20px')
 
       $(".fa-eye").css('font-size', '22px')
 
       $(".fa-eye").css('font-size', '22px')
  

Revision as of 18:08, 26 March 2021



This is a protected page.