gerudo
/
rDrama
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

better looking award and gif modal

master
Aevann1 2022-12-21 18:07:17 +02:00
parent faf17f420c
commit 217ff9e9e8
1 changed files with 57 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

87
files/assets/css/main.css
View File

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