iafd.com improvements
/* ==UserStyle==
@name IAFD Layout
@namespace https://github.com/peolic
@author peolic
@version 0.1.5
@homepageURL https://gist.github.com/peolic/9e2981a8a14a49b9626cb277f878b157
@description iafd.com improvements
==/UserStyle== */
@-moz-document domain("www.iafd.com") {
/*********************************
* iafd.com styling improvements *
*********************************/
/**
* Title pages
*/
/* Fade-out NonSex performers */
.castbox.nonsex {
opacity: 60%;
transition: opacity .15s linear;
}
.castbox.nonsex:hover {
opacity: unset;
}
/* Place NonSex performers after "Sex" performers */
.padded-panel > .row > .col-sm-12 {
display: flex;
flex-wrap: wrap;
}
.castbox {
float: unset;
}
.castbox.nonsex {
order: 1;
}
/* Fix castbox styling */
.castbox {
margin-left: 0;
}
.castbox img.headshot {
margin-left: -14px;
}
/* Improve scene breakdowns styling */
#sceneinfo table td:first-of-type {
text-align: left;
padding: 8px 0 8px 1em;
width: 5.5em;
}
#sceneinfo table td[colspan="3"] {
padding: 8px 0 8px 0;
}
/**
* Person pages
*/
/* Fix performer credits styling */
#personal th[aria-label^="Notes:"] {
max-width: /*5*/7em;
}
#personal th[aria-label^="Formats :"] {
max-width: 3em;
}
/* Fix director credits styling */
#directoral th:first-child {
min-width: 10em;
max-width: 20em;
}
/**
* Correction pages
*/
/* Correction confirmation text width */
#cd .texty {
width: unset;
}
/**
* Person update pages
*/
/* Fix person update pages on small screens */
@media (max-width: 390px) {
.headshotrow {
padding-top: 0;
padding-bottom: 0;
--min-height: calc(46vw / 0.85);
}
.headshotrow > div {
min-height: calc(var(--min-height) + 4em);
padding: 0.5em;
}
.headshotrow:has(.pictag > br) > div {
min-height: calc(var(--min-height) + 5.5em);
}
.headshotrow > div img {
width: 46vw;
height: auto;
}
}
}