MediaWiki:Monobook.css

Nota: Después de publicar, quizás necesite actualizar la caché de su navegador para ver los cambios.

  • Firefox/Safari: Mantenga presionada la tecla Shift mientras pulsa el botón Actualizar, o presiona Ctrl+F5 o Ctrl+R (⌘+R en Mac)
  • Google Chrome: presione Ctrl+Shift+R (⌘+Shift+R en Mac)
  • Internet Explorer/Edge: mantenga presionada Ctrl mientras pulsa Actualizar, o presione Ctrl+F5
  • Opera: Presiona Ctrl+F5.
/* El CSS colocado en esta página afectará a los usuarios que usen la apariencia "MonoBook" */

/*** Fondo ***/
body {
	background: url("https://images.wikidexcdn.net/mwuploads/esacrossing/5/51/latest/20230217230939/Wiki-background.png");
	background-attachment: fixed;
}

/*** Menú lateral (extraído de Wikidex.net) ***/
.portlet h3, #p-cactions ul li a {
	text-transform: none !important;
}
/* Encabezados negros */
.portlet h3 {
	display: block;
	margin: 0;
	height: auto;
	background:#333;
	color:white;
}
/* Orden del buscador */
#sidebar {
	display:flex;
	flex-direction: column;
}
#p-search {
	order: -1;
}
body.skin-monobook #f-copyrightico {
	margin-left:15px; margin-top:35px;
}
body.skin-monobook #f-poweredbyico {
	margin-top:35px;
}
div#footer {
	width:86%;
	border-radius:12px 0 0 12px;
	margin-left:auto;
	border-top: 1px solid #888;
	border-left: 1px solid #777;
	border-bottom: 1px solid #777;
}
/* Colores */
#searchBody {
	border-right-radius:12px 0 0 12px;
	border-color:#333;
	background:#8dff6e url(https://images.wikidexcdn.net/mwuploads/wikidex/b/b0/latest/20100319122739/Reflected_shadow.png) right top repeat-x;
}
	
#p-tb .pBody, #p-lang .pBody, #p-discord .pBody {
	border-color:#333;
	background-color:#8dff6e;
	border-right-radius:12px 0 0 12px;
}
#p-discord a.discordlink {
	display:inline-block;
	width: 120px;
	height: 40px;
	padding: 5px 3px 0;
}
	
#p-discord a.discordlink svg {
	background: #fff;
	border: 2px solid #7289DA;
}
#p-tb .pBody ul, #p-lang .pBody ul { margin-left:0px; }
	 
#p-tb .pBody li, #p-lang .pBody li {
	list-style:none;
	box-shadow:0 0 0.5em 0.1em #32CD32;
	background-color:#32CD32;
	margin-top:6px;
	text-align:center;
	width:133px;
	line-height:20px;
	border-radius:5px;
}

/*** Bordes redondos (extraído de Wikidex.net) ***/
/* Espacio de contenido */
#content {
	border-radius:12px 0 0 12px;
	border-top-color:#888;
	border-left-color:#777;
	border-bottom-color:#777;
	border-width: 1px;
}

body.ns-0:not(.page-Portada) #content {
	border-radius:12px 0 0 0;
	border-bottom-color:#aaa;
}

/* Pestañas */
#p-cactions li, #p-cactions li > a {
	border-radius:10px 10px 0 0;
}
body.skin-monobook #p-cactions li, 
body.skin-monobook #p-cactions li.selected {
	border-color: #333;
	padding-top:2px;
	padding-bottom:2px;
	font-size:13px;
	font-family:'Trebuchet MS', 'Arial', 'Helvetica', sans-serif;
}
body.skin-monobook #p-cactions li > a {
	background-color:transparent;
	color:#333;
}
body.skin-monobook #p-cactions li.new > a {
	color:#c20;
}

body.skin-monobook #p-cactions li {
	background-color:#8dff6e
}
	
body.skin-monobook #p-cactions li.selected,
body.skin-monobook #p-cactions li:first-child,
body.skin-monobook #p-cactions li#ca-talk,
body.skin-monobook #p-cactions li:hover {
	background-color:#FFFFFF;
}

