Difference between revisions of "Lilah/Lilah.css"
imported>Felix |
imported>Felix m |
||
| Line 76: | Line 76: | ||
background-color: rgba(195,210,231,0.5); | background-color: rgba(195,210,231,0.5); | ||
border: 1px solid #102f45; | border: 1px solid #102f45; | ||
| + | border-radius: 10px; | ||
flex: 1 0 auto; | flex: 1 0 auto; | ||
max-width: 22%; | max-width: 22%; | ||
| Line 93: | Line 94: | ||
#Gallery+div li img, #Folks+div li img { | #Gallery+div li img, #Folks+div li img { | ||
border: 1px dotted #102f45; | border: 1px dotted #102f45; | ||
| − | |||
height: 100%; | height: 100%; | ||
margin: 5px; | margin: 5px; | ||
Latest revision as of 06:12, 16 March 2017
/*---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;
border-radius: 10px;
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 {
border: 1px dotted #102f45; height: 100%; margin: 5px;
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;
} img {
border-radius: 5px;
}
