Difference between revisions of "Template:Sidebar"

From Sinfronteras
Jump to: navigation, search
 
(91 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{#tag:html|
 
{{#tag:html|
 +
    <script>
 +
        /* Some important variables */
 +
        show_oculto = true
 +
    </script>
 
     <style>
 
     <style>
 
         /* MediaWiki page configurations */
 
         /* MediaWiki page configurations */
Line 300: Line 304:
 
         }
 
         }
 
         #container-button-tap {
 
         #container-button-tap {
        width:100%;
+
            width:100%;
        color:rgb(97, 97, 114);
+
            color:rgb(97, 97, 114);
        background-color: white;
+
            background-color: white;
 +
            border-top:    1px solid #bbbbca;
 +
            /* border-bottom : 38px solid red !important; */
 
         }
 
         }
 
         .izquierda{
 
         .izquierda{
        float:left;
+
            float:left;
        width:25%;
+
            width:25%;
        text-align: center;
+
            text-align: center;
 
         }
 
         }
 
         .derecha{
 
         .derecha{
        float:right;
+
            float:right;
        width:25%;
+
            width:25%;
        text-align: center;
+
            text-align: center;
 
         }
 
         }
 
         .centrar{
 
         .centrar{
        margin:0 auto;
+
            margin:0 auto;
        width:25%;
+
            width:25%;
        text-align: center;
+
            text-align: center;
 
         }
 
         }
 
     </style>
 
     </style>
Line 385: Line 391:
 
    
 
    
 
                     <div id="Tools"  class="area city" style="display:none">
 
                     <div id="Tools"  class="area city" style="display:none">
                         <div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; margin-top:0px; padding:8px 5px 0px 0px;">
+
                         <div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; margin-top:0px; padding:8px 5px 0px 0px;">  
                             <div id="MediawikiHelp0-inter1" style="margin-bottom: 200px;  margin-top: 12px;" > </div>
+
                             <div id="MediawikiHelp0-inter1" style="margin-bottom: 200px;  margin-top: 12px;" > </div>  
                             <!-- <div id="sectionBase" style="margin-bottom: 200px;  margin-top: 10px;" > {{#lst:My MediaWiki help|MediawikiHelp0}}</div> -->
+
                             <!-- <div id="sectionBase" style="margin-bottom: 200px;  margin-top: 10px;" > {{#lst:My MediaWiki help|MediawikiHelp0}}</div> -->  
 
                         </div>                 
 
                         </div>                 
 
                     </div>
 
                     </div>
 
                      
 
                      
                     <div id="Others"  class="area city" style="display:none; padding:0px;">
+
                     <div id="Others"  class="area city" style="display:none;">
 
                         <div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; padding:0px 1px 0px 0px;">
 
                         <div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; padding:0px 1px 0px 0px;">
 
                             <div id="Desktop-inter1" >
 
                             <div id="Desktop-inter1" >
                                 <div id="desktop-1-titulo-inter" class="text-1-1"> titulo </div>  
+
                                 <div id="desktop-1-titulo-inter" class="text-1-1"> Here will be inserted the title... </div>  
                                 <div id="Desktop-inter2" style="margin-bottom: 200px;  margin-top: -104px !important; margin-right: -0.7px; padding:0px;" > </div>  
+
                                 <div id="Desktop-inter2" >
 +
                                    Here will be inserted the table...
 +
                                </div>  
 
                             </div>  
 
                             </div>  
 
                         </div>
 
                         </div>
Line 469: Line 477:
 
             if ( document.getElementById('pt-userpage') != null ) {
 
             if ( document.getElementById('pt-userpage') != null ) {
 
                 if ( document.getElementById('pt-userpage').getElementsByTagName('a')[0].innerText == "Adelo Vieira" ){
 
                 if ( document.getElementById('pt-userpage').getElementsByTagName('a')[0].innerText == "Adelo Vieira" ){
                     $('.oculto').css('display','block')
+
                     if (show_oculto == true) {
 +
                        $('.oculto').css('display','block')
 +
                    }
 
                     $('.link-hidden').css('pointer-events','auto')
 
                     $('.link-hidden').css('pointer-events','auto')
 +
                    $('#p-logo a').attr('href','/view/Mis_páginas');
 
                     // $('body').css('background','red');
 
                     // $('body').css('background','red');
 
                 }else{
 
                 }else{
Line 476: Line 487:
 
                 }
 
                 }
 
             }else{
 
             }else{
 +
                $("#menuToggle #button-others").css('pointer-events','none')
 
                 // $('body').css('background','blue');
 
                 // $('body').css('background','blue');
 
                 // $('#hideThis').show();
 
                 // $('#hideThis').show();
Line 777: Line 789:
 
             font: 700 18px / 27.3px "Linux Libertine", Georgia, Times, serif;
 
             font: 700 18px / 27.3px "Linux Libertine", Georgia, Times, serif;
 
             background-color: #4081de;  
 
             background-color: #4081de;  
            /* color: orange !important; */
 
 
             vertical-align: center;  
 
             vertical-align: center;  
             min-height: 46.6667px;  
+
             height: 46.6667px;  
             line-height: 46.6667px;
+
             line-height: 53px;
             margin-top: 0px !important;
+
             margin: 7px -1px 50px 0px !important;
            margin-bottom: 0px !important;
+
             padding-left: 10px;
             padding-left:10px;
 
            margin-top: 5px !important;
 
            margin-left:3px;
 
            margin-right:2px;
 
 
         }
 
         }
 
         #Desktop-inter1 .desktop-2-1-area {
 
         #Desktop-inter1 .desktop-2-1-area {
             margin-left: -5px;   
+
             margin-left: -5px;
 +
        }
 +
        #Desktop-inter2 {
 +
            margin-top:   -27px  !important;
 +
            margin-bottom: 200px;
 +
            padding-left:  4px;
 +
            padding-right: 5px;
 +
        }
 +
        #Desktop-inter2 .antes-collapsible {
 +
            margin-bottom: 30px !important;
 +
        }
 +
        #Desktop-inter2 .espacio {
 +
            margin-left: -20px !important;
 
         }
 
         }
 
     </style>
 
     </style>
 
     <script>
 
     <script>
         document.getElementById("Desktop-inter2").innerHTML = document.getElementById("Desktop-inter0").innerHTML
