Diferencia entre revisiones de «MediaWiki:Minerva.css»

Revisión actual - 12:14 7 ene 2025

/* 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/0/05/Banner-con-logos-secihti.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;
	}