body.skin-monobook #p-cactions li.selected > a,
body.skin-monobook #p-cactions li:hover > a {
	background-color:#FFFFFF;
}
	
body.skin-monobook #p-cactions {
	margin-top:-2px;
}

/*** Panel de usuario (extraído de Wikidex.net y modificado por AlfonsoGamer) ***/
div#column-content, #p-cactions, #p-logo { padding-top:40px; }

body.skin-monobook #column-one { padding-top:200px; }
	
body.skin-monobook #p-personal li {
	margin: 0;
}
body.skin-monobook #p-personal a {
    background-color: rgba(0,0,0,.4);
}
body.skin-monobook li#pt-anonuserpage {
	color: #eee;
}
body.skin-monobook #p-personal a.mw-echo-notifications-badge {
	background-color: transparent;
	border-left: none;
	margin-left: 5px;
	line-height: normal;
}
#p-personal #pt-talk-alert a {
	background-color: #e9e9e9;
	color: #a40d0d;
	text-shadow: none;
	font-weight: bold;
}
	
body.skin-monobook #p-personal li > a {
	color:#fff;
	text-shadow: 1px 1px #333;
	line-height:35px;
	border-left:1px solid #999;
	padding:2px 5px;
}
	
body.skin-monobook #p-personal li#pt-userpage > a {
	border-left:0;
	color:#e9e9e9;
	font-weight:bold;
	border-radius:10px 0 0 10px;
}
	
#p-personal li#pt-mytalk > a.mw-echo-alert {
	color:#000;
	font-weight:bold;
	text-shadow: initial;
}
	
body.skin-monobook #p-personal li > a:hover, body.skin-monobook #p-personal li.active > a:hover {
	background-color:#e9e9e9;
	box-shadow:0 0 0.5em 0.1em #e9e9e9;
	text-shadow:#999 1px 1px 1px;
	text-decoration:none;
}
	
body.skin-monobook #p-personal li#pt-userpage > a:hover {
	color:white !important;
}
	
li#pt-logout > a {
	border-radius:0 10px 10px 0;
}
body.skin-monobook li#pt-logout > a:hover {
	background-color:#FFAC93;
	box-shadow:0 0 0.5em 0.1em #FFAC93;
	text-shadow:#999 1px 1px 1px;
	text-decoration:none;
}

/*** Encabezados de Nivel 2 ***/
body.ns-0 #mw-content-text .mw-parser-output > h2 {
  background-color:lime;
  background-image: -moz-linear-gradient(top, lime 35%, green 65%);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, lime), color-stop(65%, green));
  background-image: -o-linear-gradient(top, lime 35%, green 65%);
  background-image: -ms-linear-gradient(top, lime 35%, green 65%);
  border-radius: 4px 20px 20px 4px;
  color: white;
  text-shadow:0 0 3px black;
  font-family: 'Times New Roman', serif;
  font-size: 23px;
  justify-content: center;
  line-height: 15px;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  text-align:center;
  margin: 0;
  margin-top:14px;
  margin-bottom: 0.3em;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

body.ns-0 #mw-content-text .mw-parser-output > h2 > .mw-headline > a {
    color: white
}

/*** Encabezados de Nivel 3 ***/
body.ns-0 #mw-content-text .mw-parser-output > h3 {
   font-size:18px;
   font-family:'Arial Black', 'Arial Rounded MT Bold', sans-serif;
   color:white;
   text-shadow:0 0 3px black;
   background-image:-webkit-gradient(linear, right top, right bottom, color-stop(10%,#BA713E), color-stop(20%,#8B491B), color-stop(30%,#BA713E), color-stop(40%,#8B491B), color-stop(50%,#BA713E), color-stop(60%,#8B491B), color-stop(70%,#BA713E), color-stop(80%,#8B491B), color-stop(90%,#BA713E), color-stop(100%, #8B491B));
   border-radius:0 0 30px 0;
   -moz-border-radius:0 0 30px 0;
   -webkit-border-radius:0 0 30px 0;
   padding:0 10px;
}

body.ns-0 #mw-content-text .mw-parser-output > h3 > .mw-headline > a {
    color: white
}

