diff --git a/files/assets/css/main.css b/files/assets/css/main.css index 5ba87894c..df5db7d62 100644 --- a/files/assets/css/main.css +++ b/files/assets/css/main.css @@ -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; + } +}