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%; }