+
         // This allows using the whole table by using «display: none» on the sections that won't be shown:
         $(".invisible").not('.desktop-1').css('display','none')
+
        // document.getElementById("Desktop-inter2").innerHTML = document.getElementById("Desktop-inter0").innerHTML
         $("#Desktop-inter1 #container-desktop-menu").css('display','none')
+
         // $(".invisible").not('.desktop-1').css('display','none')
         $("#Desktop-inter1 #desktop p").addClass("desplaza-2")
+
         // $("#Desktop-inter1 #container-desktop-menu").css('display','none')
 +
         // $("#Desktop-inter1 #desktop p").addClass("desplaza-2")
 +
        // $("#Desktop-inter1 .desktop-1-1").addClass("desplaza-2")
 +
        // $("#Desktop-inter1 .text-1-1").removeClass("desplaza-2")
 +
 
 +
        // This is by taking only the section I need:
 +
        document.getElementById("desktop-1-titulo-inter").innerHTML = document.getElementById("desktop-1-titulo").innerHTML
 +
        document.getElementById("Desktop-inter2").innerHTML = document.getElementById("desktop-main").innerHTML
 +
 
 +
        $("#Desktop-inter1 p").addClass("desplaza-2")
 
         $("#Desktop-inter1 .desktop-1-1").addClass("desplaza-2")
 
         $("#Desktop-inter1 .desktop-1-1").addClass("desplaza-2")
 
         $("#Desktop-inter1 .text-1-1").removeClass("desplaza-2")
 
         $("#Desktop-inter1 .text-1-1").removeClass("desplaza-2")
        document.getElementById("desktop-1-titulo-inter").innerHTML = document.getElementById("desktop-1-titulo").innerText
+
 
 
         $("#desktop-1-titulo-inter").wrap('<a href="Desktop" />');
 
         $("#desktop-1-titulo-inter").wrap('<a href="Desktop" />');
 
     </script>
 
     </script>
 
</html>
 
</html>

Latest revision as of 16:58, 26 June 2022