Difference between revisions of "Template:Sidebar"

From Sinfronteras
Jump to: navigation, search
 
(296 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 71: Line 75:
 
             font: 14px / 22.4px sans-serif !important;
 
             font: 14px / 22.4px sans-serif !important;
 
         }
 
         }
        #Desktop-inter1 #desktop li {
+
         #menuToggle span {
            font: 14px / 22.4px sans-serif !important;
 
        }
 
        #Desktop-inter1 .text-1-1 {
 
            color: white !important;
 
            font-size: 20px !important;
 
            font-weight: bold !important;
 
            font-style: italic !important;
 
            font-family: 'Linux Libertine','Georgia','Times',serif !important;
 
        }
 
         #menuToggle span, #Desktop-inter1 #desktop span, #Desktop-inter1 #desktop p {
 
 
             font: 14px / 22.4px sans-serif;
 
             font: 14px / 22.4px sans-serif;
 
         }
 
         }
Line 186: Line 180:
 
             color: #5c4444;
 
             color: #5c4444;
 
         }
 
         }
 
+
 
 
    
 
    
 
         /* Sidebar (Pure CSS) */
 
         /* Sidebar (Pure CSS) */
Line 310: 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 395: 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">
+
                     <div id="Others"  class="area city" style="display:none;">
                         <div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; margin-top:0px; padding:8px 0.05px 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: 12px;" > </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 476: 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 483: Line 487:
 
                 }
 
                 }
 
             }else{
 
             }else{
 +
                $("#menuToggle #button-others").css('pointer-events','none')
 
                 // $('body').css('background','blue');
 
                 // $('body').css('background','blue');
 
                 // $('#hideThis').show();
 
                 // $('#hideThis').show();
Line 753: Line 758:
 
<html>
 
<html>
 
     <style>
 
     <style>
 +
        #Desktop-inter1 .desktop-1-1 {
 +
            border: 0px solid red;
 +
        }
 +
        #Desktop-inter1 .desktop-2-1 {
 +
            background-color: #e3e3e8 !important;
 +
            border: 0px solid green !important;
 +
            padding-top: 0px !important;
 +
            padding-bottom: 40px;
 +
        }
 +
        #Desktop-inter1 .desktop-cuadro {
 +
            border: 0px solid white !important;
 +
            background-color: white !important;
 +
        }
 +
        #Desktop-inter1 .text-2-1 {
 +
            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 {
 +
            font: 700 18px / 27.3px "Linux Libertine", Georgia, Times, serif;
 +
            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;
 +
        }
 
     </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 .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