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 ***/
}