4,554
edits
No edit summary |
No edit summary |
||
Line 266: | Line 266: | ||
#list { | #list { | ||
/* | |||
display: flex; | display: flex; | ||
flex-wrap: wrap; | flex-wrap: wrap; | ||
Line 271: | Line 272: | ||
position: absolute; | position: absolute; | ||
top: 538px; | top: 538px; | ||
*/ | |||
} | } | ||
#list.fade-out { | #list.fade-out { | ||
/* | |||
position: absolute; | position: absolute; | ||
width: 100%; | width: 100%; | ||
Line 278: | Line 281: | ||
background: white; | background: white; | ||
opacity: 0.3; | opacity: 0.3; | ||
*/ | |||
} | } | ||
.card { | .card { | ||
position: relative; | /* | ||
position: relative; | |||
width: calc(20% - 2px); | width: calc(20% - 2px); | ||
box-sizing: border-box; | box-sizing: border-box; | ||
Line 291: | Line 296: | ||
letter-spacing: 0.4px; | letter-spacing: 0.4px; | ||
cursor: pointer; | cursor: pointer; | ||
*/ | |||
} | } | ||
Line 298: | Line 304: | ||
.card:not(:first-child) { | .card:not(:first-child) { | ||
/* | |||
margin-left: -1px; | margin-left: -1px; | ||
*/ | |||
} | } | ||
.card:nth-child(5n + 1) { | .card:nth-child(5n + 1) { | ||
/* | |||
margin-left: 0; | margin-left: 0; | ||
transform: none; | transform: none; | ||
*/ | |||
} | } | ||
.card:last-child { | .card:last-child { | ||
/* | |||
margin-right: 0; | margin-right: 0; | ||
border-right: 1px solid black; | border-right: 1px solid black; | ||
*/ | |||
} | } | ||
Line 945: | Line 956: | ||
border: none; | border: none; | ||
margin: 0; | margin: 0; | ||
} | |||
/*previous #list*/ | |||
.filtered-view .filtered-list { | |||
display: flex; | |||
flex-wrap: wrap; | |||
margin: 0 auto; | |||
position: absolute; | |||
top: 538px; | |||
} | |||
.filtered-view .filtered-list { | |||
display: flex; | |||
flex-wrap: wrap; | |||
margin: 0 auto; | |||
position: absolute; | |||
top: 538px; | |||
} | |||
/*previous .card*/ | |||
.filtered-list-item { | |||
position: relative; /* Ensure z-index works */ | |||
width: calc(20% - 2px); | |||
box-sizing: border-box; | |||
border: 1px solid black; | |||
height: fit-content; | |||
padding: 5px 7px 2px 7px; | |||
margin-bottom: 30px; | |||
font-size: 12pt; | |||
line-height: 25px; | |||
letter-spacing: 0.4px; | |||
cursor: pointer; | |||
} | |||
.filtered-list-item:not(:first-child) { | |||
margin-left: -1px; | |||
} | |||
.filtered-list-item:nth-child(5n + 1) { | |||
margin-left: 0; | |||
transform: none; | |||
} | |||
.filtered-list-item:last-child { | |||
margin-right: 0; | |||
border-right: 1px solid black; | |||
} | } |