Difference between revisions of "Template:Sidebar"
Adelo Vieira (talk | contribs) |
Adelo Vieira (talk | contribs) |
||
| Line 1: | Line 1: | ||
{{#tag:html| | {{#tag:html| | ||
| − | + | <style> | |
| − | + | /* MediaWiki page configurations */ | |
| − | + | #content { margin: -1px 0px 0px 180px; } | |
| − | + | #left-navigation { margin-left:180px } | |
| − | + | <!-- #p-namespaces { margin-left: 124px !important; } --> | |
| − | + | #footer { margin: 0 0 0 180px } | |
| − | + | #bodyContent { z-index: 10 } | |
| − | + | .mw-wiki-logo { margin: 20px 0px 0px 0.5px } | |
| − | + | ||
| − | + | #menuToggle ul { | |
| − | + | margin-top: 20px !important; | |
| − | + | margin-bottom: 35px !important; | |
| − | + | } | |
| − | + | #menuToggle li { | |
| − | + | font: 14px / 22.4px sans-serif; | |
| − | + | margin-top: 0px; | |
| − | + | margin-bottom: 10px; | |
| − | + | } | |
| − | + | #menuToggle li span { } | |
| − | + | #menuToggle a, li { | |
| − | + | font: 14px / 22.4px sans-serif; | |
| − | + | } | |
| − | + | .base-li-1 { | |
| − | + | margin-bottom: -7px !important; | |
| − | + | } | |
| − | + | .desplaza { | |
| − | + | margin-top: -12px !important; | |
| − | + | padding-right: 30px !important; | |
| − | + | } | |
| − | + | div#toc.toc { | |
| − | + | font-size: 12pt; | |
| − | + | margin-top: -4.5pt; | |
| − | + | background: rgba(255, 255, 255, 1); | |
| − | + | margin-right: 12pt; | |
| − | + | } | |
| − | + | .tocUl { | |
| − | + | overflow-y: scroll !important; | |
| − | + | overflow-x: scroll !important; | |
| − | + | max-height: calc(100vh - 150px); | |
| − | + | width: 350px !important; | |
| − | + | padding-bottom: 30px !important; | |
| − | + | white-space: nowrap !important; | |
| − | + | } | |
| − | + | .tocUl a { | |
| − | + | padding-right: 25px !important; | |
| − | + | } | |
| − | + | .tochidden { | |
| − | + | height: 4pt !important; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | .titulo1-text { | |
| − | + | font-size: 18px !important; | |
} | } | ||
| − | . | + | .titulo2-text { |
| − | + | font: 700 14px / 22.4px sans-serif !important; | |
| − | |||
} | } | ||
| − | + | .titulo1-text-marco { | |
| − | + | padding-left: 10px !important; | |
| − | + | padding-right: 40px !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:-30pt !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; | |
| − | |||
} | } | ||
| − | + | .titulo1-marco-color { | |
| − | + | background: #9595ab !important; | |
} | } | ||
| − | + | .titulo1-color { | |
| − | + | color: white !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 | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | /* Sidebar (Pure CSS) */ | |
| − | + | body { | |
| − | + | ||
} | } | ||
| − | + | #menuToggle { | |
| − | + | display: block; | |
| − | + | position: relative; | |
| − | + | top: -145px; | |
| − | + | margin-left: -205px; | |
| − | + | padding-left: 10px; | |
| − | + | -webkit-user-select: none; | |
| − | + | user-select: none; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | #menuToggle a { | |
| − | + | text-decoration: none; | |
| − | + | color: #232323; | |
| − | + | transition: color 0.3s ease; | |
| − | |||
| − | |||
} | } | ||
| − | + | #menuToggle a:hover { color: tomato; } | |
| − | + | #menuToggle input { | |
| + | display: block; | ||
| + | width: 40px; | ||
| + | height: 32px; | ||
| + | position: absolute; | ||
| + | top: -7px; | ||
| + | left: -5px; | ||
| + | cursor: pointer; | ||
| + | opacity: 0; /* hide this */ | ||
| + | z-index: 12; /* and place it over the hamburger */ | ||
| + | -webkit-touch-callout: none; | ||
} | } | ||
| − | . | + | /* Just a quick hamburger */ |
| − | + | #menuToggle .hamb { | |
| − | + | display: block; | |
| + | width: 33px; | ||
| + | height: 6px; | ||
| + | margin-bottom: 4px; | ||
| + | position: relative; | ||
| + | background: #999191; | ||
| + | border-radius: 3px; | ||
| + | z-index: 11; | ||
| + | transform-origin: 4px 0px; | ||
| + | transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), | ||
| + | background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), | ||
| + | opacity 0.55s ease; | ||
} | } | ||
| − | + | #menuToggle span:first-child { | |
| − | + | transform-origin: 0% 0%; | |
| − | |||
} | } | ||
| − | + | #menuToggle span:nth-last-child(2) { | |
| − | + | transform-origin: 0% 100%; | |
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* Transform all the slices of hamburger into a crossmark */ | |
| − | + | #menuToggle input:checked ~ span { | |
| − | + | opacity: 1; | |
| − | + | transform: rotate(45deg) translate(-2px, -1px); | |
| − | + | background: #837e7e; | |
| − | |||
| − | |||
} | } | ||
| − | + | /* But let's hide the middle one */ | |
| − | + | #menuToggle input:checked ~ span:nth-last-child(3) { | |
| − | + | opacity: 0; | |
| − | + | transform: rotate(0deg) scale(0.2, 0.2); | |
} | } | ||
| − | + | /* Ohyeah and the last one should go the other direction */ | |
| − | + | #menuToggle input:checked ~ span:nth-last-child(2) { | |
| + | transform: rotate(-45deg) translate(0, -1px); | ||
} | } | ||
| − | + | ||
| − | + | /* Make this absolute positioned at the top left of the screen */ | |
| + | #menu { | ||
| + | position: absolute; | ||
| + | width: 300px; | ||
| + | margin: -55px 0 0 -10px; | ||
| + | padding: 50px 0px 30px 0px; | ||
| + | background: #ededed; | ||
| + | list-style-type: none; | ||
| + | -webkit-font-smoothing: antialiased; | ||
| + | /* to stop flickering of text in safari */ | ||
| + | transform-origin: 0% 0%; | ||
| + | <!-- transform: translate(-100%, 0); --> | ||
| + | display: none; | ||
| + | transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0); | ||
} | } | ||
| − | + | #menu li { | |
| − | + | padding: 10px 0 0 0; | |
| − | + | font-size: 22px; | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| − | + | /* And let's slide it in from the left */ | |
| − | + | #menuToggle input:checked ~ #menu { | |
| − | + | <!-- transform: none; --> | |
| − | + | display: block; | |
} | } | ||
| − | . | + | |
| − | + | ||
| + | /* Tab Menu */ | ||
| + | .button{ | ||
| + | font-size: 14px; | ||
| + | color: inherit; | ||
| + | background-color :inherit; | ||
| + | padding: 8px 0px 8px 0px; | ||
| + | border: none; | ||
| + | outline: 0; | ||
| + | cursor: pointer; | ||
} | } | ||
| − | . | + | .bottom-selected { background-color: #f44336 !important } |
| − | + | .area { | |
| + | color: black; | ||
| + | padding: 5px 0px 5000px 3px; | ||
| + | border: 0px solid #ccc !important; | ||
} | } | ||
| − | . | + | .izquierda {float: left; width:100px; text-align: center;} |
| − | + | .derecha {float: right; width:100px; text-align: center;} | |
| − | + | .centro {margin: 0 auto; width:100px; text-align: center;} | |
| − | + | ||
| − | + | </style> | |
| − | + | ||
| − | + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> | |
| − | + | ||
| − | + | <script> | |
| + | function openCity(evt, cityName) { | ||
| + | var i, x, tablinks; | ||
| + | x = document.getElementsByClassName("city"); | ||
| + | for (i = 0; i < x.length; i++) { | ||
| + | x[i].style.display = "none"; | ||
| + | } | ||
| + | tablinks = document.getElementsByClassName("tablink"); | ||
| + | for (i = 0; i < x.length; i++) { | ||
| + | tablinks[i].className = tablinks[i].className.replace(" bottom-selected", ""); | ||
| + | } | ||
| + | document.getElementById(cityName).style.display = "block"; | ||
| + | evt.currentTarget.className += " bottom-selected"; | ||
} | } | ||
| + | </script> | ||
| + | |||
| + | <nav id="MySidebar" role="navigation" style="position: fixed;" class="oculto"> | ||
| + | <div id="menuToggle"> | ||
| + | <!-- | ||
| + | A fake / hidden checkbox is used as click reciever, | ||
| + | so you can use the :checked selector on it. | ||
| + | --> | ||
| + | <input id="inputButton" type="checkbox" onclick="myFunction()"/> | ||
| + | |||
| + | <!-- | ||
| + | Some spans to act as a hamburger. | ||
| + | --> | ||
| + | |||
| + | <span class="hamb"></span> | ||
| + | <span class="hamb"></span> | ||
| + | <span class="hamb"></span> | ||
| + | |||
| + | <!-- | ||
| + | Too bad the menu has to be inside of the button | ||
| + | but hey, it's pure CSS magic. | ||
| + | --> | ||
| + | <div id="menu"> | ||
| + | |||
| + | <!--Tap Menu --> | ||
| + | <div style="padding: 10px 0px 0px 0px;"> | ||
| + | <div style="color:#fff !important; background-color: #000 !important"> | ||
| + | <button class="button izquierda tablink bottom-selected" onclick="openCity(event,'PE')" > PE </button> | ||
| + | <button class="button centro tablink" onclick="openCity(event,'Tools')" > Tools </button> | ||
| + | <button class="button derecha tablink" onclick="openCity(event,'Others')"> Others </button> | ||
| + | </div> | ||
| + | |||
| + | <div id="PE" class="area city"> | ||
| + | <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: 20px; margin-top:10px" > {{#lst:Mis páginas|base}}</div> | ||
| + | <div style="margin-bottom: 42px; margin-top: 2px" > {{#lst:Mis páginas|formal_natural_and_applied_sciences0}}</div> | ||
| + | <div style="margin-bottom: 50px; margin-top: 2px" > {{#lst:Mis páginas|social_sciences0}}</div> | ||
| + | <div style="margin-bottom: 30px; margin-top: 2px" > {{#lst:Mis páginas|musica0}}</div> | ||
| + | <div style="margin-bottom: 150px; margin-top:-5px" > {{#lst:Mis páginas|Carrera0}}</div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div id="Tools" class="area city" style="display:none"> | ||
| + | <div>Tools</div> | ||
| + | <p> Tools is the capital of France.</p> | ||
| + | </div> | ||
| + | |||
| + | <div id="Others" class="area city" style="display:none"> | ||
| + | <div>Others</div> | ||
| + | <p> Others is the capital of Japan.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <!-- <a href="#"><li>Home</li></a> | ||
| + | <a href="#"><li>About</li></a> | ||
| + | <a href="#"><li>Info</li></a> | ||
| + | <a href="#"><li>Contact</li></a> | ||
| + | <a href="https://erikterwan.com/" target="_blank"><li>Show me more</li></a> --> | ||
| + | |||
| + | </div> | ||
| + | </div> | ||
| + | </nav> | ||
| + | |||
| + | <script> | ||
| + | function myFunction() { | ||
| + | var checkBox = document.getElementById("inputButton"); | ||
| + | if (checkBox.checked == true){ | ||
| + | $('#content').css('margin-left', '300px') | ||
| + | $('#left-navigation').css({'cssText':'margin-left:300px'}) | ||
| + | $('#menuToggle').css('margin-left', '-325px') | ||
| + | $('#footer').css('margin-left', '308px') | ||
| + | } else { | ||
| + | $('#content').css('margin-left', '180px') | ||
| + | $('#left-navigation').css({'cssText':'margin-left:180px'}) | ||
| + | $('#menuToggle').css('margin-left', '-205px') | ||
| + | $('#footer').css('margin-left', '180px') | ||
| + | } | ||
| + | } | ||
| + | |||
| + | function checkUser(){ | ||
| + | if ( document.getElementById('pt-userpage') != null ) { | ||
| + | if ( document.getElementById('pt-userpage').getElementsByTagName('a')[0].innerText == "Adelo Vieira" ){ | ||
| + | $('.oculto').css('display','block') | ||
| + | $('.link-hidden').css('pointer-events','auto') | ||
| + | // $('body').css('background','red'); | ||
| + | }else{ | ||
| + | // $('body').css('background','blue'); | ||
| + | } | ||
| + | }else{ | ||
| + | // $('body').css('background','blue'); | ||
| + | // $('#hideThis').show(); | ||
| + | } | ||
| + | } | ||
| + | |||
| + | // function moveSidebarToBody() { | ||
| + | // document.body.appendChild(document.getElementById('MySidebar')) | ||
| + | // } | ||
| + | |||
| + | function collapseAll() { | ||
| + | $(".mw-collapsible").addClass("mw-collapsed"); | ||
| + | } | ||
| + | |||
| + | $(document).ready( function() { | ||
| + | $('#totalItems, #enteredItems').keyup(function(){ | ||
| + | checkUser() | ||
| + | collapseAll() | ||
| + | // moveSidebarToBody() | ||
| + | }); | ||
| + | checkUser() | ||
| + | collapseAll() | ||
| + | // moveSidebarToBody() | ||
| + | }); | ||
| + | </script> | ||
| + | }} | ||
| + | |||
| + | |||
| + | <br /> | ||
| + | <div class="mw-collapsible mw-collapsed" style="width:340px; display: none !important"> | ||
| + | '''Previous version without <nowiki><html></nowiki> tag:''' | ||
| + | <div class="mw-collapsible-content" style="width: 900pt !important"> | ||
| + | <syntaxhighlight lang="html"> | ||
| + | {{#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%)--> | <!-- some colors I have tried and liked: #dcd8ed #3182f5 #D8BFD8 #E6E6FA rgb(79.998779%,79.998779%,100%)--> | ||
Revision as of 22:49, 8 March 2021
