Más acciones
Sin resumen de edición |
Sin resumen de edición |
||
(No se muestran 2 ediciones intermedias de otro usuario) | |||
Línea 3: | Línea 3: | ||
:root { | :root { | ||
--color-primary__h: 205; | --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); | |||
} | } | ||
Línea 47: | Línea 50: | ||
/* Base CSS classes for demo. If you wish to use Mbox on your wiki, only copy the below. */ | /* Base CSS classes for demo. If you wish to use Mbox on your wiki, only copy the below. */ | ||
/* Color variables */ | |||
/* Use var(--varName) to use the color*/ | |||
:root { | |||
/* New brand colors (https://discord.com/branding) */ | |||
--blurple: #5865F2; | |||
--green: #57F287; | |||
--yellow: #FEE75C; | |||
--fuchsia: #EB459E; | |||
--red: #ED4245; | |||
--white: #FFFFFF; | |||
--black: #000000; | |||
. | |||
--link: #00b0f4; | |||
} | } | ||
.mbox { | .mbox { | ||
display: flex; | display: flex; | ||
Línea 258: | Línea 131: | ||
} | } | ||
/* | /* Citizen color switch */ | ||
.skin-citizen-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); | |||
} | } | ||
.skin-citizen-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)); | |||
: | |||
- | |||
} | } |
Revisión actual - 01:33 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. */
/* Color variables */
/* Use var(--varName) to use the color*/
:root {
/* New brand colors (https://discord.com/branding) */
--blurple: #5865F2;
--green: #57F287;
--yellow: #FEE75C;
--fuchsia: #EB459E;
--red: #ED4245;
--white: #FFFFFF;
--black: #000000;
--link: #00b0f4;
}
.mbox {
display: flex;
position: relative;
background-color: var(--theme-page-background-color--secondary);
border: 1px solid;
border-left-width: 8px;
border-color: var(--blurple);
border-radius: 3px;
margin-bottom: 5px;
min-height: 32px;
}
.mbox.mbox-type-warn {
border-color: var(--yellow);
}
.mbox.mbox-type-red {
border-color: var(--red);
}
.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;
}
/* Citizen color switch */
.skin-citizen-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);
}
.skin-citizen-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));
}