Difference between revisions of "Template:Sidebar"
Adelo Vieira (talk | contribs) |
Adelo Vieira (talk | contribs) |
||
(288 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; | ||
} | } | ||
− | + | #menuToggle span { | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | #menuToggle span | ||
font: 14px / 22.4px sans-serif; | font: 14px / 22.4px sans-serif; | ||
} | } | ||
Line 198: | Line 180: | ||
color: #5c4444; | color: #5c4444; | ||
} | } | ||
− | + | ||
/* Sidebar (Pure CSS) */ | /* Sidebar (Pure CSS) */ | ||
Line 322: | Line 304: | ||
} | } | ||
#container-button-tap { | #container-button-tap { | ||
− | + | width:100%; | |
− | + | color:rgb(97, 97, 114); | |
− | + | background-color: white; | |
+ | border-top: 1px solid #bbbbca; | ||
+ | /* border-bottom : 38px solid red !important; */ | ||
} | } | ||
.izquierda{ | .izquierda{ | ||
− | + | float:left; | |
− | + | width:25%; | |
− | + | text-align: center; | |
} | } | ||
.derecha{ | .derecha{ | ||
− | + | float:right; | |
− | + | width:25%; | |
− | + | text-align: center; | |
} | } | ||
.centrar{ | .centrar{ | ||
− | + | margin:0 auto; | |
− | + | width:25%; | |
− | + | text-align: center; | |
} | } | ||
</style> | </style> | ||
Line 407: | 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; | + | <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"> Here will be inserted the title... </div> | ||
+ | <div id="Desktop-inter2" > | ||
+ | Here will be inserted the table... | ||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 488: | 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 495: | Line 487: | ||
} | } | ||
}else{ | }else{ | ||
+ | $("#menuToggle #button-others").css('pointer-events','none') | ||
// $('body').css('background','blue'); | // $('body').css('background','blue'); | ||
// $('#hideThis').show(); | // $('#hideThis').show(); | ||
Line 765: | Line 758: | ||
<html> | <html> | ||
<style> | <style> | ||
− | .desktop-2-1 { | + | #Desktop-inter1 .desktop-1-1 { |
+ | border: 0px solid red; | ||
+ | } | ||
+ | #Desktop-inter1 .desktop-2-1 { | ||
background-color: #e3e3e8 !important; | background-color: #e3e3e8 !important; | ||
− | border: 0px solid # | + | 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- | + | // 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-1-titulo-inter").wrap('<a href="Desktop" />'); | ||
</script> | </script> | ||
</html> | </html> |
Latest revision as of 16:58, 26 June 2022