/*** Páginas relacionadas ***/
.ra-read-more {
	padding: 5px 0 0;
	background: #ebebeb;
	border-radius: 0px 0px 0px 12px;
	border-left: 1px solid #777;
	border-bottom: 1px solid #777;
}

.ra-read-more h2 {
	color: #282828;
	font-weight: bold;
	padding-left: 13px;
}

.ra-read-more .ext-related-articles-card-list {
	margin-left: 13px
}

.ext-related-articles-card-list .ext-related-articles-card, .ext-related-articles-card-list .ext-related-articles-card:first-child, .ext-related-articles-card-list .ext-related-articles-card:last-child {
	border-radius: 10px;
}

.ext-related-articles-card-list .ext-related-articles-card-thumb {
	border-radius: 10px 0px 0px 10px;
}

.ext-related-articles-card-list .ext-related-articles-card-detail {
	margin-right: 2px;
}

/* Usuarios en color */
/** Administradores **/
 a[href$=":AlfonsoGamer"]:not(.mw-usertoollinks-talk) {
    color: #14FF00 !important;
    text-shadow: 1px 1px 1px green;
    font-variant:small-caps;
    font-family:'Comic Sans MS', sans-serif;
    font-size: 15px;
	font-style: normal;
	font-weight: bold;
}
 a[href$=":Luis_GR"]:not(.mw-usertoollinks-talk) {
    color: #2bcd1d !important;
    text-shadow: 1px 1px 1px green;
    font-variant:small-caps;
    font-family:'Comic Sans MS', sans-serif;
    font-size: 15px;
	font-style: normal;
	font-weight: bold;
}

/* Estilos solo para escritorio */
@media screen and (min-width: 551px) {

	/*** Monobook Sidebar ***/
	/*sin un padding feo */
	#p-navigation ul {
		margin:0;
	}
	#p-navigation > div {
		border-color:#333;
		background:#a5ff8c;
		padding:0;
	}
	/*que no sea un list*/
	#p-navigation li {
		display:block;
		list-style-image:none !important;/*por IE*/
	}
	/*diseño general de los enlaces*/
	#p-navigation li > a {
		display:block;
		position:relative;
		background:#fff;
		color:#000;
		font-size:14.9px;
		font-family:'Trebuchet MS', 'Arial', 'Helvetica', sans-serif;
		padding:0 0 0 10px;
		line-height:24px;
		font-weight:bold;
		text-decoration:none;
		border-bottom:1px solid #EEEEEE;
	}
	/*especial solo para el menu de primer nivel*/
	#p-navigation > div > ul > li > a {
		background:#8dff6e url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAWCAYAAAABxvaqAAAAGklEQVQIW2MIeaX9n4F0wvmW1H8GqyMipBEA8Z0xWTSPOj8AAAAASUVORK5CYIIA') repeat-x left center;
		margin:1px 1px 0 1px;
		padding:0 0 0 10px;
		color:#fff;
		width:auto;
		text-shadow:#555 1px 1px 3px;
	}
	#p-navigation > div > ul > li:hover > a {
		color:#b7ffb0;
		text-shadow:#79aa6c 1px 1px 3px;
	}
	#p-navigation > div > ul > li > a > em {
		right:8px;
	}
	/* marcador submenu */
	#p-navigation em {
		font-style:normal;
		font-family:arial,sans-serif;
		font-size:16pt;
		font-weight:bold;
		line-height:20px;
		position:absolute;
		right:8px;
		top:0px
	}
	/*hover*/
	#p-navigation li > ul > li:hover > a {
		background-color:#8dff6e;
	}
	
	#p-navigation li:hover > ul.sub-menu {
		display:block;
	}
	
	/* general submenu*/
	#p-navigation ul.sub-menu {
		border:1px solid #aaa;
		display:none;
		background:#fff;
		position:absolute;
		padding:1px;
		width:200px;
		margin-left:195px;
		margin-top:-27px;
		z-index:100;
	}
	
	/* Solo el primero */
	#p-navigation > div > ul > li > ul.sub-menu {
		margin-left:138px;
	}
	/*** Fin Monobook Sidebar ***/

}