MediaWiki:Common.css

.flex-wrapper { column-gap: 2em; display: flex; flex-wrap: wrap; justify-content: center; row-gap: 2em; } .colorbox { align-items: center; display: inline-flex; flex-direction: column; } .colorbox-color { border-radius: 0.3em; height: 100px; width: 100px; } .colorbox-code { border-top-style: solid; border-top-width: 0.1em; font-family: Consolas; font-size: 1.2em; font-variant: small-caps; margin-top: 1em; padding-top: 0.35em; text-align: center; text-transform: lowercase; width: 100%; }

/* Infobox Objeto */ @font-face { font-family: "Genshin"; font-style: normal; font-weight: normal; src: url("https://static.wikia.nocookie.net/gensin-impact/images/6/65/Genshin_Impact_Font.woff/revision/latest?cb=20201213055157") format("truetype"); }

.portable-infobox { width: 350px; } .pi-title, .pi-header { background-color: #6f7689; background-image: url( 'https://i.imgur.com/E39tTbK.png' ), url( 'https://i.imgur.com/E39tTbK.png' ); background-position: -32px center, 319px center; background-repeat: no-repeat; background-size: auto 18px; border-image-outset: 5px 6px 6px 5px; border-image-repeat: stretch stretch; border-image-slice: 25 27 24 27; border-image-source: url("https://i.imgur.com/11tpVM3.png"); border-style: solid; border-image-width: 20px 20px 20px 20px; color: #fff; font-family: "Genshin" !important; font-size: 1.35em !important; font-weight: lighter !important; min-height: 51px; } .pi-border-color { border-color: transparent; }

.pi-image { /* background-image: url( 'https://genshin-impact.fandom.com/es/wiki/Special:Filepath/Fondo_de_rareza_1.png' ), linear-gradient( -45deg, #7b8390, #505865 ); background-position: center right, left; background-repeat: no-repeat; background-size: 200px, 150px 100%; */ background-image: url( 'https://media.discordapp.net/attachments/901643539266551889/929843720398970931/coso1.png' ); background-position: -50px 0; background-size: cover; border-bottom: 4px solid #5d626d; display: flex; flex-direction: row-reverse; } .pi-caption { color: #fff; font-family: "Genshin"; font-style: normal; font-weight: lighter; padding-left: 1em; text-align: left; } .pi-group:first-of-type .pi-header { display: none; } .pi-group:first-of-type .pi-data-value { color: #5b5e67; font-family: 'Genshin'; font-size: 0.9em; padding: 1em 0; } .pi-data { transition: 0.5s; } .pi-group:not(:first-of-type) .pi-data:hover { background: rgba( 111, 118, 137, 0.5 ) } .pi-theme-objeto.pi-theme-2 .pi-title, .pi-theme-objeto.pi-theme-2 .pi-header { background-color: #2a9072; } .pi-theme-objeto.pi-theme-2 .pi-image { background-image: url( 'https://media.discordapp.net/attachments/901643539266551889/929843720612900874/coso2.png' ); border-color: #4f785e; } .pi-theme-objeto.pi-theme-2 .pi-group:not(:first-of-type) .pi-data:hover { background: rgba( 42, 144, 114, 0.5 ) } .pi-theme-objeto.pi-theme-3 .pi-title, .pi-theme-objeto.pi-theme-3 .pi-header { background-color: #5180cc; } .pi-theme-objeto.pi-theme-3 .pi-image { background-image: url( 'https://cdn.discordapp.com/attachments/901643539266551889/929843720847753266/coso3.png' ); border-color: #45788a; } .pi-theme-objeto.pi-theme-3 .pi-group:not(:first-of-type) .pi-data:hover { background: rgba( 81, 128, 204, 0.5 ) } .pi-theme-objeto.pi-theme-4 .pi-title, .pi-theme-objeto.pi-theme-4 .pi-header { background-color: #a256e1; } .pi-theme-objeto.pi-theme-4 .pi-image { background-image: url( 'https://cdn.discordapp.com/attachments/901643539266551889/929843721053298689/coso4.png' ); border-color: #8b6b9b; } .pi-theme-objeto.pi-theme-4 .pi-group:not(:first-of-type) .pi-data:hover { background: rgba( 162, 86, 225, 0.5 ) } .pi-theme-objeto.pi-theme-5 .pi-title, .pi-theme-objeto.pi-theme-5 .pi-header { background-color: #bd6932 } .pi-theme-objeto.pi-theme-5 .pi-image { background-image: url( 'https://media.discordapp.net/attachments/901643539266551889/929843721460125736/coso5.png' ); border-color: #9d784a; } .pi-theme-objeto.pi-theme-5 .pi-group:not(:first-of-type) .pi-data:hover { background: rgba( 189, 105, 50, 0.5 ) }