Difference between revisions of "Template:Sidebar"

Working on - Mis_páginas	Another	Another
Data science All the Python for data science .ipynb Descriptive Data Analysis Second example of Kurtosis Data Science Programming StockMarketSimulator-Java1 code StockMarketSimulator-Python code Web development example1 code ---- ZooManagementSystem Class diagram ZooManagementSystem-Java1 code ZooManagementSystem-Python1 code Object-Oriented_Concepts_and_Constructs JavaScript & React Database BookDB implementation example (.ipynb) ---- LaboratoryDB design and implementation example Databases	Level2 Level3 Level4 Level5 Level5	Level2 Level3 Level4 Level5 Level5

Difference between revisions of "Template:Sidebar"

Revision as of 01:57, 27 March 2021

Navigation menu

Personal tools

Namespaces

Variants

Views

More

Search

Tools

@@ Line 1: / Line 1: @@
 {{#tag:html|
-    <style>
+  <style>
-        /* MediaWiki page configurations */
+      /* MediaWiki page configurations */
-        #content { margin: -1px 0px 0px 180px; }
+      #content { margin: -1px 0px 0px 180px; }
-        #left-navigation { margin-left:180px }
+      #left-navigation { margin-left:180px }
-        #footer { margin: 0 0 0 180px }
+      #footer { margin: 0 0 0 180px }
-        #bodyContent { z-index: 10 }
+      #bodyContent { z-index: 10 }
-        .mw-wiki-logo { margin: 20px 0px 0px 0.5px }
+      .mw-wiki-logo { margin: 20px 0px 0px 0.5px }
-        /* TOC */
+      /* TOC */
-        div#toc.toc {
+      div#toc.toc {
-            font-size: 12pt;
+          font-size: 12pt;
-            margin-top: -4.5pt;
+          margin-top: -4.5pt;
-            background: rgba(255, 255, 255, 1);
+          background: rgba(255, 255, 255, 1);
-            margin-right: 12pt;
+          margin-right: 12pt;
-        }
+      }
-        .tocUl {
+      .tocUl {
-            overflow-y: scroll  !important;
+          overflow-y: scroll  !important;
-            overflow-x: scroll  !important;
+          overflow-x: scroll  !important;
-            max-height: calc(100vh - 150px);
+          max-height: calc(100vh - 150px);
-            width: 350px !important;
+          width: 350px !important;
-            padding-bottom: 30px !important;
+          padding-bottom: 30px !important;
-            white-space: nowrap !important;
+          white-space: nowrap !important;
-        }
+      }
-        .tocUl a {
+      .tocUl a {
-            padding-right: 25px !important;
+          padding-right: 25px !important;
-        }
+      }
-        .tochidden {
+      .tochidden {
-            height: 4pt !important;
+          height: 4pt !important;
-        }
+      }
-        /* This block manages the CSS changes between "Mis paginas" page and the "Sidebar" page CSS */
-        #menuToggle ul {
-            margin-top:    20px !important;
-            margin-bottom: 35px !important;
-        }
-        #menuToggle li {
-            font: 14px / 22.4px sans-serif;
-            margin-top:     0px  ;
-            margin-bottom:  15px ;
-        }
-        #menuToggle .entre-li {
-            margin-bottom:  -15px ;
-        }
-        #menuToggle .entre-li-n4 {
-            margin-bottom:  -30px ;
-        }
-        #menuToggle .entre-li-n4-first {
-            margin-top:  -25px ;
-        }
-        #menuToggle ul .first-li  {
-            margin-top: -15px  !important;
-        }
-        #menuToggle ul .first-mwhelp  {
-            margin-top: -7px  !important;
-        }
-        #menuToggle a {
-            color: #0645AD !important;
-            overflow-wrap: break-word;
-        }
-        #menuToggle pre {
-            overflow-wrap: break-word;
-        }
-        #menuToggle a:hover {
-            text-decoration: underline !important;
-        }
-        #menuToggle a{
-            font: 14px / 22.4px sans-serif;
-        }
-        #menuToggle li {
-            font: 14px / 22.4px sans-serif !important;
-        }
-        #menuToggle span {
-            font: 14px / 22.4px sans-serif;
-        }
-        #menuToggle .base-li-1 {
-            margin-bottom: -25px !important;
-        }
-        #menuToggle .base-text {
-            font-size:12pt !important;
-        }
-        #menuToggle .desplaza {
-            margin-top: -12px;
-            padding-right: 30px !important;
-        }
-        #menuToggle .desplaza-2 {
-            margin-top: -10px !important;
-        }
-        #menuToggle #space-end-pure {
-            margin-bottom: 80px;
-        }
-        #menuToggle #space-end-social {
-            margin-bottom: 30px;
-        }
-        #menuToggle #space-end-music {
-            margin-bottom: 40px;
-        }
-        #menuToggle ul:hover {
-            /* color:#2864c4; */
-        }
-        #menuToggle .titulo1-text {
-            font-size: 18px !important;
-        }
-        #menuToggle .titulo2-text {
-            font: 700 14px / 22.4px sans-serif !important;
-        }
-        #menuToggle .titulo1-text-marco {
-            padding-left: 10px !important;
-            padding-right: 40px !important;
-        }
-        #menuToggle .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;
-        }
-        #menuToggle .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;
-        }
-        #menuToggle .titulo1MarcoTwolines {
-            padding-right: 0px;
-        }
-        #menuToggle .titulo1-marco-color {
-            background: #9595ab !important;
-        }
-        #menuToggle .titulo1-color {
-            color: white !important;
-        }
-        #menuToggle .marco1-ext {
-            width: 100% !important;
-            padding: 0px 0px 0px 0px !important;
-            background: #e3e3e8 !important;
-        }
-        #menuToggle .marco1-int {
-            background: #e3e3e8 !important;
-        }
-        #menuToggle .marco1-ext .mw-editsection {
-            display: none !important;
-        }
-        #menuToggle .divline1 {
-            padding: 0;
-            border: 0;
-            display: block;
-            margin-top: -7px !important;
-            margin-bottom: 30px !important;
-            margin-right: 0px !important;
-            margin-left: 2px  !important;
-            background-color: white;
-            height:1.2pt
-        }
-        #menuToggle .mw-collapsible-toggle {
-            outline: none !important;
-            color: rgb(58, 58, 63) !important;
-        }
-        #menuToggle .mw-collapsible-text {
-            color: rgb(58, 58, 63) !important;
-        }
-        #menuToggle .mw-collapsible-text:hover {
-            color: red !important;
-        }
-        #menuToggle .mw-collapsible-toggle:hover {
-            color: red !important;
-        }
-        #menuToggle .resaltar:hover {background: #bdbdca}
-        #menuToggle .button-top {
-            color: #999191; font-size:20px
-        }
-        #menuToggle .button-top:hover {
-            color: #5c4444;
-        }
-        /* Sidebar (Pure CSS) */
+      /* This block manages the CSS changes between "Mis paginas" page and the "Sidebar" page CSS */
-        #menuToggle {
+      #menuToggle ul {
-            display: block;
+          margin-top:    20px !important;
-            position: relative;
+          margin-bottom: 35px !important;
-            top: -145px;
+      }
-            margin-left: -205px;
+      #menuToggle li {
-            padding-left: 10px;
+          font: 14px / 22.4px sans-serif;
-            <!-- -webkit-user-select: none; -->
+          margin-top:     0px  ;
-            <!-- user-select: none; -->
+          margin-bottom:  15px ;
-        }
+      }
-        #menuToggle a {
+      #menuToggle .entre-li {
-            text-decoration: none;
+          margin-bottom:  -15px ;
-            color: #232323;
+      }
-            transition: color 0.3s ease;
+      #menuToggle .entre-li-n4 {
-        }
+          margin-bottom:  -30px ;
-        #menuToggle a:hover { color: tomato; }
+      }
-        #menuToggle input {
+      #menuToggle .entre-li-n4-first {
-            display: block;
+          margin-top:  -25px ;
-            width: 40px;
+      }
-            height: 32px;
+      #menuToggle ul .first-li  {
-            position: absolute;
+          margin-top: -15px  !important;
-            top: -7px;
+      }
-            left: -5px;
+      #menuToggle ul .first-mwhelp  {
-            cursor: pointer;
+          margin-top: -7px  !important;
-            opacity: 0; /* hide this */
+      }
-            z-index: 12; /* and place it over the hamburger */
+      #menuToggle a {
-            -webkit-touch-callout: none;
+          color: #0645AD !important;
-        }
+          overflow-wrap: break-word;
-        /* Just a quick hamburger */
+      }
-        #menuToggle .hamb {
+      #menuToggle pre {
-            display: block;
+          overflow-wrap: break-word;
-            width: 26px;
+      }
-            height: 4.1px;
+      #menuToggle a:hover {
-            margin-bottom: 2.9px;
+          text-decoration: underline !important;
-            position: relative;
+      }
-            background: #837e7e;
+      #menuToggle a{
-            border-radius: 3px;
+          font: 14px / 22.4px sans-serif;
-            z-index: 11;
+      }
-            transform-origin: 4px 0px;
+      #menuToggle li {
-            transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
+          font: 14px / 22.4px sans-serif !important;
-                        background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
+      }
-                        opacity 0.55s ease;
+      #menuToggle span {
-        }
+          font: 14px / 22.4px sans-serif;
-        /* #menuToggle #inputButton:hover + #hamb1 {
+      }
-            background: #5c4444 !important;
+      #menuToggle .base-li-1 {
-        } */
+          margin-bottom: -25px !important;
-        #menuToggle span:first-child {
+      }
-            transform-origin: 0% 0%;
+      #menuToggle .base-text {
-        }
+          font-size:12pt !important;
-        #menuToggle span:nth-last-child(2) {
+      }
-            transform-origin: 0% 100%;
+      #menuToggle .desplaza {
-        }
+          margin-top: -12px;
-        /* Transform all the slices of hamburger into a crossmark */
+          padding-right: 30px !important;
-        #menuToggle input:checked ~ .hamb {
+      }
-            opacity: 1;
+      #menuToggle .desplaza-2 {
-            transform: rotate(45deg) translate(-2px, -1px);
+          margin-top: -10px !important;
-            background: #837e7e;
+      }
-        }
+      #menuToggle #space-end-pure {
-        /* But let's hide the middle one */
+          margin-bottom: 80px;
-        #menuToggle input:checked ~ span:nth-last-child(3)
+      }
+      #menuToggle #space-end-social {
+          margin-bottom: 30px;
+      }
+      #menuToggle #space-end-music {
+          margin-bottom: 40px;
+      }
+      #menuToggle ul:hover {
+          /* color:#2864c4; */
+      }
+      #menuToggle .titulo1-text {
+          font-size: 18px !important;
+      }
+      #menuToggle .titulo2-text {
+          font: 700 14px / 22.4px sans-serif !important;
+      }
+      #menuToggle .titulo1-text-marco {
+          padding-left: 10px !important;
+          padding-right: 40px !important;
+      }
+      #menuToggle .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:
 }}
 <!-- Transclusion of pages that contain MW tags -->
 <div id="MediawikiHelp0-inter0" style="display:none">
