Difference between revisions of "Template:Sidebar"

From Sinfronteras
Jump to: navigation, search
Line 288: Line 288:
 
       }  
 
       }  
 
       .fa-atom        { font-size: 21px; }
 
       .fa-atom        { font-size: 21px; }
       .fa-info       { font-size: 18px; }
+
       .fa-yin-yang       { font-size: 18px; }
 
       .fa-tools      { font-size: 17px; }
 
       .fa-tools      { font-size: 17px; }
 
       .fa-atom:hover  { color:black; }
 
       .fa-atom:hover  { color:black; }
       .fa-info:hover  { color:black; }
+
       .fa-yin-yang:hover  { color:black; }
 
       .fa-tools:hover { color:black; }
 
       .fa-tools:hover { color:black; }
 
       .fa-ellipsis-v:hover { color:black; }
 
       .fa-ellipsis-v:hover { color:black; }
Line 360: Line 360:
 
                   <div id="container-button-tap" style="margin-top:-9px;">
 
                   <div id="container-button-tap" style="margin-top:-9px;">
 
                       <button id="button-pe"    class="button izquierda    tablink bottom-selected"  onclick="openCity(event,'PE')"    > <i class="fas fa-atom"> </i>      </button>  
 
                       <button id="button-pe"    class="button izquierda    tablink bottom-selected"  onclick="openCity(event,'PE')"    > <i class="fas fa-atom"> </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>  
 
                       <button id="button-tools"  class="button izquierda    tablink"                  onclick="openCity(event,'Tools')" > <i class="fas fa-tools"></i>      </button>  
 
                       <button id="button-tools"  class="button izquierda    tablink"                  onclick="openCity(event,'Tools')" > <i class="fas fa-tools"></i>      </button>  
                       <!-- <button id="button-others" class="button derecha tablink"                  onclick="openCity(event,'Others')"> <i class="fas fa-info"> </i>      </button> -->
+
                       <!-- <button id="button-others" class="button derecha tablink"                  onclick="openCity(event,'Others')"> <i class="fas fa-yin-yang"> </i>      </button> -->  
                       <!-- <button id="button-menu" class="button centrar  tablink"                  onclick="openCity(event,'Menu')" > <i class="fas fa-tools"></i>      </button> -->
+
                       <!-- <button id="button-menu" class="button centrar  tablink"                  onclick="openCity(event,'Menu')" > <i class="fas fa-tools"></i>      </button> -->  
 
                   </div>
 
                   </div>
 
                    
 
                    
Line 424: Line 424:
 
           $(".fa-atom").css('font-size',      '21px')
 
           $(".fa-atom").css('font-size',      '21px')
 
           $(".fa-ellipsis-v").css('font-size','18px')
 
           $(".fa-ellipsis-v").css('font-size','18px')
           $(".fa-info").css('font-size',      '18px')
+
           $(".fa-yin-yang").css('font-size',      '18px')
 
           $(".fa-tools").css('font-size',    '17px')
 
           $(".fa-tools").css('font-size',    '17px')
 
           }else if (cityName == "Menu") {
 
           }else if (cityName == "Menu") {
 
           $(".fa-atom").css('font-size',      '19px')
 
           $(".fa-atom").css('font-size',      '19px')
 
           $(".fa-ellipsis-v").css('font-size','20px')
 
           $(".fa-ellipsis-v").css('font-size','20px')
           $(".fa-info").css('font-size',      '20px')
+
           $(".fa-yin-yang").css('font-size',      '20px')
 
           $(".fa-tools").css('font-size',    '17px')
 
           $(".fa-tools").css('font-size',    '17px')
 
           }else if (cityName == "Others") {
 
           }else if (cityName == "Others") {
 
           $(".fa-atom").css('font-size',      '19px')
 
           $(".fa-atom").css('font-size',      '19px')
 
           $(".fa-ellipsis-v").css('font-size','18px')
 
           $(".fa-ellipsis-v").css('font-size','18px')
           $(".fa-info").css('font-size',      '20px')
+
           $(".fa-yin-yang").css('font-size',      '20px')
 
           $(".fa-tools").css('font-size',    '17px')
 
           $(".fa-tools").css('font-size',    '17px')
 
           }else {
 
           }else {
 
           $(".fa-atom").css('font-size',      '19px')
 
           $(".fa-atom").css('font-size',      '19px')
 
           $(".fa-ellipsis-v").css('font-size','18px')
 
           $(".fa-ellipsis-v").css('font-size','18px')
           $(".fa-info").css('font-size',      '18px')
+
           $(".fa-yin-yang").css('font-size',      '18px')
 
           $(".fa-tools").css('font-size',    '19px')
 
           $(".fa-tools").css('font-size',    '19px')
 
           }
 
           }
Line 545: Line 545:
  
 
       $("#button-others").hover(function(){
 
       $("#button-others").hover(function(){
           $(".fa-info").css('font-size', '20px')
+
           $(".fa-yin-yang").css('font-size', '20px')
 
           }, function(){
 
           }, function(){
 
           if ( $(this).hasClass("bottom-selected") ) {
 
           if ( $(this).hasClass("bottom-selected") ) {
               $(".fa-info").css('font-size', '20px')
+
               $(".fa-yin-yang").css('font-size', '20px')
 
           }else{
 
           }else{
               $(".fa-info").css('font-size', '18px')
+
               $(".fa-yin-yang").css('font-size', '18px')
 
           }
 
           }
 
       });
 
       });

Revision as of 13:13, 21 March 2021