Difference between revisions of "Template:Sidebar"
Adelo Vieira (talk | contribs) |
Adelo Vieira (talk | contribs) |
||
| (263 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-cuadro { | + | #Desktop-inter1 .desktop-cuadro { |
| − | border: 0px solid | + | border: 0px solid white !important; |
| − | background-color: # | + | 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; | background-color: #4081de; | ||
| − | |||
| − | |||
vertical-align: center; | 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