-    {{#lst:My MediaWiki help|MediawikiHelp0}}
+  {{#lst:My MediaWiki help|MediawikiHelp0}}
 </div>
 <html>
-    <script>
+  <script>
-        document.getElementById("MediawikiHelp0-inter1").innerHTML = document.getElementById("MediawikiHelp0-inter0").innerHTML
+      document.getElementById("MediawikiHelp0-inter1").innerHTML = document.getElementById("MediawikiHelp0-inter0").innerHTML
-    </script>
+  </script>
 </html>
 <div id="Desktop-inter0" style="display:none">
-    {{#lst:Desktop|Desktop0}}
+  {{#lst:Desktop|Desktop0}}
 </div>
 <html>
-    <style>
+  <style>
-        #Desktop-inter1 .desktop-1-1 {
+      #Desktop-inter1 .desktop-1-1 {
-            border: 0px solid red;
+          border: 0px solid red;
-        }
+      }
-        #Desktop-inter1 .desktop-2-1 {
+      #Desktop-inter1 .desktop-2-1 {
-            background-color: #e3e3e8 !important;
+          background-color: #e3e3e8 !important;
-            border: 0px solid green !important;
+          border: 0px solid green !important;
-            padding-top: 0px !important;
+          padding-top: 0px !important;
-            padding-bottom: 40px;
+          padding-bottom: 40px;
-        }
+      }
-        #Desktop-inter1 .desktop-cuadro {
+      #Desktop-inter1 .desktop-cuadro {
-            border: 0px solid white !important;
+          border: 0px solid white !important;
-            background-color: white !important;
+          background-color: white !important;
-        }
+      }
-        #Desktop-inter1 .text-2-1 {
+      #Desktop-inter1 .text-2-1 {
-            margin-bottom: -50px;
+          margin-bottom: -50px;
-        }
+      }
-        #Desktop-inter1 .nivel-3 li {
+      #Desktop-inter1 .nivel-3 li {
-            margin-bottom: -3px !important;
+          margin-bottom: -3px !important;
-        }
+      }
-        #Desktop-inter1 .nivel-3 ul {
+      #Desktop-inter1 .nivel-3 ul {
-            margin-bottom: -20px !important;
+          margin-bottom: -20px !important;
-        }
+      }
-        #Desktop-inter1 .nivel-3 .first-li {
+      #Desktop-inter1 .nivel-3 .first-li {
-            margin-top: 15px !important;
+          margin-top: 15px !important;
-        }
+      }
-        #Desktop-inter1  a {
+      #Desktop-inter1  a {
-            overflow-wrap: break-word !important;
+          overflow-wrap: break-word !important;
-        }
+      }
-        #Desktop-inter1 .text-1-1 {
+      #Desktop-inter1 .text-1-1 {
-            font: 700 18px / 27.3px "Linux Libertine", Georgia, Times, serif;
+          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;
+          height: 46.6667px;
-            line-height: 53px;
+          line-height: 53px;
-            margin: 7px -1px 50px 0px !important;
+          margin: 7px -1px 50px 0px !important;
-            padding-left: 10px;
+          padding-left: 10px;
-        }
+      }
-        #Desktop-inter1 .desktop-2-1-area {
+      #Desktop-inter1 .desktop-2-1-area {
-            margin-left: -5px;
+          margin-left: -5px;
-        }
+      }
-        #Desktop-inter2 {
+      #Desktop-inter2 {
-            margin-top:   -27px  !important;
+          margin-top:   -27px  !important;
-            margin-bottom: 200px;
+          margin-bottom: 200px;
-            padding-left:  4px;
+          padding-left:  4px;
-            padding-right: 5px;
+          padding-right: 5px;
-        }
+      }
-        #Desktop-inter2 .antes-collapsible {
+      #Desktop-inter2 .antes-collapsible {
-            margin-bottom: 30px !important;
+          margin-bottom: 30px !important;
-        }
+      }
-        #Desktop-inter2 .espacio {
+      #Desktop-inter2 .espacio {
-            margin-left: -20px !important;
+          margin-left: -20px !important;
-        }
+      }
-    </style>
+  </style>
-    <script>
+  <script>
-        // This allows using the whole table by using «display: none» on the sections that won't be shown:
+      // This allows using the whole table by using «display: none» on the sections that won't be shown:
-        // document.getElementById("Desktop-inter2").innerHTML = document.getElementById("Desktop-inter0").innerHTML
+      // document.getElementById("Desktop-inter2").innerHTML = document.getElementById("Desktop-inter0").innerHTML
-        // $(".invisible").not('.desktop-1').css('display','none')
+      // $(".invisible").not('.desktop-1').css('display','none')
-        // $("#Desktop-inter1 #container-desktop-menu").css('display','none')
+      // $("#Desktop-inter1 #container-desktop-menu").css('display','none')
-        // $("#Desktop-inter1 #desktop p").addClass("desplaza-2")
+      // $("#Desktop-inter1 #desktop 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-inter1 .text-1-1").removeClass("desplaza-2")
-        // This is by taking only the section I need:
+      // 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-1-titulo-inter").innerHTML = document.getElementById("desktop-1-titulo").innerHTML
-        document.getElementById("Desktop-inter2").innerHTML = document.getElementById("desktop-main").innerHTML
+      document.getElementById("Desktop-inter2").innerHTML = document.getElementById("desktop-main").innerHTML
-        $("#Desktop-inter1 p").addClass("desplaza-2")
+      $("#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-inter1 .text-1-1").removeClass("desplaza-2")
-        $("#desktop-1-titulo-inter").wrap('<a href="Desktop" />');
+      $("#desktop-1-titulo-inter").wrap('<a href="Desktop" />');
-    </script>
+  </script>
 </html>