Más acciones
Sin resumen de edición |
Sin resumen de edición |
||
Línea 197: | Línea 197: | ||
display: flex; | display: flex; | ||
position: relative; | position: relative; | ||
background-color: | background-color: #23272A; | ||
border: 1px solid; | border: 1px solid; | ||
border-left-width: 8px; | border-left-width: 8px; | ||
border-color: | border-color: #5865F2; | ||
border-radius: 3px; | border-radius: 3px; | ||
margin-bottom: 5px; | margin-bottom: 5px; | ||
Línea 207: | Línea 207: | ||
.mbox.mbox-type-warn { | .mbox.mbox-type-warn { | ||
border-color: | border-color: #FEE75C; | ||
} | } | ||
.mbox.mbox-type-red { | .mbox.mbox-type-red { | ||
border-color: | border-color: #ED4245; | ||
} | } | ||
Línea 259: | Línea 259: | ||
.mbox__close { | .mbox__close { | ||
display: none; | display: none; | ||
} | } |
Revisión del 00:08 2 nov 2023
/* All CSS here will be loaded for users of the Citizen skin */
/* Courtesy of starcitizen.tools */
:root {
--color-primary__h: 205;
--type-important: rgba(200, 0, 0, 0.8);
--type-moderate: rgba(233, 124, 47, 0.8);
--type-minor: rgba(241, 197, 37, 0.8);
}
/* Adjust contrast since we changed primary color */
:root.skin-citizen-dark {
--color-primary__l: 56%;
}
/* Align icon opacity with skin default */
.mw-logo-icon {
opacity: var( --opacity-icon-base );
}
/*
* Footer icons
* We use custom footer icons so we need to fine tune it
/* More space between icons
#footer-icons ul {
gap: var( --space-md );
}
*/
/* Background responsive para las plantillas */
.bgesp {
background-color:#f9fafb;
}
.skin-citizen-dark .bgesp {
background-color: #1d2830;
}
/* Color de letra Púrpura para las plantillas */
.purpura {
color:#520044;
}
.skin-citizen-dark .purpura {
color: #df00b9;
}
/* Base CSS classes for demo. If you wish to use Mbox on your wiki, only copy the below. */
.mbox {
--type-important: rgba(200, 0, 0, 0.8);
--type-moderate: rgba(233, 124, 47, 0.8);
--type-minor: rgba(241, 197, 37, 0.8);
display: flex;
position: relative;
background-color: var(--theme-page-background-color--secondary);
border: 1px solid var(--theme-border-color);
border-left-width: 8px;
border-left-color: #d6d6d6;
border-radius: 3px;
margin-bottom: 5px;
min-height: 32px;
}
.mbox.mbox-type-important {
border-left-color: var(--type-important);
}
.mbox.mbox-type-moderate {
border-left-color: var(--type-moderate);
}
.mbox.mbox-type-minor {
border-left-color: var(--type-minor);
}
.mbox__content {
display: table;
box-sizing: border-box;
width: 100%;
padding: 8px 15px;
}
.mbox__content__image {
display: table-cell;
width: 40px;
height: 100%;
text-align: center;
vertical-align: middle;
padding-right: 15px;
}
.mbox__content__wrapper {
display: table-cell;
vertical-align: middle;
}
.mbox__content__header {
display: block;
font-weight: bold;
}
.mbox__content__text {
display: block;
}
.mbox__content__text__comment {
font-size: small;
}
.mbox__content__aside {
display: table-cell;
width: 100px;
vertical-align: middle;
text-align: center;
padding: 0 15px;
border-left: 1px solid #d6d6d6;
}
.mbox__close {
position: absolute;
right: 0;
top: 0;
padding: 2px 7px;
font-weight: bold;
font-size: 16px;
color: #bbb;
cursor: pointer;
transition: all .15s ease-in;
}
.mbox__close:hover {
color: #777;
}
.mbox__close:after {
content: '×';
}
.mw-collapsed + .mbox__close {
transform: rotate(45deg);
padding: 4px 7px 5px 2px;
}
/* Mobile skin fixes */
.skin-fandommobile .mbox__content__image {
width: 60px;
}
.skin-fandommobile .mbox__content__image .article-media-thumbnail {
margin-bottom: unset;
}
/* Wookieepedia-style Mbox demo. */
.mbox--wook {
background-color: #7bb0d8;
border: none;
border-radius: 10px;
}
.mbox--wook .mbox__close {
color: #0c8787;
font-weight: normal;
font-size: 13px;
}
.mbox--wook .mbox__close:after {
content: '[hide]';
}
.mbox--wook .mw-collapsed + .mbox__close {
transform: none;
padding: 2px 7px;
}
.mbox--wook .mw-collapsed + .mbox__close:after {
content: '[show]';
}
/* Final Fantasy-style Mbox demo. */
.theme-fandomdesktop-light .mbox--ff {
border-top: 1px solid #afaa84;
border-radius: 10px;
background: linear-gradient(180deg,rgba(255,255,246,1) 0,rgba(247,219,185,1) 40px);
}
.theme-fandomdesktop-dark .mbox--ff {
border-top: 3px solid #1e9de3 !important;
border: 0;
background: linear-gradient(180deg,rgba(5,37,78,.5) 0,rgba(5,37,78,.5) 75%,rgba(5,37,78,0));
}
/* Message Boxes */
.mbox {
display: flex;
position: relative;
background-color: #23272A;
border: 1px solid;
border-left-width: 8px;
border-color: #5865F2;
border-radius: 3px;
margin-bottom: 5px;
min-height: 32px;
}
.mbox.mbox-type-warn {
border-color: #FEE75C;
}
.mbox.mbox-type-red {
border-color: #ED4245;
}
.mbox__content {
display: table;
box-sizing: border-box;
width: 100%;
padding: 8px 15px;
}
.mbox__content__image {
display: table-cell;
width: 40px;
height: 100%;
text-align: center;
vertical-align: middle;
padding-right: 15px;
}
.mbox__content__wrapper {
display: table-cell;
vertical-align: middle;
}
.mbox__content__header {
display: block;
font-weight: bold;
}
.mbox__content__text {
display: block;
}
.mbox__content__text__comment {
font-size: small;
}
.mbox__content__aside {
display: table-cell;
width: 100px;
vertical-align: middle;
text-align: center;
padding-left: 15px;
border-left: 1px solid var(--theme-border-color);
}
.mbox__close {
display: none;
}