ilmina.com by rheingoldriver

/* ==UserStyle==
@name         ilmina.com
@version      20230122.02.36
@namespace    userstyles.world/user/rheingoldriver
@description  Creates a desktop-friendly environment for Ilmina.com, a site for Puzzle & Dragons players.
@author       rheingoldriver
@license      MIT
==/UserStyle== */

@-moz-document domain("ilmina.com") {
body {
    background-color:#222222;
}

div.mx-auto:first-of-type > div:not(.search-box):first-of-type {
    display:none;
}

body {
    padding-top:10px;
}

.card-align-helper-nobottom {
    display:none;
}

/* remove awakening intro text */
.adv-search-toplevel > .adv-search-option:nth-of-type(5) div:not([data-bind^="foreach"]):first-of-type {
    display:none;
}

.search-awks div {
    position:relative;
    line-height:1;
    margin-top:10px;
}

.search-awks div::before {
    display:block;
    content:attr(data-group-name);
    position:absolute;
    top:-15px;
    gap:0;
}

.card-awakening.clickable {
    margin-bottom:0;
}

.adv-search-toplevel > .adv-search-option:nth-of-type(5) br {
    display:none;
}

div.card-playerskill + div + div + div.card-playerskill + div {
    background-color:#D0CD81;
}

/* always show card stats search 
.adv-search-option:nth-of-type(7) > label,
.adv-search-option:nth-of-type(7) > label + br {
    /*display:none;
} */

/* Grid for main search */

.adv-search-toplevel {
  display: grid;
    grid-template-rows:5;
    grid-template-columns:3;
}

/* Unsplit attr */
.adv-search-toplevel > .adv-search-option:nth-of-type(1) {
	order: 1;
	grid-row:1 / 3;
	grid-column:1;
}

/* Split attr */
.adv-search-toplevel > .adv-search-option:nth-of-type(2) {
	order: 1;
	grid-row:1 / 3;
	grid-column:1;
}

/* Required types */
.adv-search-toplevel > .adv-search-option:nth-of-type(3) {
	order: 2;
	grid-row:1 / 2;
	grid-column:2;
}

/* Not these types (toggle to show) */
.adv-search-toplevel > .adv-search-option:nth-of-type(4) {
	order: 3;
    grid-row: 2 / 3;
    grid-column:2;
}

/* Awakenings - order is changed!! */
.adv-search-toplevel > .adv-search-option:nth-of-type(5) {
	order: 7;
    grid-row:3;
}

/* active skill */
.adv-search-toplevel > .adv-search-option:nth-of-type(6) {
	order: 5;
    grid-row:3;
}

/* leader skill */
.adv-search-toplevel > .adv-search-option:nth-of-type(7) {
	order: 6;
    grid-row:3;
}

/* card stats - order is changed!! */
.adv-search-toplevel > .adv-search-option:nth-of-type(8) {
	order: 4;
    grid-row:1 / 3;
    grid-column:3;
}

.adv-search-toplevel > .adv-search-option:nth-of-type(9) {
	order: 8;
    grid-row:4;
}

.adv-search-toplevel > .adv-search-option:nth-of-type(10) {
	order: 9;
    grid-row:4;
}

.adv-search-toplevel > .adv-search-option:nth-of-type(11) {
	order: 10;
    grid-row:4;
}

.adv-search-toplevel > .adv-search-option:nth-of-type(12) {
	order: 11;
    grid-row:5;
}

.adv-search-toplevel > .adv-search-option:nth-of-type(13) {
	order: 12;
    grid-row:5;
}

.adv-search-toplevel > .adv-search-option:nth-of-type(14) {
	order: 13;
    grid-row:5;
}

/* this doesn't actually exist */
.adv-search-toplevel > .adv-search-option:nth-of-type(15) {
	order: 14;
    grid-row:6;
}

div[data-bind="visible: queryModel.statsExpanded()==true"] {
    display:block!important;
}

/* search results flex */

.mx-auto:not(:first-of-type) {
    width:100%!important;
    max-width:100%!important;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-around;
}

.mx-auto:not(:first-of-type) > div {
    border: solid 1px white;
    flex-basis:auto;
    flex-grow:1;
}

.card-title.mx-auto {
    width:540px!important;
}

advanced-search card-icon a::after {
  content:attr(title);
  display:block;
  color:white;
  position:absolute;
  top:95px;
  width:400px;
}

advanced-search div[data-bind="foreach: searchResults"] > div {
    position:relative;
}
}

@-moz-document url("https://ilmina.com/tsc.js") {
body {
    background-color:unset;
}
}

@-moz-document domain("ilmina.com") {
/* card page display */

.card-picture-container {
    background-image:none;
    height:200px;
}

.card-type-container {
    position:relative;
}

.card-super-awakenings {
    width:auto;
    display:flex;
    position:initial;
    
}

.card-awakenings {
    display:flex;
    width:auto;
    position:initial;
}

.card-align-helper {
    display:none;
}

div[data-bind="html: getActiveSkillDescription()"] {
    background-color:#B1AAA0;
}

.card-awakening {
    z-index:100;
}

.all-awakenings {
    display:flex;
    flex-direction:column-reverse;
}

/* end card page display */
}