forked from rDrama/rDrama
better looking award and gif modal
parent
faf17f420c
commit
217ff9e9e8
|
@ -1561,12 +1561,6 @@ nav
|
|||
width: 90%;
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.card-columns {
|
||||
column-count: 3;
|
||||
column-gap: 1.25rem;
|
||||
orphans: 1;
|
||||
widows: 1;
|
||||
}
|
||||
.card-columns .card {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
|
@ -4878,17 +4872,11 @@ textarea {
|
|||
}
|
||||
}
|
||||
@media (min-width: 767.98px) {
|
||||
.card-columns {
|
||||
column-count: 4 !important;
|
||||
}
|
||||
.directory--link {
|
||||
width: 30%;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.card-columns {
|
||||
column-count: 9 !important;
|
||||
}
|
||||
.directory--link {
|
||||
width: 23%;
|
||||
min-height: 17vh;
|
||||
|
@ -5297,13 +5285,13 @@ img[src="/i/hand.webp"]+img[glow]:not([data-src]) {
|
|||
|
||||
.awards-wrapper > div {
|
||||
cursor: pointer;
|
||||
padding: 15px !important;
|
||||
padding: 7px 3px !important;
|
||||
text-align: center;
|
||||
text-transform: none!important;
|
||||
}
|
||||
|
||||
.awards-wrapper > div > i {
|
||||
font-size: 25px;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.awards-wrapper > div.disabled {
|
||||
|
@ -5315,10 +5303,6 @@ img[src="/i/hand.webp"]+img[glow]:not([data-src]) {
|
|||
}
|
||||
|
||||
|
||||
.award-columns {
|
||||
column-count: 2;
|
||||
}
|
||||
|
||||
.awardmodal {
|
||||
max-width: 90% !important;
|
||||
height: 100% !important;
|
||||
|
@ -5873,16 +5857,6 @@ audio, video {
|
|||
color: var(--black);
|
||||
}
|
||||
|
||||
.gif-categories {
|
||||
column-count: 4 !important
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.gif-categories {
|
||||
column-count: 1 !important
|
||||
}
|
||||
}
|
||||
|
||||
g {
|
||||
color: #209920 !important
|
||||
}
|
||||
|
@ -6438,12 +6412,12 @@ div.markdown {
|
|||
|
||||
.award-name {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
font-size: 12px;
|
||||
color:#E1E1E1;
|
||||
}
|
||||
|
||||
.award-owned {
|
||||
font-size: 14px;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
|
@ -6493,3 +6467,56 @@ div.markdown {
|
|||
.btn {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.gif-categories {
|
||||
column-count: 1 !important
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
.gif-categories {
|
||||
column-count: 4 !important
|
||||
}
|
||||
}
|
||||
@media (min-width: 1200px) {
|
||||
.gif-categories {
|
||||
column-count: 5 !important
|
||||
}
|
||||
}
|
||||
@media (min-width: 1700px) {
|
||||
.gif-categories {
|
||||
column-count: 6 !important
|
||||
}
|
||||
}
|
||||
|
||||
.award-columns {
|
||||
column-count: 2;
|
||||
}
|
||||
@media (min-width: 576px) {
|
||||
.award-columns {
|
||||
column-count: 3;
|
||||
}
|
||||
}
|
||||
@media (min-width: 580px) {
|
||||
.award-columns {
|
||||
column-count: 4 !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 643px) {
|
||||
.award-columns {
|
||||
column-count: 5 !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 822px) {
|
||||
.award-columns {
|
||||
column-count: 6 !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
.award-columns {
|
||||
column-count: 9 !important;
|
||||
}
|
||||
}
|
||||
@media (min-width: 1500px) {
|
||||
.award-columns {
|
||||
column-count: 11 !important;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue