Plantilla:Upperbox/styles.css
Ir a la navegación
Ir a la búsqueda
/* Echanted Upperboxes
---Autores:
-- Haobo12 (código original)
-- Dark (estilos generales para CoC)
---
--Versión: V 2.2
--Última actualización: 23/06/2024
*/
/* Inicializando estilos.... */
.clashofclans-upperbox {
background-color: var(--custom-template-background);
border-radius: 1rem;
padding: 1rem;
margin: 1rem 0;
display: flex !important;
gap: 1rem;
align-items: center;
position: relative;
}
.clashofclans-upperbox__toggle {
position: absolute;
/* propiedad inset en common.css */
font-size: .75em;
transform: rotate(45deg);
transition: transform .2s;
background: none;
}
.clashofclans-upperbox__toggle:hover {
border: none !important;
}
.clashofclans-upperbox.mw-collapsed .clashofclans-upperbox__toggle {
transform: rotate(0);
}
.clashofclans-upperbox__icon {
width: 60px;
height: 60px;
/* background-image: var(--cal-hexagon);
background-size: contain;
background-position: center;
background-repeat: no-repeat;*/
display: grid;
place-items: center;
font-size: 30px;
transition: width .2s, height .2s, font-size .2s;
}
.clashofclans-upperbox.mw-collapsed .clashofclans-upperbox__icon {
width: 1.25em;
height: 1.25em;
font-size: 1.55em;
}
.clashofclans-upperbox__image img {
width: auto;
height: auto;
transition: height .2s, width .2s;
object-fit: contain;
}
.clashofclans-upperbox.mw-collapsed .clashofclans-upperbox__image img {
height: 2.25em;
width: 50px;
}
.clashofclans-upperbox__header {
font-weight: bold;
font-family: Roboto Flex;
font-size: 1.15em;
}
.clashofclans-upperbox__content {
font-size: inherit;
transition: font-size .2s;
visibility: visible;
font-size: .85em;
}
.clashofclans-upperbox.mw-collapsed .clashofclans-upperbox__content {
font-size: 0;
visibility: collapse;
}
/* Colores */
.clashofclans-upperbox.upperbox-estado {
background-color: var(--custom-upperbox-background-estado);
border-left: 4px solid;
border-left-color: var(--custom-upperbox-border-estado);
}
.clashofclans-upperbox.upperbox-info {
background-color: var(--custom-upperbox-background-info);
border-left:4px solid;
border-left-color: var(--custom-upperbox-border-info);
}
.clashofclans-upperbox.upperbox-mod {
background-color: var(--custom-upperbox-background-mod);
border-left:4px solid;
border-left-color: var(--custom-upperbox-border-mod);
}
.clashofclans-upperbox.upperbox-venganza {
background-color: var(--custom-upperbox-background-venganza);
border-left:4px solid;
border-left-color: var(--custom-upperbox-border-venganza);
}
.clashofclans-upperbox-oldcontent {
background-color: var(--custom-upperbox-background-oldcontent) !important;
border-left: 5px solid var(--custom-upperbox-border-oldcontent) !important;
box-shadow: 0 4px 6px 0 rgba(219,94,210,0.2) !important;
}
.clashofclans-upperbox-eliminar {
background-color: var(--custom-upperbox-background-eliminar) !important;
border-left: 4px solid;
border-left-color: var(--custom-upperbox-border-eliminar);
}