Difference between revisions of "Template:Sidebar"

From Sinfronteras
Jump to: navigation, search
Line 311: Line 311:
  
 
                   <div style="text-align:right; margin-top:-35px; margin-bottom: 15px; padding-right: 5px">  
 
                   <div style="text-align:right; margin-top:-35px; margin-bottom: 15px; padding-right: 5px">  
−
                     <button onclick="" style="border-width:0px"> <i style="color: #999191; font-size:20px" class="fa fa-arrow-right" aria-hidden="true"></i>  </button>
+
                     <button onclick="expandSidebar()" style="border-width:0px"> <i style="color: #999191; font-size:20px" class="fa fa-arrow-right" aria-hidden="true"></i>  </button>
 
                   </div>
 
                   </div>
  
Line 470: Line 470:
 
         }
 
         }
  
 +
        function expandSidebar() {
 +
          var menuWidth = parseInt(window.getComputedStyle(document.getElementById("menu")).width)
 +
            if (menuWidth < 400 ) {
 +
              $("#menu").css('width','600px')
 +
              $(".titulo1-marco-twolines").addClass("titulo1MarcoTwolines")
 +
              $(".titulo1-marco-twolines").addClass("titulo1-marco-oneline")
 +
              $(".titulo1MarcoTwolines").removeClass("titulo1-marco-twolines")
 +
              $("#sectionPure").css({'margin-bottom':  '30px', 'margin-top':'2px'})
 +
              $("#sectionSocial").css({'margin-bottom':'30px', 'margin-top':'2px'})
 +
              $("#space-end-pure").css({'margin-bottom':'85px'})
 +
              $("#space-end-social").css({'margin-bottom':'60px'})
 +
              $("#space-end-music").css({'margin-bottom':'45px'})
 +
            }else{
 +
              $("#menu").css('width','300px')
 +
              $(".titulo1MarcoTwolines").addClass("titulo1-marco-twolines")
 +
              $(".titulo1-marco-twolines").removeClass("titulo1MarcoTwolines")
 +
              $(".titulo1-marco-twolines").removeClass("titulo1-marco-oneline")
 +
              $("#sectionPure").css({'margin-bottom':  '73px', 'margin-top':'-5px'})
 +
              $("#sectionSocial").css({'margin-bottom':'55px', 'margin-top':' 2px'})
 +
              $("#space-end-pure").css({'margin-bottom':'80px'})
 +
              $("#space-end-social").css({'margin-bottom':'30px'})
 +
              $("#space-end-music").css({'margin-bottom':'40px'})
 +
            }
 +
          }
 +
        }
 +
       
 
         if ( event.ctrlKey ) {  
 
         if ( event.ctrlKey ) {  
 
           if ( event.which === 89 ) {
 
           if ( event.which === 89 ) {

Revision as of 21:55, 13 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=21707"