More actions
No edit summary |
No edit summary |
||
| Line 1: | Line 1: | ||
/* --- Estilo General del Artículo --- */ | /* --- Estilo General del Artículo --- */ | ||
body { | .skin-citizen body { | ||
font-family: 'Newsreader', serif; | font-family: 'Newsreader', serif; | ||
background-color: #18181e; | background-color: #18181e; | ||
color: #ffffff; | color: #ffffff; | ||
line-height: 1.8; | line-height: 1.8; | ||
margin: 0; | margin: 0; | ||
| Line 10: | Line 10: | ||
/* --- Título Principal del Artículo --- */ | /* --- Título Principal del Artículo --- */ | ||
h1.firstHeading { | .skin-citizen .mw-parser-output h1.firstHeading { | ||
font-family: 'Libre Baskerville', serif; | font-family: 'Libre Baskerville', serif; | ||
font-size: 2.5rem; | font-size: 2.5rem; | ||
font-weight: bold; | font-weight: bold; | ||
color: #ffffff; | color: #ffffff; | ||
margin-bottom: 20px; | margin-bottom: 20px; | ||
} | } | ||
/* --- Encabezados Secundarios --- */ | /* --- Encabezados Secundarios --- */ | ||
.mw-parser-output h2 { | .skin-citizen .mw-parser-output h2 { | ||
font-family: 'EB Garamond', serif; | font-family: 'EB Garamond', serif; | ||
font-size: 2rem; | font-size: 2rem; | ||
| Line 25: | Line 25: | ||
color: #ffffff; | color: #ffffff; | ||
margin-top: 20px; | margin-top: 20px; | ||
} | } | ||
/* --- Letra Capital al Inicio del Artículo --- */ | /* --- Letra Capital al Inicio del Artículo --- */ | ||
.mw-parser-output > p:first-of-type::first-letter { | .skin-citizen .mw-parser-output > p:first-of-type::first-letter { | ||
font-size: 4rem; | font-size: 4rem; | ||
font-family: 'Libre Baskerville', serif; | font-family: 'Libre Baskerville', serif; | ||
| Line 56: | Line 40: | ||
/* --- Hipervínculos en Artículos --- */ | /* --- Hipervínculos en Artículos --- */ | ||
.mw-parser-output a { | .skin-citizen .mw-parser-output a { | ||
text-decoration: none; | text-decoration: none; | ||
color: #ffffff; | color: #ffffff; | ||
position: relative; | position: relative; | ||
border-bottom: 4px solid rgba(255, 255, 0, 0.8); | border-bottom: 4px solid rgba(255, 255, 0, 0.8); | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
transition: all 0.3s ease-in-out; | transition: all 0.3s ease-in-out; | ||
} | } | ||
.mw-parser-output a:hover { | .skin-citizen .mw-parser-output a:hover { | ||
color: #18181e; | color: #18181e; | ||
} | } | ||
.mw-parser-output a::after { | .skin-citizen .mw-parser-output a::after { | ||
content: ''; | content: ''; | ||
position: absolute; | position: absolute; | ||
width: 0; | width: 0; | ||
height: 100%; | height: 100%; | ||
background: yellow; | background: yellow; | ||
bottom: 0; | bottom: 0; | ||
left: 0; | left: 0; | ||
z-index: -1; | z-index: -1; | ||
transition: width 0.4s ease-in-out; | transition: width 0.4s ease-in-out; | ||
} | } | ||
.mw-parser-output a:hover::after { | .skin-citizen .mw-parser-output a:hover::after { | ||
width: 100%; | width: 100%; | ||
} | } | ||
Revision as of 00:21, 8 December 2024
/* --- Estilo General del Artículo --- */
.skin-citizen body {
font-family: 'Newsreader', serif;
background-color: #18181e;
color: #ffffff;
line-height: 1.8;
margin: 0;
padding: 0;
}
/* --- Título Principal del Artículo --- */
.skin-citizen .mw-parser-output h1.firstHeading {
font-family: 'Libre Baskerville', serif;
font-size: 2.5rem;
font-weight: bold;
color: #ffffff;
margin-bottom: 20px;
}
/* --- Encabezados Secundarios --- */
.skin-citizen .mw-parser-output h2 {
font-family: 'EB Garamond', serif;
font-size: 2rem;
font-weight: bold;
color: #ffffff;
margin-top: 20px;
}
/* --- Letra Capital al Inicio del Artículo --- */
.skin-citizen .mw-parser-output > p:first-of-type::first-letter {
font-size: 4rem;
font-family: 'Libre Baskerville', serif;
font-weight: bold;
color: #ffffff;
float: left;
line-height: 1;
margin-right: 10px;
margin-top: 5px;
}
/* --- Hipervínculos en Artículos --- */
.skin-citizen .mw-parser-output a {
text-decoration: none;
color: #ffffff;
position: relative;
border-bottom: 4px solid rgba(255, 255, 0, 0.8);
padding-bottom: 2px;
transition: all 0.3s ease-in-out;
}
.skin-citizen .mw-parser-output a:hover {
color: #18181e;
}
.skin-citizen .mw-parser-output a::after {
content: '';
position: absolute;
width: 0;
height: 100%;
background: yellow;
bottom: 0;
left: 0;
z-index: -1;
transition: width 0.4s ease-in-out;
}
.skin-citizen .mw-parser-output a:hover::after {
width: 100%;
}