Sin resumen de edición |
Sin resumen de edición |
||
| Línea 440: | Línea 440: | ||
.linkedin_red { | .linkedin_red { | ||
position: relative; | position: relative; | ||
right: | right: 20px; | ||
} | } | ||
} | } | ||
Revisión del 21:30 8 sep 2024
/* Todo el CSS colocado aquí será cargado para los usuarios que usen la apariencia MinervaNeue */
/*moficaciones*/
.logoheader{
background-image:url("https://tezcatl.ciesas.edu.mx/images/b/bb/Banner-con-logos-3.jpg");
background-color:#c8d5e5;
}
.linkedin_red, .linkedin_red a {
color:#c7d5e4;
background-image:url("https://tezcatl.ciesas.edu.mx/images/archive/1/10/20240906162711%21LI-In-Bug.png");
background-size:30px;
background-repeat:no-repeat;
height:30px;
text-align:right;
background-position:100%;
display:inherit;
}
.mw-body {
background:#ebf4ff;
}
.mw-spcontent {
padding-left: 50px;
padding-right: 50px;
}
.mw-body-content {
padding-left: 50px;
padding-right: 50px;
}
.mw-body-content.mw-content-ltr {
padding-left:0px!important;
padding-right:0px!important;
}
.titulo_portada.mw-parser-output a.external:hover {
color:#cea11b;
}
.titulo_portada.mw-parser-output a.external {
color:#cea11b;
}
.searchresult{
display:none;
}
.mw-search-result-data {
color:#FFF;
border-bottom: 1px solid #C8C1C1
}
.mw-ui-button {display:grid;margin:0 auto;width:180px!important;}
/*header*/
small {
font-size: 0.95em;
}
.pre-content h1 {
text-align:center;
}
.mw-file-element {
width: 100%;
height: auto;
}
.minerva__tab.new {
display:none;
}
.cdx-button:enabled.cdx-button--weight-quiet, .cdx-button.cdx-button--fake-button--enabled.cdx-button--weight-quiet {
padding:5px;
margin:0px 2px 2px 0px;
height:49px;
background:#c7d5e4;
}
.cdx-button .minerva-icon + span:not(:empty) {
color: #000;
}
.header-container.header-chrome {
background-color:#103c59;
height:80px;
}
.minerva-header {
height:5em;
max-width:90%;
}
.minerva-header .search-box {
height:49px;
border:0px!important;
max-width:100%!important;
}
.search-box .search {
height:3em;
margin-left:8px;
border-radius:5px;
width:99%;
}
.banner-container {
background-color:#195d8a;
}
#portada {
background-size:cover;
background-attachment:fixed;
background-position: 40%;
min-height:400px;
opacity:0.9;
height:100vh;
background-image:url("https://tezcatl.ciesas.edu.mx/images/c/c1/Portada-12-sin-texto.png");
}
/*footer*/
#mw-mf-page-center {
background-color:#33659d45;
}
#footer-info-copyright a, #footer-places a, .post-content.last-modified-bar__content, .last-modified-bar .minerva-icon {
color: #FFF;
}
.minerva-footer {
background-color:#195d8a;
color:#F2F2F2;
}
.last-modified-bar__text.modified-enhancement, .last-modified-bar .minerva-icon .minerva-icon {
color: #FFF;
}
/*Portales*/
.content, .content h2 {
font-family: "Raleway", sans-serif;
margin-top:20px;
}
a {
font-weight:500;
}
/*Articulos*/
.embedpdf {
width:100%;
min-height:600px;
}
.ficha {
width: 90%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
margin-bottom: 12px;
clear: both;
min-height: 150px;
overflow: hidden;
background: #33659d3d;
border-radius: 15px;
padding-top: 15px;
border:1px solid #a2a9b1;
}
.bioficha {
width: 60%;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
margin-bottom: 30px;
clear: both;
min-height: 100px;
overflow: hidden;
background: #eed4bd2e;
border-radius: 15px;
padding-top: 15px;
color:#000;
border:1px solid #a2a9b1;
margin:0 auto;
}
.unidadciesas {
text-align:right;
font-size:0.95em;
font-weight:500;
}
.mw-page-title-main {
font-size: 1.5em;
}
.mw-headline {
border-bottom:2px solid #EEE;
}
.mw-body {
border-top:0px;
}
.minerva-header .branding-box {
display: none;
}
@media screen and (max-width:599px) {
.linkedin_red {
display:none;
}
}
@media screen and (min-width: 300px) and (max-height:990px ) {
.minerva-header .search-box {
max-width:70%;
width: 55.438em;
border: 1px solid;
}
#portada {
margin-top:-53px;
margin-bottom:-50px;
display: flex;
align-items: center;
justify-content: center;
}
.titulo_portada {
font-size:2.5em;
text-align:center;
text-shadow: #040404 2px 1px;
width:100%;
}
.texto_portada {
font-size:1.8em;
text-align:center;
color:#cea11b;
line-height:1.5;
}
.minerva-user-navigation > :last-child {
margin-right:-40px;
}
.search-box .search {
width:81%;
margin-left:20px;
margin-top:5px;
}
/*.titleheader {
font-size: 0.5em;
font-weight: 700;
margin-left: 131px;
margin-right: 50px;
position: absolute;
top: 84px;
text-align: center;
}*/
.logoheader {
/*background-image:url("https://tezcatl.ciesas.edu.mx/images/8/87/Header-tezcatl-2.jpg");*/
background-position:57% 50%;
height:60px;
background-size:147%;
background-repeat:no-repeat;
}
}
@media ( min-width: 600px ) and (max-width: 900px){
.page-actions-menu {
border-top:0;
border-bottom:0;
position:relative;
top:-214px;
}
.banner-container {
padding-bottom:30px;
}
#portada {
background-position: 45%;
min-height:650px;
display:flex;
align-items:center;
justify-content:center;
}
.titulo_portada {
font-size:3.5em;
text-align:center;
color:#cea11b;
line-height:1.8;
padding:30px;
font-weight:700;
text-shadow: #040404 2px 1px;
width:100%;
}
.mw-body {
margin-bottom:-51px;
}
/*.titleheader {
font-size: 1.1em;
font-weight: 700;
margin-left: 218px;
margin-right: 50px;
position: absolute;
top: 89px;
text-align: center;
}*/
.logoheader {
/*background-image:url("https://tezcatl.ciesas.edu.mx/images/8/87/Header-tezcatl-2.jpg");*/
background-position:55% 50%;
height:60px;
background-size:102%;
background-repeat:no-repeat;
}
.linkedin_red {
position: relative;
right: 4px;
}
.content {
height:84vh;
}
.post-content.last-modified-bar__content {
color:#000;
}
}
@media screen and (min-width: 1000px) {
.pre-content {
margin-left:1em;
margin-right:3em;
width:98%;
max-width:100%;
margin-top:30px;
}
.content {
margin-left:auto;
margin-right:auto;
width:100%;
max-width:100%;
margin-top:60px;
}
.post-content {
max-width:80%;
}
.banner-container {
margin-left: auto;
margin-right: auto;
width: 100%;
max-width: 100%;
padding-bottom:0px;
}
#portada {
margin-top:-53px;
margin-bottom:-50px;
display:flex;
align-items:center;
justify-content:center;
}
#pagina {
padding:0em;
margin-left:8%;
margin-right:10%;
padding-top:10px;
}
.ficha {
width: 95%;
margin-right:auto;
margin-left:2em;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 15px;
margin-bottom: 12px;
clear: both;
min-height: 150px;
overflow: hidden;
background: #33659d3d;
border-radius: 15px;
padding-top: 15px;
}
.page-actions-menu {
box-sizing: border-box;
border-top: 0px solid #eaecf0;
border-bottom: 0px solid #c8ccd1;
position:absolute;
top: -81px;
right: 125px;
}
.page-heading {
margin-bottom: 12px;
border-bottom: 0px solid #c8ccd1;
padding: 3px;
}
.titulo_portada {
font-size:4.5em;
text-align:center;
color:#cea11b;
line-height:1.8;
padding:30px;
font-weight:700;
text-shadow: #040404 2px 1px;
width:100;
}
.texto_portada {
font-size:2.5em;
text-align:center;
color:#cea11b;
line-height:1.5;
}
.search-box .search {
width:90%;
margin-left:20px;
margin-top:1px;
}
.mw-category.mw-category-columns {
column-count:1;
column-width:auto;
}
/*.titleheader {
font-size: 1.8em;
text-align: center;
position: absolute;
margin-left: 388px;
margin-right: 130px;
top: 89px;
font-weight: 700;
}*/
.logoheader {
/*background-image:url("https://tezcatl.ciesas.edu.mx/images/8/87/Header-tezcatl-2.jpg");*/
background-position:center;
min-height:92px;
background-size:100%;
background-repeat:no-repeat;
border-bottom:1px solid #103c59;
}
.linkedin_red {
position: relative;
right: 20px;
}
}
@media ( min-width: 1440px ) {
#portada {
background-position: 45%;
min-height:600px;
}
.ficha {
font-size:1.25em;
}
h3 {
font-size:2em;
}
.mw-page-title-main {
font-size:2.1em;
}
.catlinks {
font-size:1.3em;
}
.page-actions-menu {
top:-82px;
right:280px;
}
.content p {
font-size:1.2em;
}
.navMenu li {
font-size:1.1em!important;
}
.mw-category.mw-category-columns .mw-category-group li {
font-size:1.3em;
}
.post-content {
font-size:1.2em;
}
/*.titleheader {
font-size: 2.6em;
font-weight: 700;
margin-left: 495px;
margin-right: 80px;
position: absolute;
top: 94px;
text-align: center;
}*/
.logoheader {
/*background-image:url("https://tezcatl.ciesas.edu.mx/images/8/87/Header-tezcatl-2.jpg");*/
background-position:center;
height:130px;
background-size:98%;
background-repeat:no-repeat;
border-bottom:1px solid #103c59;
background-color:#c8d5e5;
}
.navMenu > ul > li {
width:206px!important;
}
.navMenu ul.sub-menus {
width:200px!important;
}
.linkedin_red {
position: relative;
right: 140px;
}
}
/*#page-actions-history,
#page-actions-viewsource,
#page-actions-watch {
display:none;
}*/
/*menu*/
.page-actions-menu__list {
float:right;
}
.minerva__tab-container .minerva__tab.selected {
display:none;
}
/* Make nav menu items take full width allocated */
.navMenu {
background: #c7d5e4;
}
.navMenu>ul {
display: flex;
justify-content: center;
align-items:center;
height:54px;
}
/*.navMenu>li {
list-style: none;
font-size: 1em;
text-transform: uppercase;
cursor: pointer;
padding:12px;
background:#c7d5e4;
margin-right:30px;
border-radius:6px;
}
.navMenu>li . {
font-weight: 700;
color:#c7d5e4;
}*/
.navMenu > ul > li {
width: 158px;
text-align: center;
padding:8px;
border-radius:5px;
margin-right:10px;
cursor: pointer;
list-style: none;
}
.navMenu > ul > li a, .navMenu > ul > li .external {
font-weight:700;
color:inherit;
}
.navMenu > ul > li:hover {
background: #103c59;
color:#c7d5e4;
}
.navMenu > ul > li a:hover {
color:#c7d5e4;
}
.navMenu ul.sub-menus{
height: auto;
overflow: hidden;
width: 190px;
background: #c7d5e4;
position: absolute;
z-index: 99;
display: none;
margin-top:13px;
color:#103c59;
}
.navMenu ul.sub-menus >li {
display: block;
text-align: left;
width: 100%;
padding:8px;
}
.navMenu ul.sub-menus >li:hover {
background: #103c59;
color:#FFF;
}
.navMenu ul.sub-menus > li a {
/*color: #000000;*/
font-size: 0.9em;
}
.navMenu li:hover ul.sub-menus {
display: block
}
.navMenu ul.sub-menus li a:hover{
background: #103c59;
color: #FFFFFF;
}
/* Styles for the hamburger menu icon */
#hamburger {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
cursor: pointer;
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
}
#hamburger div {
width: 22px;
height: 2px;
background-color: #FFF;
margin: 4px 0;
transition: 0.5s;
}
#hamburger {
display: none;
}
@media screen and (max-width: 768px) {
#hamburger {
display: block;
top:140px;
}
.navMenu {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
background-color: black;
transform: translateX(100%);
transition: 0.5s;
display:none;
}
.navMenu ul {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin: 15px 0;
}
.navMenu li {
color: white;
padding: 15px 0;
}
.branding-box, .navigation-drawer {
margin-right:3px;
}
.mw-parser-output {
margin-top: 55px;
}
}
/* Extra utility classes to be added with JS */
.nav-active {
transform: translateX(0);
}
#hamburger.toggle div {
background-color: white;
}
.toggle #bar1 {
transform: rotate(-45deg) translate(-5px, 4px);
}
.toggle #bar2 {
opacity: 0;
}
.toggle #bar3 {
transform: rotate(45deg) translate(-5px, -4px);
}
.toggle-list {
background:#c7d5e4;
border-radius:6px;
}