Difference between revisions of "Template:Sidebar"

From Sinfronteras
Jump to: navigation, search
Line 331: Line 331:
 
       }
 
       }
 
        
 
        
−
       // Shortkey:
+
       // Shortkey: https://www.techiedelight.com/create-keyboard-shortcuts-with-javascript-jquery-hotkeys-mousetrap-library/
 +
      // For some reason, in MediaWiki pages, the && operator is not being interpreted by the web browser
 +
      // as such in «keydown» functions. The web browser is reading «&», instead of «&&» which generates a systax error.
 +
      // To work around this problem I just broke the function using «2» if statements:
 +
 
 
       // $(document).keydown(function(event) {
 
       // $(document).keydown(function(event) {
 
       //  if ( (event.ctrlKey) && (event.which === 88) ) {
 
       //  if ( (event.ctrlKey) && (event.which === 88) ) {
Line 354: Line 358:
 
       //  }
 
       //  }
 
       // });
 
       // });
−
 
−
      // function aver(){
 
−
      //  $('body').keypress(function(e) {
 
−
      //    var c = String.fromCharCode(e.which);
 
−
      //    if (c.toUpperCase() === c && c.toLowerCase() !== c && !e.shiftKey) {
 
−
      //      alert('Alt + X pressed!');
 
−
      //    }
 
−
      //  });
 
−
      // }
 
−
 
−
      // function doc_keyUp(e) {
 
−
      //    // This would test for whichever key is 40 (down arrow) and the ctrl key at the same time
 
−
      //    if (e.ctrlKey && e.key === 'ArrowDown') {
 
−
      //        // Call your function to do the thing
 
−
      //        $('#menu').css({'cssText':'display: block !important'});
 
−
      //    }
 
−
      // }
 
−
      // Register the handler
 
−
      // document.addEventListener('keyup', doc_keyUp, false);
 
  
 
       // function moveSidebarToBody() {
 
       // function moveSidebarToBody() {

Revision as of 11:29, 9 March 2021



Previous version without <html> tag: 

