Gallery view in "explorer"
Also fixed some issues with cartel CSS
This commit is contained in:
@ -218,8 +218,10 @@ article #gallery img {
|
||||
/* Cartel (expo & painting) */
|
||||
|
||||
#info {
|
||||
width:300px;
|
||||
max-width:70vw;
|
||||
width:-moz-fit-content;
|
||||
width:fit-content;
|
||||
min-width:300px;
|
||||
max-width:76vw;
|
||||
box-shadow:.2rem .2rem .2rem .2rem rgba(0,0,0,.1);
|
||||
padding:0.65rem 1.15rem 0.65rem 1.15rem;
|
||||
position:relative;
|
||||
@ -229,6 +231,12 @@ article #gallery img {
|
||||
margin-bottom:1.5rem;
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 600px) {
|
||||
#info {
|
||||
min-width:280px;
|
||||
}
|
||||
}
|
||||
|
||||
#info .info {
|
||||
font-size:1.2rem;
|
||||
position:absolute;
|
||||
@ -335,9 +343,19 @@ article.explorer p {
|
||||
}
|
||||
}
|
||||
|
||||
article.explorer .style-container {
|
||||
display:flex;
|
||||
align-self:flex-end;
|
||||
justify-content:space-evenly;
|
||||
flex-wrap:nowrap;
|
||||
}
|
||||
|
||||
article.explorer h2 {
|
||||
margin:0;
|
||||
margin-right:auto;
|
||||
cursor:pointer;
|
||||
width:-moz-fit-content;
|
||||
width:fit-content;
|
||||
}
|
||||
|
||||
article.explorer h2::after {
|
||||
@ -352,6 +370,17 @@ article.explorer h2.active::after {
|
||||
transform:rotate(0);
|
||||
}
|
||||
|
||||
article.explorer img.style-select {
|
||||
display:block;
|
||||
text-align:right;
|
||||
max-height:2rem;
|
||||
margin:0;
|
||||
margin-bottom:0.25rem;
|
||||
margin-right:0.5rem;
|
||||
margin-left:0.5rem;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
article.explorer h3 {
|
||||
margin-bottom:0.3rem;
|
||||
}
|
||||
@ -446,7 +475,7 @@ article.explorer table {
|
||||
width:100%;
|
||||
margin-top:1rem;
|
||||
margin-bottom:1rem;
|
||||
overflow-x:scroll;
|
||||
overflow-x:auto;
|
||||
}
|
||||
|
||||
article.explorer table tr:first-child th:first-child {
|
||||
|
Reference in New Issue
Block a user