Difference between revisions of "Template:Sidebar"

From Sinfronteras
Jump to: navigation, search
Line 112: Line 112:
 
         position: relative;
 
         position: relative;
 
         top: -145px;
 
         top: -145px;
 +
        margin-left: 1px;
 
         padding-left: 10px;
 
         padding-left: 10px;
−
        margin-left: -205px;
 
 
         -webkit-user-select: none;
 
         -webkit-user-select: none;
 
         user-select: none;
 
         user-select: none;
Line 306: Line 306:
 
                 $('#content').css('margin-left', '300px')
 
                 $('#content').css('margin-left', '300px')
 
                 $('#left-navigation').css({'cssText':'margin-left:300px'})
 
                 $('#left-navigation').css({'cssText':'margin-left:300px'})
−
                $('#menuToggle').css('margin-left', '-325px')
 
 
                 $('#footer').css('margin-left', '308px')
 
                 $('#footer').css('margin-left', '308px')
 
             } else {
 
             } else {
 
                 $('#content').css('margin-left', '180px')
 
                 $('#content').css('margin-left', '180px')
 
                 $('#left-navigation').css({'cssText':'margin-left:180px'})
 
                 $('#left-navigation').css({'cssText':'margin-left:180px'})
−
                $('#menuToggle').css('margin-left', '-205px')
 
 
                 $('#footer').css('margin-left', '180px')
 
                 $('#footer').css('margin-left', '180px')
 
             }
 
             }
Line 330: Line 328:
 
         }
 
         }
  
−
          
+
         function moveSidebarToBody() {
 +
            document.body.appendChild(document.getElementById('MySidebar'))
 +
        }
  
 
         $(document).ready( function() {
 
         $(document).ready( function() {
 
             $('#totalItems, #enteredItems').keyup(function(){
 
             $('#totalItems, #enteredItems').keyup(function(){
 
                 checkUser();
 
                 checkUser();
−
                  
+
                 moveSidebarToBody()
 
             });   
 
             });   
 
             checkUser();
 
             checkUser();
−
              
+
             moveSidebarToBody()
 
         });
 
         });
 
     </script>
 
     </script>

Revision as of 14:53, 8 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=20967"