Difference between revisions of "Template:Sidebar"

From Sinfronteras
Jump to: navigation, search
 
(183 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 176: Line 180:
 
             color: #5c4444;
 
             color: #5c4444;
 
         }
 
         }
−
 
+
 
 
    
 
    
 
         /* Sidebar (Pure CSS) */
 
         /* Sidebar (Pure CSS) */
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" style="margin-bottom: 200px;  margin-top: -105px !important; margin-right: -0.7px; padding:0px;" > </div>  
+
                             <div id="Desktop-inter1" >
 +
                                <div id="desktop-1-titulo-inter" class="text-1-1"> Here will be inserted the title... </div>
 +
                                <div id="Desktop-inter2" >  
 +
                                    Here will be inserted the table...
 +
                                </div>
 +
                            </div>  
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 466: 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 473: Line 487:
 
                 }
 
                 }
 
             }else{
 
             }else{
 +
                $("#menuToggle #button-others").css('pointer-events','none')
 
                 // $('body').css('background','blue');
 
                 // $('body').css('background','blue');
 
                 // $('#hideThis').show();
 
                 // $('#hideThis').show();
Line 749: Line 764:
 
             background-color: #e3e3e8 !important;  
 
             background-color: #e3e3e8 !important;  
 
             border: 0px solid green !important;  
 
             border: 0px solid green !important;  
 +
            padding-top: 0px !important;
 +
            padding-bottom: 40px;
 
         }
 
         }
 
         #Desktop-inter1 .desktop-cuadro {
 
         #Desktop-inter1 .desktop-cuadro {
Line 754: Line 771:
 
             background-color: white !important;  
 
             background-color: white !important;  
 
         }  
 
         }  
−
         /* #Desktop-inter1 #desktop li { #e3e3e8 #4081de
+
         #Desktop-inter1 .text-2-1 {
−
             font: 14px / 22.4px sans-serif !important;
+
            margin-bottom: -50px;
−
         } */
+
        }
 +
        #Desktop-inter1 .nivel-3 li {
 +
            margin-bottom: -3px !important;
 +
        }
 +
        #Desktop-inter1 .nivel-3 ul {
 +
            margin-bottom: -20px !important;
 +
        }
 +
        #Desktop-inter1 .nivel-3 .first-li {
 +
            margin-top: 15px !important;
 +
        }
 +
        #Desktop-inter1  a {
 +
             overflow-wrap: break-word !important;
 +
         }
 
         #Desktop-inter1 .text-1-1 {
 
         #Desktop-inter1 .text-1-1 {
 
             font: 700 18px / 27.3px "Linux Libertine", Georgia, Times, serif;
 
             font: 700 18px / 27.3px "Linux Libertine", Georgia, Times, serif;
−
             margin-bottom: -1px !important;
+
            background-color: #4081de;
 +
            vertical-align: center;
 +
            height: 46.6667px;
 +
            line-height: 53px;
 +
            margin: 7px -1px 50px 0px !important;
 +
            padding-left: 10px;
 +
        }
 +
        #Desktop-inter1 .desktop-2-1-area {
 +
            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;
 
         }
 
         }
−
        /* #Desktop-inter1 #desktop span, #Desktop-inter1 #desktop p {
 
−
            font: 14px / 22.4px sans-serif;
 
−
        } */
 
 
     </style>
 
     </style>
 
     <script>
 
     <script>
−
         document.getElementById("Desktop-inter1").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")
 +
 +
        $("#desktop-1-titulo-inter").wrap('<a href="Desktop" />');
 
     </script>
 
     </script>
 
</html>
 
</html>

Latest revision as of 16:58, 26 June 2022



Retrieved from "http://wiki.sinfronteras.ws/index.php?title=Template:Sidebar&oldid=23632"