Lilah/Lilah.css
/*---Header---*/
- name {
white-space: nowrap; }
- contents a {
font-weight: bold;
} /*---Overview---*/
/*---Stats---*/
- left-2 > p {
display: none;
}
- statbox .wrapper .tooltip {
top: -0.5em !important;
} /*---Intro---*/ .para {
text-indent: 1.5em;
} /*---Hooks---*/
- RP_Hooks+div {
margin-left: 1.5em;
}
- RP_Hooks+div b {
color: #000; margin-left: -1.5em;
} /*---Playlist---*/
- Playlist+div {
overflow: hidden; }
- Playlist+div ul {
display: flex; flex-flow: row wrap; margin-left: -5px; font-size: 90%; list-style: none; }
- Playlist+div li {
flex: 1 0 190px; white-space: nowrap; margin-left: 10px; }
- Playlist+div li::before {
content: "■ "; color: #102f45; } /*---Quotes---*/
- Quotes+div {
text-align: justify; padding: .5em 1em; } .attr { width:100%; text-align: right; display: block; font-style: italic; } /*---Logs---*/
- Logs + div p {
padding-left: 1em; text-indent: -1em;
} /*---Gallery/Folks---*/
- Gallery+div ul, #Folks+div ul {
display: flex; flex-flow: row wrap; justify-content: space-around; list-style: none; margin: 5px; position: relative; align-items: center; }
- Gallery+div li, #Folks+div li {
background-color: rgba(195,210,231,0.5); border: 1px solid #102f45; flex: 1 0 auto; max-width: 22%; margin: 5px; }
- Gallery+div li:hover, #Folks+div li:hover {
transform:scale(2,2); background-color: rgba(195,210,231,1);
z-index: 10;
} .edge { transform-origin: 75% 50% 0; }
- Gallery+div a, #Folks+div a {
display: flex; }
- Gallery+div li img, #Folks+div li img {
height: 100%; margin: 5px; border: 1px dotted #102f45;
width: calc(100% - 12px);
} .third {
max-width: 30% !important;
} .caption { font-size: 75%; line-height: 1.25em; margin: 0 5px 5px; font-style: italic; color: #102f45; } .name {
display: flex; justify-content: center; margin: 0.125em 0 -5px;
} /*---Images---*/
- also {
display: block; padding: 5px; text-align: center;
}
- also img {
width: 100%; max-width: 720px; height: auto;
}