User:DiegoFire Network/wikia.css

/* Design for Fandom College. Free to use code (ask for permission first!) */

/** Mainpage **/ /*** Contents ***/ /*.portada-intro { display: flex; border: 3px solid #00d6d6; border-radius: 2rem; background-color: rgb(255, 255, 255); color: #00d6d6; padding: 50px; padding-left: 410px; transform: skewY(-4deg); margin: 30px; font-weight: bold; font-size: 350%; font-family: Rubik; transition: 0.3s ease; }

.portada-explicacion { width: 50%; border: 3px solid #00d6d6; border-radius: 2rem; background-color: rgb(255, 255, 255); color: #00d6d6; padding: 50px; padding-left: 250px; transform: skewY(3.2deg); margin: 30px; font-family: Rubik; transition: 0.3s ease; }

.stats { display: grid; align-items: center; grid-template-columns: repeat(auto-fill, minmax(175px, 1fr)); grid-column-gap: 10px; grid-row-gap: 10px; font-family: Rubik; position: relative; overflow: hidden; }

.basic-grid { display: flex; flex-direction: column; text-align: center; background-color: rgb(255, 255, 255); box-shadow: 0 5px 10px rgba(0,0,0,0.08); border-radius: 6px; transition: 0.3s ease; }

background-image: url(https://static.wikia.nocookie.net/confederacion-hispana/images/a/ac/Pattern-2-hero-2-small.svg/revision/latest?cb=20210108152431&path-prefix=es); background-repeat: no-repeat; background-position: left; background-size: 40%; }
 * 1) intro {

background-image: url("https://static.wikia.nocookie.net/eswikia/images/9/92/Medalla_-_Mejor_usuario_del_año.png/revision/latest?cb=20190131233301"); background-repeat: no-repeat; background-position: 0.8cm 1cm; background-size: 25%; }
 * 1) expo {

padding: 55px; }
 * 1) grid-1 {

padding: 45px; }
 * 1) grid-2 {

padding: 35px; }
 * 1) grid-3 {

.portada-maestro { display: flex; align-items: center; font-family: Rubik; }

.portada-maestro-perfil { background-color: rgb(255, 255, 255); border: 3px solid #00d6d6; color: #00d6d6; font-weight: bold; font-size: 2em; text-align: center; padding: 10px; margin-right: 15px; border-radius: 5px; transition: 0.3s ease; }

.portada-maestro-descripcion { background-color: rgb(255, 255, 255); border: 3px solid #00d6d6; color: #00d6d6; font-size: 1.2em; padding: 33px; border-radius: 5px; transition: 0.3s ease; }

.portada-avatar { border: 3px dotted #00d6d6; height: 150px; margin: 0 auto -40px; transform: translateY(-5px); width: 150px; border-radius: 100%; background-color: rgba(0, 42, 50, 0.8); background-image: url(https://static.wikia.nocookie.net/greenwithin/images/d/df/FandomSVG.png/revision/latest?cb=20210427150000); background-size: 50%; background-repeat: no-repeat; background-position: center; }

transition: 0.3s ease; background-image: url(https://static.wikia.nocookie.net/greenwithin/images/2/23/Profile_bg.png/revision/latest?cb=20210508000209); background-size: 30%; opacity: 50%: background-repeat: repeat; background-position: center; }
 * 1) bg-FANDOM {

.grid-leccion { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 0px 0px; grid-template-areas: "leccion-img leccion-desc" "leccion-img leccion-enlace"; width: 95%; margin: 20px; font-family: Rubik; }

.leccion-img { background-color: rgb(255, 255, 255); grid-area: leccion-img; border-top-left-radius: 8px; border-bottom-left-radius: 8px; padding: 50px; font-weight: bold; color: #00d6d6; font-variant: small-caps; font-size: 300%; }

.leccion-desc { background-color: rgb(242, 242, 242); grid-area: leccion-desc; border-top-right-radius: 8px; padding: 50px; color: #00d6d6; transition: 0.3s ease; text-align: left; }

.leccion-enlace { background-color: rgb(237, 237, 237); grid-area: leccion-enlace; border-bottom-right-radius: 8px; padding: 50px; color: #00d6d6; transition: 0.3s ease; text-align: left; font-size: 130%; }

transition: 0.3s ease; background-image: url(https://static.wikia.nocookie.net/greenwithin/images/2/23/Profile_bg.png/revision/latest?cb=20210508000209); background-size: 32%; background-repeat: repeat; background-position: center; }
 * 1) bg-FANDOM-alt {

/*** Animations ***/ .portada-intro:hover { font-size: 375%; background-color: #002a32; }

.portada-explicacion:hover { font-size: 105%; background-color: #002a32; }

.basic-grid:hover { background-color: #002a32; border-bottom: none; color: #00d6d6; }

background-size: 45%; }
 * 1) intro:hover {

background-position: 0.6cm 1cm; background-size: 27%; }
 * 1) expo:hover {

.portada-maestro-perfil:hover { background-color: #002a32; }

.portada-maestro-descripcion:hover { background-color: #002a32; }

background-color: #002a32; }
 * 1) bg-FANDOM:hover {

.leccion-desc:hover { background-color: #002a32; font-size: 110%; }

.leccion-enlace:hover { background-color: #002a32; font-size: 140%; }

background-color: #002a32; font-size: 400%; }
 * 1) bg-FANDOM-alt:hover {

/*** Infoboxes ***/ .pi-theme-fndc .pi-image-thumbnail { width: 100%; height: auto; border-radius: 8px; }

.pi-theme-fndc .pi-title { background: none; position: absolute; font-variant: small-caps; text-shadow: 0 0 6px #002a32, 0 0 2px #002a32, 0 0 3px #002a32; }

.pi-theme-fndc .pi-header { background-image: url(https://static.wikia.nocookie.net/greenwithin/images/2/23/Profile_bg.png/revision/latest?cb=20210508000209); background-size: 14%; background-repeat: repeat; background-position: center; background-color: #002a32; }

.pi-theme-fndc .pi-data { padding: 0; margin: 4px; width: auto; }

.pi-theme-fndc .pi-data-label, .pi-theme-fndc .pi-data-value { padding: 2px 9px; font-size: 9pt; margin: 0; }

.pi-theme-fndc .pi-data-label { text-align: right; padding-right: 10px; min-width: 110px; font-size: 15pt; }

.pi-theme-fndc .pi-data-value { text-align: left; padding-left: 10px; min-width: 110px; }

.pi-theme-fndc .pi-image-collection-tab-content { background: transparent; } .pi-theme-fndc .pi-image-collection-tabs { margin: 0; position: relative; font-variant: small-caps; font-size: 5px !important; text-align: right; padding-top: 40px }

.pi-theme-fndc .pi-image-collection-tabs .pi-tab-link { background: rgba(0, 0, 0, 0.45); color: #FFF; border-radius: 8px !important; margin: 0; padding: 10px; margin-top: 10px; margin-right: 5px; font-weight: bold; } .pi-theme-fndc .pi-image-collection-tabs .pi-tab-link.current { color: #FFF; background: rgba(0, 0, 0, 0.7); }

/* Lecciones /* /** Encabezados **/ .maestro-leccion { display: flex; align-items: center; justify-content: center; font-family: Rubik; }

.maestro-avatar { background-color: #002a32; color: #00d6d6; font-weight: bold; font-size: 2em; text-align: center; padding: 26px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.maestro-name { background-color: #002a32; color: #FFF; text-shadow: 0 0 10px #002a32, 0 0 7px #002a32, 0 0 7px #002a32; font-size: 250%; font-weight: bold; font-variant: small-caps; padding: 77px; padding-left: 150px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.maestro-img { border: 3px solid #00d6d6; height: 200px; width: 200px; border-radius: 100%; background-color: #002a32; background-image: url(https://static.wikia.nocookie.net/greenwithin/images/d/df/FandomSVG.png/revision/latest?cb=20210427150000); background-size: 50%; background-repeat: no-repeat; background-position: center; }

background-image: url(https://vignette.wikia.nocookie.net/eswikia/images/4/40/FANDOM_BlCircles.png/revision/latest?cb=20180307091153); background-position: left; background-size: 5%; }
 * 1) avatar-bg {

background-image: url(https://static.wikia.nocookie.net/greenwithin/images/3/37/Fandom_pattern.png/revision/latest?cb=20210508230256); background-repeat: no-repeat; background-position: left; background-size: 125%; }
 * 1) name-bg {

/** Cartas de lecciones **/