Difference between revisions of "Lilah/Lilah.css"
imported>Felix |
imported>Felix m |
||
(6 intermediate revisions by the same user not shown) | |||
Line 7: | Line 7: | ||
} | } | ||
/*---Overview---*/ | /*---Overview---*/ | ||
− | + | ||
− | + | /*---Stats---*/ | |
+ | #left-2 > p { | ||
+ | display: none; | ||
} | } | ||
− | |||
#statbox .wrapper .tooltip { | #statbox .wrapper .tooltip { | ||
top: -0.5em !important; | top: -0.5em !important; | ||
Line 75: | 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 84: | Line 86: | ||
z-index: 10; | z-index: 10; | ||
} | } | ||
− | + | .edge { | |
transform-origin: 75% 50% 0; | transform-origin: 75% 50% 0; | ||
} | } | ||
Line 91: | Line 93: | ||
} | } | ||
#Gallery+div li img, #Folks+div li img { | #Gallery+div li img, #Folks+div li img { | ||
− | + | border: 1px dotted #102f45; | |
− | height: | + | height: 100%; |
margin: 5px; | margin: 5px; | ||
− | + | width: calc(100% - 12px); | |
} | } | ||
.third { | .third { | ||
Line 121: | Line 123: | ||
max-width: 720px; | max-width: 720px; | ||
height: auto; | height: auto; | ||
+ | } | ||
+ | img { | ||
+ | border-radius: 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;
}