Sin resumen de edición |
Sin resumen de edición |
||
Línea 460: | Línea 460: | ||
.top-communities { |
.top-communities { |
||
− | background: # |
+ | background: #520044; |
column-count: 2; |
column-count: 2; |
||
column-gap: 20px; |
column-gap: 20px; |
||
Línea 479: | Línea 479: | ||
} |
} |
||
.top-communities #community h2::after { |
.top-communities #community h2::after { |
||
− | background: |
+ | background: var(--theme-accent-color) !important; |
+ | color: var(--theme-accent-label-color) !important; |
||
− | background: rgba(0, 0, 0, .6); |
||
− | color: white; |
||
content: "#" counter(ranking); |
content: "#" counter(ranking); |
||
font-size: 17px; |
font-size: 17px; |
||
Línea 493: | Línea 492: | ||
} |
} |
||
.top-communities #community { |
.top-communities #community { |
||
− | background: |
+ | background: var(--theme-page-background-color) !important; |
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); |
||
transition: all 0.3s cubic-bezier(.25, .8, .25, 1); |
transition: all 0.3s cubic-bezier(.25, .8, .25, 1); |
||
Línea 509: | Línea 508: | ||
} |
} |
||
.top-communities #community h2 a { |
.top-communities #community h2 a { |
||
− | color: #3a3a3a; |
||
font-weight: bold; |
font-weight: bold; |
||
} |
} |
Revisión del 18:11 6 ago 2022
/* Los estilos CSS definidos aquí aplicarán a todas las pieles (skins) */
/* Herramientas: [http://es.wikia.com/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css&smaxage=18000 reload cache] | [http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fes.wikia.com%2Findex.php%3Ftitle%3DMediaWiki%3ACommon.css%26action%3Draw%26ctype%3Dtext%2Fcss%26smaxage%3D18000&usermedium=all validador w3c] */
/* Guías trimestrales (Nunito) y Design Team Special */
/* Blogs y diseño de plantillas (Rubik) */
@import 'https://fonts.googleapis.com/css?family=Open+Sans|Roboto|Nunito';
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomIcons.css&only=styles";
@import '/load.php?mode=articles&only=styles&articles=MediaWiki:Wikia.css/Portada.css|MediaWiki:Wikia.css/Landingpage-projects.css|MediaWiki:Wikia.css/Hubs.css|MediaWiki:Parallax.css|MediaWiki:UdM.css|MediaWiki:Citas.css|MediaWiki:Badges-blogs.css|MediaWiki:FANDOMUniversity.css|MediaWiki:Interview.css';
.no-footer-for-wds #ConVol-recruit {display:none !important}
.forum-status {
border-radius: 3px;
color: white;
font-family: Rubik;
font-size: 12px;
font-weight: bold;
padding: 5px 10px;
display:inline-block;
vertical-align: middle;
}
.forum-status .fandom-icons {font-size:18px;margin-right:3px}
.forum-status--solved {
background:#7dc34a4f;
color:#3a3a3a
}
.forum-status--ongoing {background:#002a30;color:#00d5d6}
.Forum .ThreadList .solved, .Forum .ThreadList .solved:hover {background:#7dc34a1f}
/* Clase wikitable para colorear tablas normales */
table.wikitable {
margin: 1em 1em 1em 0;
border: 1px #aaa solid;
border-collapse: collapse;
}
.wikitable th,
.wikitable td {
border: 1px #aaa solid;
padding: 0.2em;
}
.wikitable th {
text-align: center;
background: #F2F2F2;
font-weight: bold;
}
.wikitable caption {
font-weight: bold;
}
/*~ Checker Background and hover effect for transparent images on images namespace ~*/
body.ns-6 #file img {
background: transparent url(/skins/common/images/Checker-16x16.png) repeat fixed 0 0;
}
body.ns-6 #file img:hover,
body.ns--1 .gallerybox img:hover {
/*~ images on galleries on special namespace ~*/
background: #333 none repeat scroll 0 0;
}
/* Scrollable when exceed, and space fix for template displays */
pre {
overflow: auto;
padding: 0.5em;
}
div.pre {
background-color: #F9F9F9;
border: 1px dashed #2F6FAB;
padding: 0.5em 1em;
font-family: monospace;
}
/* Sin subida de imágenes a través del módulo de imágenes */
#WikiaPhotoGalleryImageUploadForm,
.upphotos {
display: none !important
}
/* Spotlights: Marco */
.spotlight-marco {
font-family: Arial;
background: url('https://images.wikia.nocookie.net/eswikia/images/2/22/Transparencia_para_marco_de_spotlight.png') bottom no-repeat;
bottom: 33px;
position: relative;
width: 254px;
margin: auto;
color: white;
height: 33px;
line-height: 13px;
padding-left: 9px;
margin-bottom: -28px;
}
/* Entrada de Blog: Crea un popup con CSS */
.imagenpopup .popup {
display: none;
speak: none;
}
.imagenpopup .enlace a {
color: #008000;
}
.imagenpopup:hover .popup {
background: transparent;
padding: 2em 1em 1em 2em;
display: inline;
position: absolute;
margin-left: -2em;
margin-top: -2em;
z-index: 10;
}
/* Paginas de Solicitudes: Botones */
#boton-activo {
font-size: 14px;
margin: auto;
height: 35px;
line-height: 35px;
text-align: center;
background-color: #cdffbb;
background-image: -moz-linear-gradient(top, #cdffbb 35%, #b0ff95 65%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #cdffbb), color-stop(65%, #b0ff95));
background-image: -o-linear-gradient(top, #cdffbb 35%, #b0ff95 65%);
background-image: -ms-linear-gradient(top, #cdffbb 35%, #b0ff95 65%);
border: 1px solid #ccc;
color: #3a3a3a;
width: 200px;
border-radius: 4px;
-webkit-border-radius: 4px
}
#boton-inactivo {
font-size: 14px;
margin: auto;
height: auto;
line-height: 35px;
text-align: center;
background-color: #0a5fa3;
background-image: -moz-linear-gradient(top, #0d7bd3 35%, #0a5fa3 65%);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(35%, #0d7bd3), color-stop(65%, #0a5fa3));
background-image: -o-linear-gradient(top, #0d7bd3 35%, #0a5fa3 65%);
background-image: -ms-linear-gradient(top, #0d7bd3 35%, #0a5fa3 65%);
border: 1px solid #0a5fa3;
color: #f5f5f5;
width: 300px;
border-radius: 4px;
-webkit-border-radius: 4px
}
.gran-bn .wikia-button {
height: 35px;
line-height: 35px;
width: 200px;
font-weight: bold;
font-size: 11pt;
margin-top: 10px
}
/* Texto expansible */
.textooculto {
display: none
}
.textovisible:hover .textooculto {
display: inline !important
}
/* Para header de la página de estructura */
.header-estructura {
background: linear-gradient(to bottom, #002a32 60px, #fff 90px);
}
.header-estructura2 {
background: linear-gradient(to bottom, #006661 60px, #fff 90px);
}
/* Solicitudes de diseño: Formulario */
#design ul {
list-style: none;
}
#design li {
margin: 0;
padding: 3px;
display: block;
width: 100%;
box-sizing: border-box;
}
#design li strong {
width: 30%;
padding: 0 3px;
display: inline-block;
font-weight: bold;
}
#design input {
display: inline;
padding: 5px;
}
/* Tablas: Da color a lineas alternadas */
table.zebra > tbody > tr:nth-child(2n+1) {
background-color: #e9e9ff;
}
/*~ Solicitudes: Spotlights; User:Cizagna ~*/
.wikitable.concedido {
border-color: #00997e;
background-color: #d4e4e1;
}
.wikitable.concedido th {
background-color: #b9d3d1;
}
.wikitable.concedido .estado {
color: #00997e;
}
.wikitable.declinado {
border-color: #9e141e;
background-color: #e7ced0;
}
.wikitable.declinado th {
background-color: #d8827e;
}
.wikitable.declinado .estado {
color: #9e141e;
}
.wikitable.pendiente {
border-color: #005785;
background-color: #bfd1e4;
}
.wikitable.pendiente th {
background-color: #649dc9;
}
.wikitable.pendiente .estado {
color: #005785;
}
/** Correcciones para el tema oscuro, por [[Usuario:DiegoFire Network]] **/
.theme-fandomdesktop-dark .wikitable.concedido {
border-color: #00997e;
background-color: rgba(92, 145, 135, 0.25);
}
.theme-fandomdesktop-dark .wikitable.concedido .estado {
color: #00997e;
}
.theme-fandomdesktop-dark .wikitable.declinado {
border-color: #9e141e;
background-color: rgba(153, 67, 73, 0.25);
}
.theme-fandomdesktop-dark .wikitable.declinado .estado {
color: #bd1924;
}
.theme-fandomdesktop-dark .wikitable.pendiente {
border-color: #005785;
background-color: rgba(133, 180, 230, 0.5);
}
.theme-fandomdesktop-dark .wikitable.pendiente .estado {
color: #008bd6;
}
/* Tabla de solicitudes de Adopción, Interwikis y Diseño */
.tabla-adopciones, .tabla-diseños {
width: 100%;
margin-top: 25px;
margin-bottom: 5px;
}
.tabla-adopciones th, .tabla-diseños th {
padding: 15px;
background-color: rgba(var(--theme-border-color--rgb),0.25);
border: 1px solid var(--theme-border-color);
border-radius: .15rem;
}
.tabla-adopciones tr td, .tabla-diseños tr td {
border-radius: .15rem;
padding: 5px;
}
tr.estado-d td, tr.estado-finalizada td, tr.estado-aceptada td, tr.estado-concedido td {
background-color: rgba(46, 139, 86, 0.25);
border: 1px solid seagreen;
}
tr.estado-r td, tr.estado-declinado td, tr.estado-rechazada td {
background: rgba(165, 42, 42, 0.25);
border: 1px solid brown;
}
tr.estado-p td, tr.estado-pendiente td {
background: rgba(100, 149, 237,0.25);
border: 1px solid cornflowerblue;
}
tr.estado-nuevo td {
border: 1px solid var(--theme-border-color);
}
tr.estado-revisando td {
background: rgba(210, 105, 30, 0.25);
border: 1px solid chocolate;
}
/*~ Solicitudes: Diseño, Spotlights Efecto Zebra para DPLforum ~*/
table.forumlist.zebra.nuevo > tbody > tr:nth-child(2n+1) {
background-color: rgba(170, 170, 170, 0.35);
}
table.forumlist.zebra.pendiente > tbody > tr:nth-child(2n+1) {
background-color: rgba(100, 157, 201,0.25);
}
table.forumlist.zebra.finalizado > tbody > tr:nth-child(2n+1) {
background-color: rgba(239, 193, 118,0.25);
}
/* Para los tour guiados */
.GT-1, .GT-2 {
background-color: #f2f5f5;
border-radius: 4px;
border: 1px solid #f2f5f5 !important;
}
.GT-1 a,
.GT-2 a {
color: #286394
}
.GT-Q1 {
width: 250px;
float: right;
margin-top: 15px;
margin-left: 5px;
margin-bottom: 15px;
}
.GT-Q2 {
width: 100%;
margin-top: 15px;
margin-bottom: 15px;
}
.GT-Q3 {
width: 250px;
float: left;
margin-top: 15px;
margin-right: 5px;
margin-bottom: 15px;
}
#GT-Q {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
font-style: italic;
font-weight: 500;
padding: 5px;
color: #01adad;
font-size: 135%;
}
#GT-Q i {
background-image: -webkit-gradient(linear,left top,right top,from(#DFEC24),to(#DFEC24));
background-image: -webkit-linear-gradient(left,#DFEC24,#DFEC24);
background-image: -o-linear-gradient(left,#EE1A41,#EE1A41);
background-image: linear-gradient(90deg,#DFEC24,#DFEC24);
background-position: 0 .9em;
background-repeat: repeat-x;
background-size: 1px 4px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
#GT-Q:after,
#GT-Q:before {
content: ' " ';
font-weight: 900;
}
.GT-Userwall {
display: inline-block;
background-color: #404a57;
border-color: #404a57;
color: #fff;
font-size: 10px;
padding: 7px 12px;
text-transform: uppercase;
width: 110px;
text-align: center;
font-weight: 500;
line-height: 2;
}
/* Estilo tabla valoraciones E3 2018 */
.Ce1, .Ce2, .Ce3, .Ce4, .CeEmpty {
width:75px;
height:25px;
text-align:center;
}
.Ce1 {
background:#F79F81;
}
.Ce2 {
background:#F5D0A9;
}
.Ce3 {
background:#D8F781;
}
.Ce4 {
background:#64FE2E;
}
.CeEmpty {
background:transparent;
}
/* Design Team Special */
.designSpecial-question {
background: #005a31;
border-radius: 15px 50px 30px;
color: #f4fbb7;
font-family: 'Roboto', sans-serif;
font-size: 18pt;
margin: auto;
padding: 15px;
text-align: center;
verticalalign: top;
width: 80%;
}
.designSpecial-leftColumn {
background: #a8cd1b;
border-radius: 15px 50px 30px 5px;
float: left;
font-family: 'Open Sans', sans-serif;
padding: 20px;
verticalalign: top;
width: 70%;
}
.designSpecial-username {
color: #f4fbb7;
font-family: times new roman, sans serif;
font-size: 20pt;
font-weight: bold;
text-shadow: 3px 3px 10px #f00;
}
.designSpecial-paragraph {
font-family: 'Open Sans';
margin-left: 100px;
padding-top: 10px;
}
.designSpecial-rightColumn {
background: #cbe32d;
border-radius: 15px 50px 30px 5px;
float: right;
font-family: 'Open Sans', sans-serif;
padding: 20px;
vertical-align: top;
width: 70%;
}
.designSpecial-avatar {
border-radius: 50%;
display: table;
float: left;
margin-left: -30px;
margin-top: -10px;
overflow: hidden;
padding-right: 10px;
}
/* Comunidades más Grandes */
.top-communities {
background: #520044;
column-count: 2;
column-gap: 20px;
padding: 0 20px;
vertical-align: top;
width: 94.3%;
}
.top-communities #community .description {
min-width: 0;
padding: 3px 0 3px 3px;
}
.top-communities #community {
counter-increment: ranking;
position: relative;
}
.top-communities {
column-span: all;
}
.top-communities #community h2::after {
background: var(--theme-accent-color) !important;
color: var(--theme-accent-label-color) !important;
content: "#" counter(ranking);
font-size: 17px;
padding: 4px 10px;
position: absolute;
right: 0;
top: 0;
}
.top-communities #community img {
max-width: 110px;
}
.top-communities #community {
background: var(--theme-page-background-color) !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.top-communities #community:hover {
box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.top-communities #community:nth-child(even) {
background: #f6f6f6;
}
.top-communities #community h2 {
border: 0;
font-size: 16px;
text-align: center;
}
.top-communities #community h2 a {
font-weight: bold;
}
/* Nueva portada de acuerdo a la Community Inglesa */
/* Main page */
/* Estilizar la lista de blogs, si algo pasa, culpar a User:Unai01 */
.tabla_social img {
margin-left: 20%;
}
.MP-Normal .WikiaBlogListing .avatar {
border-radius: 50%;
border: 0;
}
.MP-Normal .WikiaBlogListing {
border: 1px solid #e5e9fe;
margin-left: -5px;
margin-top: -12px;
}
.MP-Normal .read-more a {
font-weight: bold;
}
.MP-Normal .WikiaBlogListing .WikiaBlogListingPost {
border-bottom: 2px dashed #e5e9fe;
}
.MP-Normal .author-details span {
color: #999;
font-size: 14px;
}
.MP-Normal .commentsbubble {
border-color: #e5e9fe !important;
border-radius: 0;
font-size: 15px !important;
padding: 15px !Important;
padding-left: 40px !Important;
position: absolute !important;
right: -24px !Important;
top: 0;
}
.MP-Normal .commentsbubble::after {
content: ' 💬 ' !important;
display: block;
margin-left: -22px;
margin-top: -12px;
position: initial !important;
}
/** Usado para Comunidad del Mes **/
.wikidelmes {
padding: .3em;
text-align: center
}
.description a[title^="Usuario"] {
color: #656e78
}
/** General **/
/* Main page */
/** General **/
.mainpage-box {
font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
margin: 0 0 30px;
}
.mainpage-box h2 {
border: medium none;
font-family: 'Rubik',"Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
font-size: 26px;
font-weight: bold;
line-height: normal;
margin: 45px 0 20px;
overflow: hidden;
padding: 0;
text-align: center;
text-transform: uppercase;
}
.mainpage-box h2::before, .mainpage-box h2::after {
background-color: #707070;
content: "";
display: inline-block;
height: 1px;
position: relative;
vertical-align: middle;
width: 50%;
}
.mainpage-box h2::before {
margin-left: -50%;
right: 0.5em;
}
.mainpage-box h2::after {
left: 0.5em;
margin-right: -50%;
}
.mainpage-box h3 {
font-weight: bold;
font-size: 22px;
line-height: normal;
margin: 15px 0px 20px;
}
.mainpage-more {
margin-top: 20px;
}
.mainpage-more a, .mainpage-more .recent a:active, .mainpage-more .recent a:visited {
color: #4a90e2;
font-size: 18px;
text-decoration: none;
}
.mainpage-more a:hover {
color: #6aaefc;
}
.mainpage-more a::after {
background-size: cover;
background-image: url("https://vignette.wikia.nocookie.net/central/images/4/45/Mainpage_Arrows.png/revision/latest?cb=20160711222557");
background-position: 0px 0px;
background-repeat: no-repeat;
content: "";
display: inline-block;
height: 16px;
left: 8px;
position: relative;
top: 3px;
width: 22px;
}
.mainpage-more a:hover::after {
background-position: -23px 0px;
}
@media screen and (max-width: 1023px) {
.page-Community_Central .WikiaRail, .page-Community_Central .main-page-tag-rcs {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
/** Blogs **/
.mainpage-blogs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mainpage-blogs .blog {
margin: 0 0 20px 0;
width: calc(50% - 10px);
}
.mainpage-blogs .blog.featured {
width: 100%;
}
.mainpage-blogs .hero-image img {
height: auto;
width: 100%;
}
.mainpage-blogs .blog-info {
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
border: 1px solid rgba(109, 109, 109, 0.4);
border-top: 0;
border-radius: 0px 0px 4px 4px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 64px;
}
.mainpage-blogs .blog .blog-info {
padding: 15px;
}
.mainpage-blogs .details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
line-height: 18px;
}
.mainpage-blogs .blog-info .avatar {
height: 55px;
margin: 0px 20px 0px 0px;
}
.mainpage-blogs .blog-info .avatar img {
border-radius: 50%;
height: 100%;
width: auto;
}
.mainpage-blogs .blog-info .author a, .mainpage-blogs .blog-info .author a:active, .mainpage-blogs .blog-info .author a:visited {
color: var(--theme-page-text-color);
text-decoration: none;
}
.mainpage-blogs .blog-info .author a:hover {
color: var(--theme-page-text-color-hover);
}
.mainpage-blogs .blog-info .timestamp {
color: var(--theme-page-text-mix-color);
font-size: 14px;
}
.mainpage-blogs .blog-info .timestamp::before {
content: "\00a0\00a0•\00a0";
font-size: 10px;
}
.mainpage-blogs .blog .blog-info .title {
font-size: 16px;
font-weight: bold;
margin-top: 4px;
}
.mainpage-blogs .blog.featured .blog-info .title {
font-size: 23px;
}
.mainpage-blogs .blog-info .title a, .mainpage-blogs .blog-info .title a:active, .mainpage-blogs .blog-info .title a:visited {
color: #4a90e2;
text-decoration: none;
}
.mainpage-blogs .blog .title a:hover {
color: #6aaefc;
}
@media screen and (min-width: 1024px) and (max-width: 1083px) {
.mainpage-blogs .blog .blog-info .title {
font-size: 14px;
}
}
/** FAQ **/
.mainpage-faq .faqs {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.mainpage-faq .faq-section {
margin: 10px 0px;
width: calc(50% - 10px);
}
.mainpage-faq h4 {
background-color: var(--theme-accent-color);
color: var(--theme-accent-label-color);
font-size: 18px;
font-weight: bold;
line-height: normal;
margin: 0px;
padding: 20px 10px 15px;
}
.mainpage-faq .faq-list {
border: 1px solid var(--theme-accent-color);
border-top: 0;
padding: 10px;
}
.mainpage-faq .faq-list a, .mainpage-faq .faq-list a:active, .mainpage-faq .faq-list a:visited {
color: #4a90e2;
text-decoration: none;
}
.mainpage-faq .faq-list a:hover {
color: #6aaefc;
}
.mainpage-faq ul {
list-style: outside none none;
margin: 0px;
}
.mainpage-faq li {
margin: 0px 0px 10px;
}
.mainpage-faq .faq-section .mainpage-more {
font-weight: bold;
}
/** Connect **/
.mainpage-connect .staff {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
list-style: outside none none;
margin: 0px;
}
.mainpage-connect .staff li {
border-radius: 4px;
border: 1px solid rgba(125,129,139,0.38);
box-sizing: border-box;
margin: 0px 0px 20px;
padding: 15px 20px;
text-align: center;
width: calc(50% - 10px);
}
.mainpage-connect .staff img {
border-radius: 50%;
height: auto;
width: 95px;
}
.mainpage-connect .staff .name {
line-height: 18px;
margin-top: 10px;
}
.mainpage-connect .staff .name a, .mainpage-connect .staff .name a:active, .mainpage-connect .staff .name a:visited {
color: var(--theme-page-text-color);
font-weight: bold;
text-decoration: none;
}
.mainpage-connect .staff .name a:hover {
color: #545454;
}
.mainpage-connect .mainpage-more {
margin-top: 10px;
}
@media screen and (max-width: 1023px) {
.mainpage-connect .staff li {
width: auto;
}
.mainpage-connect .staff .notablet {
display: none;
}
}
/** Social **/
.mainpage-social {
background-color: rgba(142,142,142,0.19);
padding: 30px 0px 35px;
text-align: center;
}
.mainpage-social h3 {
font-size: 25px;
font-weight: bold;
margin: 0px 0px 15px;
}
.mainpage-social .social-button {
display: inline-block;
vertical-align: top;
}
.mainpage-social .social-button.facebook span {
vertical-align: top ! important;
}
.mainpage-social .twitter-follow-button {
height: 20px ! important;
position: static ! important;
visibility: visible ! important;
width: 64px ! important;
}
/** Highlight on cover code **/
.mainpage-box .staff li:hover,
.mainpage-box .featured:hover,
.mainpage-box .not-featured:hover {
background: rgba(100, 100, 100, 0.37)
}
.mainpage-box .avatar {
border: none;
}
.portable-infobox.pi-theme-comunidad {
height: 312px !important;
width: 100%;
}
.pi-theme-comunidad .pi-horizontal-group {
margin-left: -15%;
}
.pi-theme-comunidad .pi-horizontal-group-item:nth-child(even) {
background: none;
}
.pi-theme-comunidad .pi-group:first-of-type {
transform: translateX(20%);
width: 100%;
}
.pi-theme-comunidad > .pi-group:first-of-type {
border-bottom: 1px solid;
transform: translateX(100%);
width: 50%;
}
.pi-theme-comunidad .pi-group {
border-right: 1px solid;
transform: translateY(-46%);
width: 50%;
}
.pi-theme-comunidad > .pi-data {
transform: translate(50%, -250px);
}
#adoption,
#catOptions,
#udm-form {
margin: auto;
width: 100%;
text-align: center;
}
#adoption .form-section,
#catOptions .form-section,
#udm-form .form-section {
width: 100%;
padding: 5px;
box-sizing: border-box
}
#adoption input,
#catOptions input,
#udm-form input,
#adoption select,
#catOptions select,
#udm-form select,
#adoption textarea,
#catOptions textarea,
#udm-form textarea {
padding: 10px;
border: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
border-radius: 3px;
margin-top: 10px;
}
#adoption label,
#catOptions label,
#udm-form label {
display: block;
font-weight: bold;
font-size: large
}
#adoption textarea,
#catOptions textarea,
#udm-form textarea {
width: 70%;
height: 100px
}
.fandom-icons {
vertical-align:middle;
}
.votation-header {
display: grid;
font-family: Rubik;
margin: 0 auto;
width: 50%;
}
.votation-header-image {
border-radius: 100px;
border: 3px solid #00d6d6;
display: block;
height: 70px;
margin: 0 auto 5px auto;
padding: 2px;
width: 70px;
}
.votation-header-image img {
border-radius: 100px;
width: 70px;
height: 70px;
}
.votation-header-name {
-webkit-box-decoration-break: clone;
background-image: linear-gradient(90deg, #dfec24, #dfec24);
background-position: 0 0.9em;
background-repeat: repeat-x;
background-size: 1px 4px;
box-decoration-break: clone;
color: #002a32;
display: block;
font-size: 18px;
font-weight: 400;
line-height: 1.2;
margin: 0 auto;
padding: 0 6px;
text-transform: uppercase;
}
.votation-header a {
color: #002a32 !important;
}
.votation-header-text {
text-align: center;
}
.votation-header-separator {
background-color: #00d6d6;
border-color: #00d6d6;
border-style: solid;
border-width: 2px;
}
/** Modulo de Discord **/
/*** CSS proporcionado por el Community Council, BranDaniMB **/
.discord-module {
display: flex;
font-family: Rubik, Helvetica, Arial, sans-serif;
text-align: center;
width: 280px;
}
.discord-module-img {
align-items: center;
display: flex;
flex-basis: 10%;
}
.discord-module-content {
flex-basis: 80%;
}
.discord-module-content a {
text-decoration: none;
}
.discord-module-title {
font-size: 16px;
font-weight: 700;
margin-bottom: 5px;
}
.discord-module-subtitle {
font-weight: 500;
margin-bottom: 15px;
}
.discord-module .entry-button {
cursor: pointer;
margin-left: 0;
}
/** [[Plantilla:Usoimagen]] **/
.usoimagen {
background-color: #550041;
border-bottom: 2px solid #ffc500;
border-radius: 10px;
color: #f2f5f5;
display: block;
line-height: 3;
padding: 5px;
text-align: center;
}
.usoimagen .fandom-icons {
font-size: 25px;
margin-right: 10px;
color: #ffc500;
}
.usoimagen a {
color: #ffc500;
}
/** Personalización de Plantilla:AyudaHeader **/
.ayudaheader__title, .ayudaheader__content {
border-top: 1px solid rgba(255,255,255,0.2);
border-bottom: 1px solid rgba(255,255,255,0.4);
}
.ayudaheader__title {
border-left: 1px solid rgba(255,255,255,0.2);
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.ayudaheader__content {
border-right: 1px solid rgba(255,255,255,0.4);
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.ayudaheader__content a {
background-color: rgba(255, 196, 0, 0.3);
border: 1px solid rgba(255, 196, 0, 0.7);
color: #ffc400;
padding: 4px;
border-radius: 5px;
}
.ayudaheader__info:before, .ayudaheader__indice:before {
font-family: Fandom-Icons;
}
.ayudaheader__info:before {
content: 'info ';
}
.ayudaheader__indice:before {
content: 'text ';
}
/** [[Ayuda:Contenido]] **/
.centralhelpbox {
cursor: pointer;
min-height: 240px;
margin: 0 5px 10px 0;
border: 1px solid silver;
padding: 40px 20px 10px;
}
.centralhelpbox > span {
font-size: 20px;
font-weight: bold;
}
/** Help Boxes by User:SlyCooperFan1 **/
.helpbox-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 5px;
margin: 5px 0;
}
.helpbox {
padding: 0 30px 10px;
border: 1px solid var(--theme-border-color);
}
.helpbox:nth-child(even) {
margin-left: 5px;
}
.helpbox h2 {
font-size: 20px;
margin-bottom: 20px;
padding-bottom: 10px;
}
.helpbox h2 > span > span {
position: relative;
top: 4px;
}
.helpbox a {
font-weight: bold;
}
code,
.code {
background-color: rgba(var(--theme-border-color--rgb), 0.25);
border: 1px solid var(--theme-border-color);
border-radius: 2px;
padding: 0px 3px;
margin: 0px 1px;
}
/* Plantilla:Solicitud de adopción - por [[Usuario:SacredOwl]] */
/* Modificaciones realizadas por [[Usuario:GreenWithin]] */
/* Adoption Requests */
.adoption-request {
margin: auto;
width: 100%;
padding: 1px;
display: flex;
flex-wrap: wrap;
gap: 3px;
font-size: 90%;
padding: 5px;
border-left: 5px solid var(--border);
border-radius: 5px;
}
.adoption-box-pending {
--background: rgba(100, 149, 237,0.3);
--border: cornflowerblue;
}
.adoption-box-done {
--background: rgba(46, 139, 86, 0.3);
--border: seagreen;
}
.adoption-box-rejected {
--background: rgba(165, 42, 42, 0.3);
--border: brown;
}
.adoption-text { font-size: 110%; font-variant: small-caps; letter-spacing: 1px; }
.adoption-box { width: 49%; padding: 3px; border-radius: .15em; border: 1px solid var(--accent); background-color: var(--background); }
.adoption-box-motivation, .adoption-box-voting { display: auto; border-radius: .15em; padding: 5px; width: 98.5%; border: 1px solid var(--accent); background-color: var(--background); }
#ur_username a, #ur_link_to_wiki a {
color: var(--border);
margin-bottom: -15px;
}
#ur_username:before, #ur_link_to_wiki:before {
margin-left: 3px;
font-family: Fandom-Icons;
color: var(--border);
font-size: 140%;
font-weight: bold;
}
#ur_username:before {
content: 'avatar ';
}
#ur_link_to_wiki:before {
content: 'external ';
}
.adoption-box, .adoption-box-motivation, .adoption-box-voting {
padding: 5px;
background-color: var(--background);
}
.adoption-box a:nth-child(0n+4), .adoption-box a:nth-child(0n+5), .adoption-box a:nth-child(0n+6) {
border: 1px solid var(--border);
color: var(--border);
border-radius: 3px;
padding: 5px;
}
.adoption-box a:nth-child(0n+4):before, .adoption-box a:nth-child(0n+5):before, .adoption-box a:nth-child(0n+6):before {
font-family: Fandom-Icons;
}
.adoption-box a:nth-child(0n+4):before {
content: 'pencil ';
}
.adoption-box a:nth-child(0n+5):before {
content: 'tag ';
}
.adoption-box a:nth-child(0n+6):before {
content: 'magnifying-glass ';
}
/* Plantilla de solicitud de bots */
.bot-request {
border: 1px solid var(--theme-border-color);
padding: 10px;
border-radius: 5px;
}
.bot-request dt {
margin: 10px;
font-size: 120%;
font-variant: small-caps;
border-bottom: 1px solid var(--theme-border-color);
}
.bot-request dd {
background: rgba(var(--theme-border-color--rgb),0.3);
padding: 10px;
border-radius: 5px;
margin: 5px;
}
.bot-request dt:before {
font-family: 'Fandom-Icons';
font-variant: normal;
font-weight: normal;
font-size: 110%;
opacity: 80%;
}
.bot-request .bt-estado:before {
content: 'clock ';
}
.bot-request .bt-usuario:before {
content: 'user ';
}
.bot-request .bt-bot:before {
content: 'gear ';
}
.bot-request .bt-comunidad:before {
content: 'quiz ';
}
.bot-request .bt-comentarios:before {
content: 'comment ';
}
/** Plantilla de solicitudes de diseños **/
/** Como si las plantillas de adopción y las de bots hubieran tenido un hijo **/
.design-request {
border: 1px solid var(--border);
padding: 5px;
border-radius: 5px;
}
.design-status-nuevo {
--background: rgba(var(--theme-border-color--rgb),0.3);
--border: var(--theme-border-color);
}
.design-status-pendiente {
--background: rgba(100, 149, 237,0.3);
--border: cornflowerblue;
--text: cornflowerblue;
}
.design-status-revisando {
--background: rgba(210, 105, 30, 0.25);
--border: chocolate;
--text: chocolate;
}
.design-status-concedido {
--background: rgba(46, 139, 86, 0.3);
--border: seagreen;
--text: seagreen;
}
.design-status-rechazada {
--background: rgba(165, 42, 42, 0.2);
--border: brown;
--text: brown;
}
.design-request dt {
color: var(--text);
margin: 10px;
font-size: 120%;
font-variant: small-caps;
border-bottom: 1px solid var(--border);
}
.design-request dd {
background: var(--background);
padding: 10px;
border-radius: 5px;
margin: 5px;
}
.design-request dt:before {
font-family: 'Fandom-Icons';
font-variant: normal;
font-weight: normal;
font-size: 110%;
opacity: 70%;
}
.design-request dt:nth-child(1):before {
content: 'clock ';
}
.design-request dt:nth-child(3):before {
content: 'wikis ';
}
.design-request dt:nth-child(5):before {
content: 'pencil ';
}
.design-request dt:nth-child(7):before {
content: 'info ';
}
.design-request dt:nth-child(9):before {
content: 'user ';
}
.design-request dt:nth-child(11):before {
content: 'bubble ';
}
/* Eliminar etiqueta de opcional en los comentarios de solicitud de rango de bot */
#botFlagForm .formSection:last-child .sectionHeaderOptional {
display: none;
}
/* Alineado de las infobox de Project:Moderadores Globales de Discusiones. Tomado de Community Central */
.profilecards {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-content: space-between;
}
.profilecards .portable-infobox {
display:flex;
flex-direction:column;
max-width:270px;
}
.profilecards .portable-infobox [data-item-name="biografía"],
.profilecards .portable-infobox [data-source="descripción"] {
height:100%;
}
.profilecards .portable-infobox h2,
.profilecards .portable-infobox .pi-data{
overflow:visible;
}
.pi-theme-VolunteerCard [data-source="extimagen"] {
justify-content: center;
}
.pi-theme-VolunteerCard [data-source="extimagen"] img {
height:100px;
width:auto;
}