@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,700&display=swap'); *{ margin: 0; padding: 0; user-select: none; box-sizing: border-box; font-family: "Gill Sans"; } .btn{ position: fixed; top: 70px; left: 93px; height: 45px; width: 45px; text-align: center; background: #FFFFFF; border-radius: 4px; cursor: pointer; transition: left 0.4s ease; border: medium } .btn.click{ left: 410px; } .btn span{ color: #0C11ED; font-size: 40px; line-height: 125px; } .btn.click span:before{ content: '\f00d'; } .sidebar{ position: fixed; z-index:99; width: 400px; height: 100%; left: -480px; background: #FFFFFF; transition: left 0.4s ease; overflow-y: scroll; scrollbar-height: none; top: 10px; } .sidebar.show{ left: 6px; } .sidebar .text{ color: deeppink; font-size: 8px; font-weight: 600; line-height: 65px; text-align: left; background: #FFFFFF; letter-spacing: 1px; padding-left: 20px; } .sidebar .text2{ color: deeppink; font-size: 8px; font-weight: 600; line-height: 15px; text-align: left; background: #FFFFFF; letter-spacing: 1px; padding-left: 55px; } .sidebar .text3{ color: deeppink; font-size: 25px; font-weight: 600; line-height: 15px; text-align: left; background: #fff; letter-spacing: 1px; padding-left: 26px; } .button{ color: red; background: white; } nav ul{ background: #FFFFFF; height: 100%; width: 100%; list-style: none; } nav ul li{ line-height: 50px; /*esto es el alto de los renglones*/ border-top: 1px solid rgba(255,255,255,0.1); } nav ul li:last-child{ border-bottom: 1px solid rgba(255,255,255,0.05); } nav ul li a{ position: relative; /*color: black;*/ text-decoration: none; /*font-size: 16px;*/ padding-left: 25px; /*font-weight: 500;*/ display: block; width: 100%; border-left: 3px solid transparent; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; font-style: normal; font-weight: 600; font-size: 1.3rem; color: #2E2929; } nav ul li.active a{ color: Black; background: #FFFFFF; border-left-color: Black; } nav ul li a:hover{ background: #E7E0E0; font-family: dosis; font-style: normal; font-weight: 500; } nav ul ul{ position: static; display: none; } nav ul .laca-show.show{ display: block; } nav ul .serv-show.show1{ display: block; } nav ul .link-show.show2{ display: block; } nav ul .site-show.show3{ display: block; } nav ul .psyc-show.show4{ display: block; } nav ul .arti-show.show5{ display: block; } nav ul ul li{ line-height: 42px; border-top: none; } nav ul ul li a{ font-size: 17px; color: #e6e6e6; padding-left: 100px; } nav ul li.active ul li a{ color: #151300; background: #E7E0E0; border-left-color: transparent; } nav ul ul li a:hover{ color: black; background: #FFFFFF!important; } nav ul li a span{ position: absolute; top: 28px; right: 15px; transform: translateY(-50%); font-size: 22px; transition: transform 0.4s; width: 11px; height: 52px; } nav ul li a span.rotate{ transform: translateY(-50%) rotate(-180deg); } /*termina config hamburger menu*/ .content{ position: absolute; top: 3463px; left: 474px; transform: translate(-50%,-50%); color: #D1D154; z-index: -1; text-align: center; width: 461px; } .content .header{ font-size: 45px; font-weight: 600; color: #FFFFFF; } .content p{ font-size: 30px; font-weight: 500; } .contenedor { display: flex; flex-wrap: wrap; } input[type="submit"] { padding: 0px; height: 1.5em; width: 200px; font-size: 25px; font-style: normal; } input[type="text"] { margin-left: 0px; width: 250px; height: 28px; } /*copiado del rolleyyes original, digamos*/ /*ancho de tabla y otros*/ #module_mosmainbody { position: absolute; left: 311px; top: 108px; float:right; margin-top: 248px; margin-left: 0px; margin-bottom:0px; margin-right: 20px; width: auto; max-width: 820px; padding: 0px; min-height:460px; height: auto !important; height: 1500; background:#FFF; z-index: 50; font-size: 22px; } /*ancho de tabla y otros*/ /*style="position: absolute; left: 140px; top: -170px;"*/ #fotopresent { position: absolute; left: 150px; top: 214px; } #copyright { position: absolute; left: 111px; top: 12005px; } #lineup { position: absolute; margin-left: 342px; top: 38px; font-weight: normal; font-size: 16px; line-height: 1.0em; width: 1571px; z-index: 999; left: 86px; } #pepe1,#pepe2,#pepe3,#pepe4,#pepe5,#pepe6{ text-decoration-line: none; font-weight: normal; padding: 0px 0px 0px 0px; color: black; }