{{#css:
#mw-panel { visibility: collapse !important; }
#p-namespaces { visibility: collapse !important; } 
#content { max-width: 1200pt !important; margin-left: auto !important; margin-right: auto !important; }
#mw-panel { visibility: collapse !important; }
#mw-page-base { visibility: collapse !important; }
#ca-head-base { display: none !important; }
#ca-nstab-main { display: none !important; }
#ca-talk { display: none !important; }
#ca-view { display: none !important; }
#ca-viewsource { display: none !important; }
#ca-edit { display: none !important; }
#ca-ve-edit { display: none !important; }
#ca-history { display: none !important; }
#ca-unwatch { display: none !important; }
#ca-watch { display: none !important; }
#p-cactions { display: none !important; }
#pt-userpage { display: none !important; }
#pt-mytalk { display: none !important; }
#pt-preferences { display: none !important; }
#pt-watchlist { display: none !important; }
#pt-mycontris { display: none !important; }
#pt-logout { display: none !important; }
#pt-anonuserpage { display: none !important; }
#pt-anontalk { display: none !important; }
#pt-createaccount { display: none !important; }
#pt-login { display: none !important; }
#footer-info-copyright { display: none !important; }
#footer-places-privacy { display: none !important; }
#footer-places-about { display: none !important; }
#footer-places-disclaimer { display: none !important; }
#p-tb { display: none !important; }
body { 
  background:    #ededf2; 
  padding-left:  35pt !important; 
  padding-right: 35pt !important; 
}
#mw-head {
  z-index: -1;
}
.mediawiki { 
  padding-left:  40pt !important; 
  padding-right: 30pt !important; 
}
#content {
  border-top: 1px solid rgba(184, 134, 11, 0.5) !important;     <!-- This means the page contains hidden text #B8860B -->
  border:     1px solid rgba(184, 134, 11, 0.5);                <!-- rgba(56, 139, 253, 0.4); -->
}  
#right-navigation {
  visibility: collapse;
}
#p-search {
  visibility: visible;
}
#simpleSearch {
  <!-- border: 0.1px solid rgba(166, 44, 32, 0.5); -->
}  
#footer {
  padding-left: 10pt;
  margin-left:  auto  !important;
  margin-right: auto  !important;
  max-width:    1100pt;
}
#footer-info {
  margin-left: 0pt;
}
div#toc.toc {
  font-size: 12pt;
  margin-top: -4.5pt;
  background: rgba(255, 255, 255, 0.85);
  border: 0.1px solid rgba(166, 44, 32, 0.5);

  max-width: 200pt;
  margin-right: 12pt;
}
.toc ul {
  overflow-y: scroll  !important;
  max-height: 500pt;  <!-- max-height: 100vh; -->
}
.tocUl {
  overflow-y: scroll  !important;
  max-height: 500pt;  <!-- max-height: 100vh; -->
}
.tochidden {
  height: 4pt !important;
}
.rcorners {
  border-radius: 3px;
  padding: 2px;
  border: 1.5px solid #B8860B;
}
.under {
  margin-right: 10px;
  <!-- display:inline-block;
  border-bottom:1px solid #A62C20;
  padding-bottom:-5px !important; -->
}
.title { 
  <!-- margin-top: 5px; -->
  margin-left: -10px !important;
  margin-right: -5px !important;
  font-weight: normal; 
  font-family: 'Zapf Dingbats'; 
  font-size: 40px; 
  font-family: 'Linux Libertine','Georgia','Times',serif; 
  background: red; <!-- #8c94ab -->
  color: white; 
  height: 70pt; 
  line-height: 70pt; 
  text-aligh: center;   
  <!-- background: rgba(0, 0, 0, 0) linear-gradient(90deg, #007bff, rgb(0, 0, 0)) repeat scroll 0% 0% / auto padding-box border-box; margin-left:-10px; -->   
  <!-- linear-gradient(90deg, rgb(31, 112, 193), rgb(0, 0, 0)) -->  <!-- #0074D9 -->
}
.cover {
  object-fit: cover; 
  width: 100%; 
  height: 250px; 
  margin-bottom: 2000px;
  margin-top: -20px;
}
.icon {
  color: #2d2e27;
}
.texticon {
  color: #2d2e27;  <!-- #f0f2e4 -->
  font-size: 20px !important;
}
.textlink {
  color: #0854a6 !important;  <!-- #f0f2e4 #007bff -->
  font-size: 20px !important;
}
.container {
  width: 150px;
  height: 150px;
  position: relative;
  margin: 0px;
}
.box {
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.overlay {
  z-index: 1;
  margin-left: -5px;
  margin-top: -23px;
}
.titulo1-text {
  font-size: 18px !important;
}
.titulo1-text-marco {
  padding-left: 10px !important;
}
.titulo1-marco-oneline {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: -5px !important;
  margin-left: 0px !important;
  min-height: 35pt !important;
  margin-top:-32pt !important;
}  
.titulo1-marco-twolines {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: -5px !important;
  margin-left: 0px !important;
  min-height: 50pt !important;
  margin-top:-47pt !important;
}
.marco1-ext {
  width: 100% !important;
  padding: 0px 0px 0px 0px !important;
  background: #e3e3e8 !important;
}
.marco1-int {
  background: #e3e3e8 !important;
}
.marco1-ext .mw-editsection {
  display: none !important;
}
.divline1 {
  padding: 0; 
  border: 0; 
  display: block; 
  margin-top:-10px; 
  margin-right: 0px !important; 
  margin-left: 2px  !important; 
  background-color: white; 
  height:1.2pt
}

.toggleNode { <!-- visibility: hidden --> }
}}
<!-- some colors I have tried and liked: #dcd8ed  #3182f5  #D8BFD8  #E6E6FA  rgb(79.998779%,79.998779%,100%)-->
<div class="container" style="position: fixed; height: 0px; width: 250px; margin-left: -70px; margin-top: -132px; z-index: 200; background: red !important; background-color: red !important"> <!-- oculto -->
<div class="box mw-customtoggle-myToggle1" style="cursor:pointer; color:blue; width:0px;  z-index: 100">[+/-]</div>
<div style="border-top:-50px;" class="box overlay mw-collapsible" id="mw-customcollapsible-myToggle1">
<div style="border-top:-50px;" style="background: transparent; border: 0px solid blue; padding:0px" class="toccolours mw-collapsible-content">
<!-- 
<div style="border-top:-50px; background: #E6E6FA; min-height:50px; line-height: 50px; text-align: left; padding-left: 35px; font-size: 20px; font-family: 'Linux Libertine','Georgia','Times',serif;">
'''''[[Carrera|<span style="color:#B8860B; font-weight: bold;">Carrera</span>]]'''''
</div>
-->
<div style="height: 50px; width:100%; background: #e3e3e8">
</div>
<!-- <div style="overflow-y: scroll; height: 100vh !important; background: #f7f7f8; margin-top:0px; padding:0.1px 20px 20px 20px;"> -->
<div style="overflow-y: scroll; height: 100vh !important; background: #e3e3e8; margin-top:0px; padding:0px 5px 0px 0px;">
<!-- {{#lst:Mis páginas|Carrera1}} -->
<div style="margin-bottom: 42px; margin-top:2px"> {{#lst:Mis páginas|formal_natural_and_applied_sciences0}}</div>
<div style="margin-bottom: 50px"> {{#lst:Mis páginas|social_sciences0}}</div>
<div style="margin-bottom: 30px"> {{#lst:Mis páginas|musica0}}</div>
<div style="margin-bottom: 150px">{{#lst:Mis páginas|Carrera0}}</div>
</div>
</div>
</div>
</div>
Retrieved from "http://wiki.sinfronteras.ws/index.php?title=Template:Sidebar&oldid=21154"