diff --git a/docker-compose.yml b/docker-compose.yml index e823967f1..4ab8a4343 100644 --- a/docker-compose.yml +++ b/docker-compose.yml @@ -45,6 +45,7 @@ services: - GUMROAD_TOKEN=3435tdfsdudebussylmaoxxt43 - GUMROAD_LINK=https://marsey1.gumroad.com/l/tfcvri - CARD_VIEW=1 + - DISABLE_DOWNVOTES=0 links: - "redis" - "postgres" @@ -56,7 +57,9 @@ services: redis: image: redis - command: redis-server --pidfile /redis_6379.pid --dbfilename dump.rdb --dir ./ + command: redis-server /drama/redis.conf + volumes: + - ./redis.conf:/drama/redis.conf ports: - "6379:6379" diff --git a/env b/env new file mode 100644 index 000000000..1e7849c8a --- /dev/null +++ b/env @@ -0,0 +1,38 @@ +export PYTHONPATH="/service" +export REDIS_URL="redis://redis" +export DATABASE_URL="postgresql://postgres@postgres:5432/postgres" +export DATABASE_CONNECTION_POOL_URL="postgresql://postgres@postgres:5432/postgres" +export MASTER_KEY="-KTVciAUQFpFh2WdJ/oiHJlxl6FvzRZp8kYzAAv3l2OA=" +export DOMAIN="localhost" +export SITE_NAME="Drama" +export CLOUDFLARE_ZONE="3435tdfsdudebussylmaoxxt43" +export CLOUDFLARE_KEY="3435tdfsdudebussylmaoxxt43" +export GIPHY_KEY="3435tdfsdudebussylmaoxxt43" +export MAILGUN_KEY="3435tdfsdudebussylmaoxxt43" +export MAILGUN_DOMAIN="rdrama.net" +export FORCE_HTTPS="0" +export DISCORD_SERVER_ID="3435tdfsdudebussylmaoxxt43" +export DISCORD_CLIENT_ID="3435tdfsdudebussylmaoxxt43" +export DISCORD_CLIENT_SECRET="3435tdfsdudebussylmaoxxt43" +export DISCORD_BOT_TOKEN="3435tdfsdudebussylmaoxxt43" +export IMGUR_KEY="3435tdfsdudebussylmaoxxt43" +export IBB_KEY="3435tdfsdudebussylmaoxxt43" +export HCAPTCHA_SECRET="3435tdfsdudebussylmaoxxt43" +export YOUTUBE_KEY="3435tdfsdudebussylmaoxxt43" +export PUSHER_KEY="3435tdfsdudebussylmaoxxt43" +export SPAM_SIMILARITY_THRESHOLD="0.5" +export SPAM_SIMILAR_COUNT_THRESHOLD="5" +export SPAM_URL_SIMILARITY_THRESHOLD="0.1" +export COMMENT_SPAM_SIMILAR_THRESHOLD="0.5" +export COMMENT_SPAM_COUNT_THRESHOLD="5" +export READ_ONLY="0" +export BOT_DISABLE="0" +export COINS_NAME="Dramacoins" +export DEFAULT_TIME_FILTER="all" +export DEFAULT_THEME="dark" +export DEFAULT_COLOR="ff66ac #YOU HAVE TO PICK ONE OF THOSE COLORS OR SHIT WILL BREAK: ff66ac, 805ad5, 62ca56, 38a169, 80ffff, 2a96f3, eb4963, ff0000, f39731, 30409f, 3e98a7, e4432d, 7b9ae4, ec72de, 7f8fa6, f8db58" +export SLOGAN="Dude bussy lmao" +export GUMROAD_TOKEN="3435tdfsdudebussylmaoxxt43" +export GUMROAD_LINK="https://marsey1.gumroad.com/l/tfcvri" +export CARD_VIEW="1" +export DISABLE_DOWNVOTES="0" \ No newline at end of file diff --git a/files/assets/DramaApp.apk b/files/assets/Drama App.apk similarity index 100% rename from files/assets/DramaApp.apk rename to files/assets/Drama App.apk diff --git a/files/assets/PCMApp.apk b/files/assets/PCM App.apk similarity index 54% rename from files/assets/PCMApp.apk rename to files/assets/PCM App.apk index a6897b0ca..207e39750 100644 Binary files a/files/assets/PCMApp.apk and b/files/assets/PCM App.apk differ diff --git a/files/assets/images/GigaChadLife/cover.gif b/files/assets/images/GigaChadLife/cover.gif index e40ba16c0..2b1438e1c 100644 Binary files a/files/assets/images/GigaChadLife/cover.gif and b/files/assets/images/GigaChadLife/cover.gif differ diff --git a/files/assets/images/GigaChadLife/logo.gif b/files/assets/images/GigaChadLife/logo.gif deleted file mode 100644 index 019355cda..000000000 Binary files a/files/assets/images/GigaChadLife/logo.gif and /dev/null differ diff --git a/files/assets/images/Marsey Tech/cover.gif b/files/assets/images/Marsey Tech/cover.gif new file mode 100644 index 000000000..e40ba16c0 Binary files /dev/null and b/files/assets/images/Marsey Tech/cover.gif differ diff --git a/files/assets/images/Marsey Tech/default_thumb_text.gif b/files/assets/images/Marsey Tech/default_thumb_text.gif new file mode 100644 index 000000000..00b38dfa7 Binary files /dev/null and b/files/assets/images/Marsey Tech/default_thumb_text.gif differ diff --git a/files/assets/images/Marsey Tech/headericon.gif b/files/assets/images/Marsey Tech/headericon.gif new file mode 100644 index 000000000..794ab9d2c Binary files /dev/null and b/files/assets/images/Marsey Tech/headericon.gif differ diff --git a/files/assets/images/Marsey Tech/icon.gif b/files/assets/images/Marsey Tech/icon.gif new file mode 100644 index 000000000..794ab9d2c Binary files /dev/null and b/files/assets/images/Marsey Tech/icon.gif differ diff --git a/files/assets/images/Marsey Tech/preview.gif b/files/assets/images/Marsey Tech/preview.gif new file mode 100644 index 000000000..5db2da1d0 Binary files /dev/null and b/files/assets/images/Marsey Tech/preview.gif differ diff --git a/files/assets/images/emojis/marseyauthleft.gif b/files/assets/images/emojis/marseyauthleft.gif new file mode 100644 index 000000000..b1678eadd Binary files /dev/null and b/files/assets/images/emojis/marseyauthleft.gif differ diff --git a/files/assets/images/emojis/marseyauthright.gif b/files/assets/images/emojis/marseyauthright.gif new file mode 100644 index 000000000..a08c45709 Binary files /dev/null and b/files/assets/images/emojis/marseyauthright.gif differ diff --git a/files/assets/images/emojis/marseybinladen.gif b/files/assets/images/emojis/marseybinladen.gif new file mode 100644 index 000000000..af49f8758 Binary files /dev/null and b/files/assets/images/emojis/marseybinladen.gif differ diff --git a/files/assets/images/emojis/marseycenter.gif b/files/assets/images/emojis/marseycenter.gif new file mode 100644 index 000000000..1f05760fa Binary files /dev/null and b/files/assets/images/emojis/marseycenter.gif differ diff --git a/files/assets/images/emojis/marseycool.gif b/files/assets/images/emojis/marseycool.gif new file mode 100644 index 000000000..8b3803077 Binary files /dev/null and b/files/assets/images/emojis/marseycool.gif differ diff --git a/files/assets/images/emojis/marseyjanny2.gif b/files/assets/images/emojis/marseyjanny2.gif new file mode 100644 index 000000000..732ea8145 Binary files /dev/null and b/files/assets/images/emojis/marseyjanny2.gif differ diff --git a/files/assets/images/emojis/marseyjones.gif b/files/assets/images/emojis/marseyjones.gif new file mode 100644 index 000000000..e1b2daac8 Binary files /dev/null and b/files/assets/images/emojis/marseyjones.gif differ diff --git a/files/assets/images/emojis/marseylibleft.gif b/files/assets/images/emojis/marseylibleft.gif new file mode 100644 index 000000000..27e9ed78c Binary files /dev/null and b/files/assets/images/emojis/marseylibleft.gif differ diff --git a/files/assets/images/emojis/marseylibright.gif b/files/assets/images/emojis/marseylibright.gif new file mode 100644 index 000000000..9f9720149 Binary files /dev/null and b/files/assets/images/emojis/marseylibright.gif differ diff --git a/files/assets/images/emojis/marseymaoist.gif b/files/assets/images/emojis/marseymaoist.gif index 22d375c9a..f90cea29b 100644 Binary files a/files/assets/images/emojis/marseymaoist.gif and b/files/assets/images/emojis/marseymaoist.gif differ diff --git a/files/assets/images/emojis/marseynapoleon.gif b/files/assets/images/emojis/marseynapoleon.gif new file mode 100644 index 000000000..e5e7b4be3 Binary files /dev/null and b/files/assets/images/emojis/marseynapoleon.gif differ diff --git a/files/assets/images/emojis/marseysanders.gif b/files/assets/images/emojis/marseysanders.gif new file mode 100644 index 000000000..63551c395 Binary files /dev/null and b/files/assets/images/emojis/marseysanders.gif differ diff --git a/files/assets/images/emojis/marseyshrug.gif b/files/assets/images/emojis/marseyshrug.gif new file mode 100644 index 000000000..f70716231 Binary files /dev/null and b/files/assets/images/emojis/marseyshrug.gif differ diff --git a/files/assets/images/emojis/marseysnoo.gif b/files/assets/images/emojis/marseysnoo.gif new file mode 100644 index 000000000..15f58bf51 Binary files /dev/null and b/files/assets/images/emojis/marseysnoo.gif differ diff --git a/files/assets/images/emojis/marseysoypoint.gif b/files/assets/images/emojis/marseysoypoint.gif new file mode 100644 index 000000000..864fd34c8 Binary files /dev/null and b/files/assets/images/emojis/marseysoypoint.gif differ diff --git a/files/assets/js/general10.js b/files/assets/js/general13.js similarity index 90% rename from files/assets/js/general10.js rename to files/assets/js/general13.js index 63ec9bb58..a03cf023f 100644 --- a/files/assets/js/general10.js +++ b/files/assets/js/general13.js @@ -40,7 +40,7 @@ document.body.addEventListener('keydown', function(event) { const emojis = [ { type:'marsey', - emojis: ['marseybiting','marseyblush','marseybountyhunter','marseycoonass','marseyfinger','marseyglancing','marseyhappy','marseyhearts','marseyluther','marseypizzashill','marseypokerface','marseypopcorn','marseyrasta','marseysad2','marseysmirk','marseysurprised','marseythomas','marseywitch','marseyyawn','marcusfootball','marje','marmsey','marsey1984','marsey420','marsey4chan','marsey69','marseyakshually','marseyandmarcus','marseyangel','marseyasian','marseybattered','marseybiden','marseybingus','marseyblm','marseyblowkiss','marseybluecheck','marseybong','marseybooba','marseyboomer','marseybrainlet','marseybride','marseyburger','marseybush','marseycamus','marseycanned','marseycarp','marseycatgirl','marseychef','marseychonker','marseychu','marseyclown','marseycomrade','marseyconfused','marseycoomer','marseycop','marseycope','marseycorn','marseycowboy','marseycry','marseycumjar1','marseycumjar2','marseycumjar3','marseycwc','marseydead','marseydepressed','marseydespair','marseydeux','marseydildo','marseydoomer','marseydrunk','marseydynamite','marseyexcited','marseyeyeroll','marseyfacepalm','marseyfamily','marseyfbi','marseyfeet','marseyfeminist','marseyflamethrower','marseyflamewar','marseyfloyd','marseyfug','marseygasp','marseyghost','marseygift','marseygigaretard','marseygigavaxxer','marseyglam','marseyglow','marseygodfather','marseygoodnight','marseygrass','marseygrilling','marseyhacker','marseyhmm','marseyhmmm','marseyilluminati','marseyinabox','marseyira','marseyisis','marseyjam','marseyjamming','marseyjanny','marseyjunkie','marseyking','marseykkk','marseykyle','marseylaugh','marseylawlz','marseylifting','marseylizard','marseylolcow','marseylove','marseymad','marseymanlet','marseymaoist','marseymcarthur','marseymerchant','marseymermaid','marseymommy','marseymouse','marseymyeisha','marseyneckbeard','marseyniqab','marseynpc','marseynun','marseynut','marseyorthodox','marseyowow','marseypainter','marseypanties','marseyparty','marseypat','marseypeacekeeper','marseypharaoh','marseypickle','marseypinochet','marseypipe','marseypirate','marseypoggers','marseypope','marseyproctologist','marseypsycho','marseyqoomer','marseyradioactive','marseyrain','marseyrat','marseyreading','marseyready','marseyrealwork','marseyreich','marseyrentfree','marseyretard','marseyrick','marseyrope','marseyrowling','marseysad','marseysadcat','marseyscarf','marseyschizo','marseyseethe','marseyshisha','marseyshook','marseysick','marseysleep','marseysmug','marseysneed','marseysociety','marseyspider','marseysrdine','marseystroke','marseysus','marseytaliban','marseytank','marseytankushanka','marseytea','marseythonk','marseythumbsup','marseytrain','marseysipping','marseytrans','marseytrans2','marseytroll','marseytrump','marseytwerking','marseyunabomber','marseyuwuw','marseyvan','marseyvaxmaxx','marseywave','marseyworried','marseyxd','marseyyeezus','marseyzoomer','marseyzwei','marsoy','marsoyhype'] + emojis: ['marseycenter','marseyauthleft','marseyauthright','marseylibleft','marseylibright','marseybinladen','marseycool','marseyjanny2','marseyjones','marseynapoleon','marseysanders','marseyshrug','marseysnoo','marseysoypoint','marseybiting','marseyblush','marseybountyhunter','marseycoonass','marseyfinger','marseyglancing','marseyhappy','marseyhearts','marseyluther','marseypizzashill','marseypokerface','marseypopcorn','marseyrasta','marseysad2','marseysmirk','marseysurprised','marseythomas','marseywitch','marseyyawn','marcusfootball','marje','marmsey','marsey1984','marsey420','marsey4chan','marsey69','marseyakshually','marseyandmarcus','marseyangel','marseyasian','marseybattered','marseybiden','marseybingus','marseyblm','marseyblowkiss','marseybluecheck','marseybong','marseybooba','marseyboomer','marseybrainlet','marseybride','marseyburger','marseybush','marseycamus','marseycanned','marseycarp','marseycatgirl','marseychef','marseychonker','marseychu','marseyclown','marseycomrade','marseyconfused','marseycoomer','marseycop','marseycope','marseycorn','marseycowboy','marseycry','marseycumjar1','marseycumjar2','marseycumjar3','marseycwc','marseydead','marseydepressed','marseydespair','marseydeux','marseydildo','marseydoomer','marseydrunk','marseydynamite','marseyexcited','marseyeyeroll','marseyfacepalm','marseyfamily','marseyfbi','marseyfeet','marseyfeminist','marseyflamethrower','marseyflamewar','marseyfloyd','marseyfug','marseygasp','marseyghost','marseygift','marseygigaretard','marseygigavaxxer','marseyglam','marseyglow','marseygodfather','marseygoodnight','marseygrass','marseygrilling','marseyhacker','marseyhmm','marseyhmmm','marseyilluminati','marseyinabox','marseyira','marseyisis','marseyjam','marseyjamming','marseyjanny','marseyjunkie','marseyking','marseykkk','marseykyle','marseylaugh','marseylawlz','marseylifting','marseylizard','marseylolcow','marseylove','marseymad','marseymanlet','marseymaoist','marseymcarthur','marseymerchant','marseymermaid','marseymommy','marseymouse','marseymyeisha','marseyneckbeard','marseyniqab','marseynpc','marseynun','marseynut','marseyorthodox','marseyowow','marseypainter','marseypanties','marseyparty','marseypat','marseypeacekeeper','marseypharaoh','marseypickle','marseypinochet','marseypipe','marseypirate','marseypoggers','marseypope','marseyproctologist','marseypsycho','marseyqoomer','marseyradioactive','marseyrain','marseyrat','marseyreading','marseyready','marseyrealwork','marseyreich','marseyrentfree','marseyretard','marseyrick','marseyrope','marseyrowling','marseysad','marseysadcat','marseyscarf','marseyschizo','marseyseethe','marseyshisha','marseyshook','marseysick','marseysleep','marseysmug','marseysneed','marseysociety','marseyspider','marseysrdine','marseystroke','marseysus','marseytaliban','marseytank','marseytankushanka','marseytea','marseythonk','marseythumbsup','marseytrain','marseysipping','marseytrans','marseytrans2','marseytroll','marseytrump','marseytwerking','marseyunabomber','marseyuwuw','marseyvan','marseyvaxmaxx','marseywave','marseyworried','marseyxd','marseyyeezus','marseyzoomer','marseyzwei','marsoy','marsoyhype'] }, { type:'platy', @@ -72,6 +72,9 @@ document.body.addEventListener('keydown', function(event) { let search_container = document.getElementById('emoji-tab-search') if(search_bar.value == ""){ + let container = document.getElementById(`EMOJIS_favorite`) + container.innerHTML = container.innerHTML.replace(/@form@/g, form) + for (i=0; i < emojis.length; i++) { let container = document.getElementById(`EMOJIS_${emojis[i].type}`) @@ -155,7 +158,7 @@ document.body.addEventListener('keydown', function(event) { loadGIFs.innerHTML = null; } else { - backBtn.innerHTML = ''; + backBtn.innerHTML = ''; cancelBtn.innerHTML = ''; diff --git a/files/assets/style/4chan.scss b/files/assets/style/4chan.scss index 37f30abc1..71a51af75 100644 --- a/files/assets/style/4chan.scss +++ b/files/assets/style/4chan.scss @@ -69,7 +69,7 @@ html * { font-family: arial, helvetica, sans-serif; color: #800000 } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: $secondary !important; } .border-right, .border-left, .border-top, .border-bottom, .border { @@ -78,10 +78,6 @@ body, #main-content-col, .sidebar { .card-header { border-color: #D9BFB7 !important } -#guild .pseudo-submit-form.card { - background-color: $secondary !important; - border: 1px solid #D9BFB7 !important; - } .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_2a96f3.css b/files/assets/style/4chan_2a96f3.css index 66db97635..31ec1edac 100644 --- a/files/assets/style/4chan_2a96f3.css +++ b/files/assets/style/4chan_2a96f3.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #2a96f3; - border-left: 2px solid #2a96f3; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #2a96f3; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #2a96f3; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #2a96f3; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #2a96f3; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #2a96f3; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #2a96f3; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #2a96f3; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #2a96f3 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_30409f.css b/files/assets/style/4chan_30409f.css index d5ec3f782..2cda5e846 100644 --- a/files/assets/style/4chan_30409f.css +++ b/files/assets/style/4chan_30409f.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #30409f; - border-left: 2px solid #30409f; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #30409f; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #30409f; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #30409f; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #30409f; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #30409f; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #30409f; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #30409f; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #30409f 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_38a169.css b/files/assets/style/4chan_38a169.css index 582c99e90..46b082b1c 100644 --- a/files/assets/style/4chan_38a169.css +++ b/files/assets/style/4chan_38a169.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #38a169; - border-left: 2px solid #38a169; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #38a169; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #38a169; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #38a169; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #38a169; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #38a169; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #38a169; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #38a169; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #38a169 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_3e98a7.css b/files/assets/style/4chan_3e98a7.css index f18be179a..4a0acdfde 100644 --- a/files/assets/style/4chan_3e98a7.css +++ b/files/assets/style/4chan_3e98a7.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #3e98a7; - border-left: 2px solid #3e98a7; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #3e98a7; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #3e98a7; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #3e98a7; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #3e98a7; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #3e98a7; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #3e98a7; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #3e98a7; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #3e98a7 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_62ca56.css b/files/assets/style/4chan_62ca56.css index 3e5dca171..da75df0d1 100644 --- a/files/assets/style/4chan_62ca56.css +++ b/files/assets/style/4chan_62ca56.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #62ca56; - border-left: 2px solid #62ca56; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #62ca56; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #62ca56; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #62ca56; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #62ca56; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #62ca56; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #62ca56; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #62ca56; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #62ca56 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_7b9ae4.css b/files/assets/style/4chan_7b9ae4.css index c76ffbd8c..01381880d 100644 --- a/files/assets/style/4chan_7b9ae4.css +++ b/files/assets/style/4chan_7b9ae4.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7b9ae4; - border-left: 2px solid #7b9ae4; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7b9ae4; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7b9ae4; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #7b9ae4; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #7b9ae4; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7b9ae4; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7b9ae4; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7b9ae4; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7b9ae4 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_7f8fa6.css b/files/assets/style/4chan_7f8fa6.css index cc7572a5f..45e5190f7 100644 --- a/files/assets/style/4chan_7f8fa6.css +++ b/files/assets/style/4chan_7f8fa6.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7f8fa6; - border-left: 2px solid #7f8fa6; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7f8fa6; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7f8fa6; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #7f8fa6; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #7f8fa6; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7f8fa6; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7f8fa6; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7f8fa6; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7f8fa6 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_805ad5.css b/files/assets/style/4chan_805ad5.css index ef8b82b69..498e04a3b 100644 --- a/files/assets/style/4chan_805ad5.css +++ b/files/assets/style/4chan_805ad5.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #805ad5; - border-left: 2px solid #805ad5; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #805ad5; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #805ad5; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #805ad5; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #805ad5; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #805ad5; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #805ad5; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #805ad5; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #805ad5 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_80ffff.css b/files/assets/style/4chan_80ffff.css index 3148869ff..71212956e 100644 --- a/files/assets/style/4chan_80ffff.css +++ b/files/assets/style/4chan_80ffff.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #80ffff; - border-left: 2px solid #80ffff; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #80ffff; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #80ffff; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #80ffff; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #80ffff; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #80ffff; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #80ffff; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #80ffff; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #80ffff 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_e4432d.css b/files/assets/style/4chan_e4432d.css index 7a8225daf..42bb1306a 100644 --- a/files/assets/style/4chan_e4432d.css +++ b/files/assets/style/4chan_e4432d.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #e4432d; - border-left: 2px solid #e4432d; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #e4432d; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #e4432d; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #e4432d; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #e4432d; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #e4432d; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #e4432d; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #e4432d; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #e4432d 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_eb4963.css b/files/assets/style/4chan_eb4963.css index afe7026a2..7e47f1320 100644 --- a/files/assets/style/4chan_eb4963.css +++ b/files/assets/style/4chan_eb4963.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #eb4963; - border-left: 2px solid #eb4963; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #eb4963; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #eb4963; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #eb4963; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #eb4963; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #eb4963; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #eb4963; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #eb4963; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #eb4963 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_ec72de.css b/files/assets/style/4chan_ec72de.css index 2f2bf12b2..16fac89f0 100644 --- a/files/assets/style/4chan_ec72de.css +++ b/files/assets/style/4chan_ec72de.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ec72de; - border-left: 2px solid #ec72de; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ec72de; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ec72de; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #ec72de; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ec72de; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ec72de; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ec72de; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ec72de; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ec72de 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_f39731.css b/files/assets/style/4chan_f39731.css index 8d2d04c9f..e74cfb47c 100644 --- a/files/assets/style/4chan_f39731.css +++ b/files/assets/style/4chan_f39731.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f39731; - border-left: 2px solid #f39731; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f39731; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f39731; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #f39731; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #f39731; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f39731; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f39731; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f39731; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f39731 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_f8db58.css b/files/assets/style/4chan_f8db58.css index 5316a8d6a..a0c801484 100644 --- a/files/assets/style/4chan_f8db58.css +++ b/files/assets/style/4chan_f8db58.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f8db58; - border-left: 2px solid #f8db58; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f8db58; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f8db58; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #f8db58; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #f8db58; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f8db58; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f8db58; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f8db58; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f8db58 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_ff0000.css b/files/assets/style/4chan_ff0000.css index 35b597581..2c7de6e28 100644 --- a/files/assets/style/4chan_ff0000.css +++ b/files/assets/style/4chan_ff0000.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff0000; - border-left: 2px solid #ff0000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff0000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff0000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #ff0000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ff0000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff0000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff0000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff0000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff0000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/4chan_ff66ac.css b/files/assets/style/4chan_ff66ac.css index d6570aebd..ccbd5bdd0 100644 --- a/files/assets/style/4chan_ff66ac.css +++ b/files/assets/style/4chan_ff66ac.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #F0E0D6 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #F0E0D6; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F0E0D6; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #F0E0D6; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #F0E0D6; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff66ac; - border-left: 2px solid #ff66ac; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff66ac; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff66ac; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #F0E0D6 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #ff66ac; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F0E0D6; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F0E0D6; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #F0E0D6; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #F0E0D6 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ff66ac; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #F0E0D6; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff66ac; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff66ac; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff66ac; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #F0E0D6; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #F0E0D6; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #F0E0D6; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff66ac 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #F0E0D6; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #F0E0D6; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #F0E0D6; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #F0E0D6; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} blockquote { background-color: #c0c0c0; } @@ -27775,7 +27402,7 @@ html * { color: #800000; } -body, #main-content-col, .sidebar { +body, #main-content-col { background-color: #F0E0D6 !important; } @@ -27787,11 +27414,6 @@ body, #main-content-col, .sidebar { border-color: #D9BFB7 !important; } -#guild .pseudo-submit-form.card { - background-color: #F0E0D6 !important; - border: 1px solid #D9BFB7 !important; -} - .post-title a { color: #800000 !important; } diff --git a/files/assets/style/coffee_2a96f3.css b/files/assets/style/coffee_2a96f3.css index b3cf41111..3e4a177b2 100644 --- a/files/assets/style/coffee_2a96f3.css +++ b/files/assets/style/coffee_2a96f3.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #2a96f3; - border-left: 2px solid #2a96f3; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #2a96f3; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #2a96f3; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #2a96f3; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #2a96f3; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #2a96f3; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #2a96f3; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #2a96f3; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #2a96f3 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_30409f.css b/files/assets/style/coffee_30409f.css index 05b8e98c8..18963da0e 100644 --- a/files/assets/style/coffee_30409f.css +++ b/files/assets/style/coffee_30409f.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #30409f; - border-left: 2px solid #30409f; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #30409f; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #30409f; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #30409f; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #30409f; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #30409f; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #30409f; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #30409f; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #30409f 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_38a169.css b/files/assets/style/coffee_38a169.css index 5b30ab097..2aa739b48 100644 --- a/files/assets/style/coffee_38a169.css +++ b/files/assets/style/coffee_38a169.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #38a169; - border-left: 2px solid #38a169; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #38a169; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #38a169; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #38a169; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #38a169; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #38a169; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #38a169; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #38a169; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #38a169 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_3e98a7.css b/files/assets/style/coffee_3e98a7.css index 97e853993..74a72ce3d 100644 --- a/files/assets/style/coffee_3e98a7.css +++ b/files/assets/style/coffee_3e98a7.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #3e98a7; - border-left: 2px solid #3e98a7; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #3e98a7; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #3e98a7; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #3e98a7; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #3e98a7; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #3e98a7; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #3e98a7; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #3e98a7; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #3e98a7 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_62ca56.css b/files/assets/style/coffee_62ca56.css index 08cec0ce7..2e171f675 100644 --- a/files/assets/style/coffee_62ca56.css +++ b/files/assets/style/coffee_62ca56.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #62ca56; - border-left: 2px solid #62ca56; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #62ca56; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #62ca56; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #62ca56; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #62ca56; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #62ca56; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #62ca56; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #62ca56; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #62ca56 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_7b9ae4.css b/files/assets/style/coffee_7b9ae4.css index 7cd3e5fed..fb21e4183 100644 --- a/files/assets/style/coffee_7b9ae4.css +++ b/files/assets/style/coffee_7b9ae4.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7b9ae4; - border-left: 2px solid #7b9ae4; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7b9ae4; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7b9ae4; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #7b9ae4; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #7b9ae4; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7b9ae4; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7b9ae4; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7b9ae4; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7b9ae4 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_7f8fa6.css b/files/assets/style/coffee_7f8fa6.css index 397ea4225..9e190f901 100644 --- a/files/assets/style/coffee_7f8fa6.css +++ b/files/assets/style/coffee_7f8fa6.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7f8fa6; - border-left: 2px solid #7f8fa6; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7f8fa6; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7f8fa6; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #7f8fa6; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #7f8fa6; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7f8fa6; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7f8fa6; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7f8fa6; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7f8fa6 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_805ad5.css b/files/assets/style/coffee_805ad5.css index 142ac9d18..e6f4c07b2 100644 --- a/files/assets/style/coffee_805ad5.css +++ b/files/assets/style/coffee_805ad5.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #805ad5; - border-left: 2px solid #805ad5; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #805ad5; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #805ad5; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #805ad5; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #805ad5; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #805ad5; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #805ad5; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #805ad5; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #805ad5 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_80ffff.css b/files/assets/style/coffee_80ffff.css index ce08b274a..61bea89ab 100644 --- a/files/assets/style/coffee_80ffff.css +++ b/files/assets/style/coffee_80ffff.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #80ffff; - border-left: 2px solid #80ffff; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #80ffff; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #80ffff; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #80ffff; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #80ffff; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #80ffff; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #80ffff; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #80ffff; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #80ffff 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_e4432d.css b/files/assets/style/coffee_e4432d.css index e06888c7e..9ff10e7af 100644 --- a/files/assets/style/coffee_e4432d.css +++ b/files/assets/style/coffee_e4432d.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #e4432d; - border-left: 2px solid #e4432d; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #e4432d; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #e4432d; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #e4432d; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #e4432d; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #e4432d; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #e4432d; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #e4432d; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #e4432d 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_eb4963.css b/files/assets/style/coffee_eb4963.css index fb0947f1b..642b7ea67 100644 --- a/files/assets/style/coffee_eb4963.css +++ b/files/assets/style/coffee_eb4963.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #eb4963; - border-left: 2px solid #eb4963; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #eb4963; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #eb4963; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #eb4963; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #eb4963; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #eb4963; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #eb4963; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #eb4963; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #eb4963 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_ec72de.css b/files/assets/style/coffee_ec72de.css index 80517446a..a984f41d7 100644 --- a/files/assets/style/coffee_ec72de.css +++ b/files/assets/style/coffee_ec72de.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ec72de; - border-left: 2px solid #ec72de; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ec72de; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ec72de; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #ec72de; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #ec72de; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ec72de; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ec72de; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ec72de; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ec72de 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_f39731.css b/files/assets/style/coffee_f39731.css index c70fa5b77..85b6574c6 100644 --- a/files/assets/style/coffee_f39731.css +++ b/files/assets/style/coffee_f39731.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f39731; - border-left: 2px solid #f39731; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f39731; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f39731; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #f39731; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #f39731; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f39731; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f39731; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f39731; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f39731 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_f8db58.css b/files/assets/style/coffee_f8db58.css index 56fe6cfed..b85b2302f 100644 --- a/files/assets/style/coffee_f8db58.css +++ b/files/assets/style/coffee_f8db58.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f8db58; - border-left: 2px solid #f8db58; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f8db58; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f8db58; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #f8db58; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #f8db58; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f8db58; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f8db58; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f8db58; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f8db58 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_ff0000.css b/files/assets/style/coffee_ff0000.css index 6d3cbc055..9b2ecb145 100644 --- a/files/assets/style/coffee_ff0000.css +++ b/files/assets/style/coffee_ff0000.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff0000; - border-left: 2px solid #ff0000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff0000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff0000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #ff0000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #ff0000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff0000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff0000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff0000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff0000 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/coffee_ff66ac.css b/files/assets/style/coffee_ff66ac.css index 3777b1b88..a6e161d7b 100644 --- a/files/assets/style/coffee_ff66ac.css +++ b/files/assets/style/coffee_ff66ac.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #DDD2C4 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #DDD2C4; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #DDD2C4; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #DDD2C4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #DDD2C4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #AA9881; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #AA9881; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff66ac; - border-left: 2px solid #ff66ac; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff66ac; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff66ac; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #DDD2C4 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #F1E7D0; - background-color: #ff66ac; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #433434; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #DDD2C4; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #DDD2C4; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #AA9881; - font-weight: 600; - border-bottom: 0.1px solid #AA9881; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #433434; - background-color: #DDD2C4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #AA9881; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #433434; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #DDD2C4 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #AA9881; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #AA9881; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #AA9881; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #ff66ac; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #AA9881; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #433434; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #433434; - background-color: #F1E7D0; - border-radius: 0.35rem; - border: 0.1px solid #AA9881; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #DDD2C4; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff66ac; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff66ac; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff66ac; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #AA9881; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #DDD2C4; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #AA9881; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #AA9881; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #DDD2C4; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #F1E7D0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #3E2C18; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #FF66AC; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #DDD2C4; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #AA9881; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #433434; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff66ac 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #DDD2C4; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #AA9881; -} - .settings .settings-section { margin-bottom: 3rem; background: #DDD2C4; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #DDD2C4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #DDD2C4; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { font-family: "Lato"; } diff --git a/files/assets/style/dark.scss b/files/assets/style/dark.scss index e76975144..250519445 100644 --- a/files/assets/style/dark.scss +++ b/files/assets/style/dark.scss @@ -72,7 +72,7 @@ $reddit: #ED4630; border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_2a96f3.css b/files/assets/style/dark_2a96f3.css index 53237649a..659cf7b08 100644 --- a/files/assets/style/dark_2a96f3.css +++ b/files/assets/style/dark_2a96f3.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #2a96f3; - border-left: 2px solid #2a96f3; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #2a96f3; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #2a96f3; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #2a96f3; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #2a96f3; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #2a96f3; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #2a96f3; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #2a96f3; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #2a96f3; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #2a96f3 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #2a96f3; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_30409f.css b/files/assets/style/dark_30409f.css index 68e57ccc4..bfbbfa8d9 100644 --- a/files/assets/style/dark_30409f.css +++ b/files/assets/style/dark_30409f.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #30409f; - border-left: 2px solid #30409f; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #30409f; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #30409f; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #30409f; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #30409f; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #30409f; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #30409f; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #30409f; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #30409f; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #30409f 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #30409f; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_38a169.css b/files/assets/style/dark_38a169.css index 4b28e0b53..0ea1ceb33 100644 --- a/files/assets/style/dark_38a169.css +++ b/files/assets/style/dark_38a169.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #38a169; - border-left: 2px solid #38a169; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #38a169; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #38a169; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #38a169; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #38a169; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #38a169; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #38a169; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #38a169; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #38a169; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #38a169 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #38a169; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_3e98a7.css b/files/assets/style/dark_3e98a7.css index e95061257..ee1ed3bc9 100644 --- a/files/assets/style/dark_3e98a7.css +++ b/files/assets/style/dark_3e98a7.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #3e98a7; - border-left: 2px solid #3e98a7; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #3e98a7; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #3e98a7; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #3e98a7; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #3e98a7; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #3e98a7; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #3e98a7; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #3e98a7; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #3e98a7; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #3e98a7 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #3e98a7; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_62ca56.css b/files/assets/style/dark_62ca56.css index 27761adb4..59d9659d8 100644 --- a/files/assets/style/dark_62ca56.css +++ b/files/assets/style/dark_62ca56.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #62ca56; - border-left: 2px solid #62ca56; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #62ca56; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #62ca56; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #62ca56; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #62ca56; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #62ca56; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #62ca56; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #62ca56; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #62ca56; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #62ca56 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #62ca56; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_7b9ae4.css b/files/assets/style/dark_7b9ae4.css index 08ed5a519..e46af87dc 100644 --- a/files/assets/style/dark_7b9ae4.css +++ b/files/assets/style/dark_7b9ae4.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7b9ae4; - border-left: 2px solid #7b9ae4; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7b9ae4; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7b9ae4; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #7b9ae4; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #7b9ae4; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7b9ae4; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7b9ae4; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7b9ae4; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #7b9ae4; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7b9ae4 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #7b9ae4; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_7f8fa6.css b/files/assets/style/dark_7f8fa6.css index 30108c7c6..d1113064f 100644 --- a/files/assets/style/dark_7f8fa6.css +++ b/files/assets/style/dark_7f8fa6.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7f8fa6; - border-left: 2px solid #7f8fa6; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7f8fa6; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7f8fa6; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #7f8fa6; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #7f8fa6; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7f8fa6; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7f8fa6; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7f8fa6; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #7f8fa6; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7f8fa6 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #7f8fa6; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_805ad5.css b/files/assets/style/dark_805ad5.css index 562155dae..89da07dc4 100644 --- a/files/assets/style/dark_805ad5.css +++ b/files/assets/style/dark_805ad5.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #805ad5; - border-left: 2px solid #805ad5; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #805ad5; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #805ad5; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #805ad5; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #805ad5; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #805ad5; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #805ad5; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #805ad5; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #805ad5; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #805ad5 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #805ad5; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_80ffff.css b/files/assets/style/dark_80ffff.css index 849f8c3b1..cfa3092c8 100644 --- a/files/assets/style/dark_80ffff.css +++ b/files/assets/style/dark_80ffff.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #80ffff; - border-left: 2px solid #80ffff; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #80ffff; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #80ffff; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #80ffff; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #80ffff; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #80ffff; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #80ffff; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #80ffff; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #80ffff; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #80ffff 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #80ffff; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_e4432d.css b/files/assets/style/dark_e4432d.css index 7e2410259..010147596 100644 --- a/files/assets/style/dark_e4432d.css +++ b/files/assets/style/dark_e4432d.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #e4432d; - border-left: 2px solid #e4432d; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #e4432d; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #e4432d; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #e4432d; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #e4432d; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #e4432d; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #e4432d; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #e4432d; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #e4432d; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #e4432d 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #e4432d; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_eb4963.css b/files/assets/style/dark_eb4963.css index 749e078c2..0e187ba65 100644 --- a/files/assets/style/dark_eb4963.css +++ b/files/assets/style/dark_eb4963.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #eb4963; - border-left: 2px solid #eb4963; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #eb4963; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #eb4963; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #eb4963; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #eb4963; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #eb4963; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #eb4963; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #eb4963; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #eb4963; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #eb4963 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #eb4963; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_ec72de.css b/files/assets/style/dark_ec72de.css index bd8148acc..88e315007 100644 --- a/files/assets/style/dark_ec72de.css +++ b/files/assets/style/dark_ec72de.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ec72de; - border-left: 2px solid #ec72de; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ec72de; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ec72de; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #ec72de; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ec72de; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ec72de; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ec72de; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ec72de; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ec72de; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ec72de 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #ec72de; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_f39731.css b/files/assets/style/dark_f39731.css index 16dfe7e06..0aecaaf28 100644 --- a/files/assets/style/dark_f39731.css +++ b/files/assets/style/dark_f39731.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f39731; - border-left: 2px solid #f39731; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f39731; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f39731; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #f39731; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #f39731; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f39731; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f39731; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f39731; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #f39731; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f39731 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #f39731; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_f8db58.css b/files/assets/style/dark_f8db58.css index 4d44d0df9..b99b9ffc9 100644 --- a/files/assets/style/dark_f8db58.css +++ b/files/assets/style/dark_f8db58.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f8db58; - border-left: 2px solid #f8db58; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f8db58; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f8db58; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #f8db58; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #f8db58; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f8db58; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f8db58; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f8db58; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #f8db58; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f8db58 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #f8db58; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_ff0000.css b/files/assets/style/dark_ff0000.css index 4651c5a9b..512af844a 100644 --- a/files/assets/style/dark_ff0000.css +++ b/files/assets/style/dark_ff0000.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff0000; - border-left: 2px solid #ff0000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff0000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff0000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #ff0000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ff0000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff0000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff0000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff0000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ff0000; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff0000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #ff0000; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/dark_ff66ac.css b/files/assets/style/dark_ff66ac.css index b6b6bff0a..e05b9d165 100644 --- a/files/assets/style/dark_ff66ac.css +++ b/files/assets/style/dark_ff66ac.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff66ac; - border-left: 2px solid #ff66ac; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff66ac; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff66ac; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #ff66ac; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ff66ac; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff66ac; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff66ac; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff66ac; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ff66ac; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff66ac 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #ff66ac; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/light.scss b/files/assets/style/light.scss index 92f1ab545..61f73c37e 100644 --- a/files/assets/style/light.scss +++ b/files/assets/style/light.scss @@ -227,19 +227,6 @@ body.using-mouse :focus { margin-top: 2rem; } -// Hide sidebar on all error pages - -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none!important; -} - -// Message pages - -#message .sidebar, #message-success .sidebar { - display: none; -} - // Padding and Margins #thread .custom-gutters { @@ -919,14 +906,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: $small-font-size; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: $small-font-size; -} - .icon::before { display: inline-block; font-style: normal; @@ -972,22 +951,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ - -/* .voting div:focus { - outline: 0; -} */ - .active.arrow-up::before { color: $upvote; } @@ -1141,19 +1108,19 @@ color: $dark; // Main Content -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: $white; border-radius: $border-radius; border: 1px solid $border-color; //box-shadow: $box-shadow-sm; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: $gray-100; } @@ -1161,10 +1128,6 @@ color: $dark; background-color: $white; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: $white; -} - .post-filter { display: inline-block; font-size: $small-font-size; @@ -1180,233 +1143,6 @@ color: $dark; width: 1rem; } -//.posts, #thread #main-content-col { - //background-color: $white; - //border: 1px solid $border-color; - //box-shadow: $box-shadow-sm; - //border-radius: $border-radius; -//} - -//#thread #main-content-col { -// margin: 0 15px; -//} - -// Left Sidebar (Terms pages) - -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid $border-color; -} -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: $font-size-base; - font-weight: $font-weight-bold; - color: $muted; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: $primary; - border-left: 2px solid $primary; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: $primary; - font-weight: $font-weight-bold; - left: -1px; - border-left: solid 2px $primary; - z-index: 2; -} - -// Sidebar content - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: $small-font-size; - font-weight: $font-weight-bold; - letter-spacing: 0.025rem; - color: $white; - background-color: $primary; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid $border-color; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: .35rem; - border-bottom-right-radius: .35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: $gray-100; - //border: 1px solid $border-color; - //box-shadow: $box-shadow-sm; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; - - & .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px $gray-100; - } -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: $muted; - font-weight: $font-weight-bold; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: $black; - background-color: $white; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: $gray; - color: $gray-600; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: $white; - color: $black; - border-color: $gray-100; -} - -// Sidebar Left Collapsed - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: $muted; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: $black; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - .sidebar-left .collapsed-toggle-parent { - display: none!important; - } -} - -// Sidebar Left - -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} - -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: $gray-600; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: $muted; text-decoration: none; @@ -1452,83 +1188,6 @@ color: $dark; color: $primary; } -// Guild recommendations section - -//.sidebar-left .sidebar-section.sidebar-guild-recommendations { -// margin-bottom: 1rem; -// background-color: transparent; -// box-shadow: none; -// border-radius: 0; -//} - -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: $muted; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: $black; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: $black; - background-color: $white; - border-radius: $border-radius; - //border: 1px solid $border-color; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: $gray-600; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa , .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab , .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: $primary; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: $primary; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: $primary; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: $border-radius; - box-shadow: $box-shadow-sm; -} - -// Sidebar Left Dashboard Section - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: $muted; text-decoration: none; @@ -1759,52 +1418,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -1861,18 +1520,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid $input-border-color; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: $border-radius; border-top-right-radius: $border-radius; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border-bottom: 1px solid $border-color; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: $border-color; border-style: solid; @@ -1880,7 +1539,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: $gray-200; } @@ -1921,7 +1580,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -2183,54 +1842,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -// Guilds - -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg,$gray-100,rgba(247,247,248,.25)),linear-gradient(90deg,$gray-100,rgba(247,247,248,.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: $border-radius; - border: 5px solid $white; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - // Pagination .page-link { @@ -2687,33 +2298,6 @@ ul.comment-section { color: $purple } -// Sidebar - -.sidebar-post-meta .score { - font-size: $h5-font-size; - font-weight: $font-weight-bold; -} - -.sidebar-post-meta .score-percent { - font-size: $extra-small-font-size; - color: $gray-600; - font-weight: $font-weight-normal; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: $small-font-size; - color: $muted; - font-weight: $font-weight-normal; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date{ - font-size: $small-font-size; - color: $black; - font-weight: $font-weight-normal; - text-transform: capitalize; -} - // Login Page #login { @@ -2773,16 +2357,6 @@ ul.comment-section { border: none; } -// Guild Settings Page - -#settings-guild { - background-color: $white; -} - -#settings-guild .settings .settings-section { - border: 1px solid $border-color; -} - // Settings Page .settings .settings-section { @@ -3415,22 +2989,18 @@ body, #settings, #notifications, #submit{ padding: 0.25rem 0.75rem; } -#frontpage, #search, #guild{ - padding-top: 98px; -} - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -3446,7 +3016,7 @@ body, #settings, #notifications, #submit{ z-index: 3; } -#frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { +#frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -3465,7 +3035,7 @@ body, #settings, #notifications, #submit{ /* -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -3474,19 +3044,13 @@ body, #settings, #notifications, #submit{ box-shadow: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ -// Guild - -.jumbotron-guild { - height: 115px; -} - // Posts and thread .posts, #thread #main-content-col { @@ -3521,7 +3085,7 @@ body, #settings, #notifications, #submit{ font-size: $font-size-base; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -3761,12 +3325,6 @@ textarea, input[type=text] { scrollbar-width: none; } -// Adam's additions - -.sidebar-adminpanel input[type="submit"] { - width:100% -} - .noshow { display: none; } @@ -3814,22 +3372,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; - .onboarding-card-overlay { - background-color: rgba(0,0,0,0.65); - } - &.selected { - .onboarding-card-overlay { - background-color: rgba($purple, .65); - } - } -} - .object-cover { object-fit: cover; } @@ -3893,4 +3435,37 @@ img.emoji { .transparent { background: None !important; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1 + +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } } \ No newline at end of file diff --git a/files/assets/style/light_2a96f3.css b/files/assets/style/light_2a96f3.css index 363a3a62a..7c801bc32 100644 --- a/files/assets/style/light_2a96f3.css +++ b/files/assets/style/light_2a96f3.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #2a96f3; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #2a96f3; - border-left: 2px solid #2a96f3; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #2a96f3; - font-weight: 600; - left: -1px; - border-left: solid 2px #2a96f3; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #2a96f3; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #2a96f3; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #2a96f3; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #2a96f3; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #2a96f3; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #2a96f3; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_2a96f3.css.map */ diff --git a/files/assets/style/light_30409f.css b/files/assets/style/light_30409f.css index 011110964..903a30667 100644 --- a/files/assets/style/light_30409f.css +++ b/files/assets/style/light_30409f.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #30409f; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #30409f; - border-left: 2px solid #30409f; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #30409f; - font-weight: 600; - left: -1px; - border-left: solid 2px #30409f; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #30409f; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #30409f; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #30409f; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #30409f; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #30409f; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #30409f; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_30409f.css.map */ diff --git a/files/assets/style/light_38a169.css b/files/assets/style/light_38a169.css index 29204be75..2c41d4fb7 100644 --- a/files/assets/style/light_38a169.css +++ b/files/assets/style/light_38a169.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #38a169; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #38a169; - border-left: 2px solid #38a169; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #38a169; - font-weight: 600; - left: -1px; - border-left: solid 2px #38a169; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #38a169; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #38a169; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #38a169; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #38a169; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #38a169; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #38a169; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_38a169.css.map */ diff --git a/files/assets/style/light_3e98a7.css b/files/assets/style/light_3e98a7.css index 535bbb028..39e63982f 100644 --- a/files/assets/style/light_3e98a7.css +++ b/files/assets/style/light_3e98a7.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #3e98a7; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #3e98a7; - border-left: 2px solid #3e98a7; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #3e98a7; - font-weight: 600; - left: -1px; - border-left: solid 2px #3e98a7; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #3e98a7; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #3e98a7; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #3e98a7; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #3e98a7; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #3e98a7; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #3e98a7; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_3e98a7.css.map */ diff --git a/files/assets/style/light_62ca56.css b/files/assets/style/light_62ca56.css index bcde3d51d..ad15ec071 100644 --- a/files/assets/style/light_62ca56.css +++ b/files/assets/style/light_62ca56.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #62ca56; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #62ca56; - border-left: 2px solid #62ca56; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #62ca56; - font-weight: 600; - left: -1px; - border-left: solid 2px #62ca56; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #62ca56; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #62ca56; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #62ca56; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #62ca56; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #62ca56; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #62ca56; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_62ca56.css.map */ diff --git a/files/assets/style/light_7b9ae4.css b/files/assets/style/light_7b9ae4.css index ff5bfc70f..92f14d4c8 100644 --- a/files/assets/style/light_7b9ae4.css +++ b/files/assets/style/light_7b9ae4.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #7b9ae4; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7b9ae4; - border-left: 2px solid #7b9ae4; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7b9ae4; - font-weight: 600; - left: -1px; - border-left: solid 2px #7b9ae4; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #7b9ae4; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #7b9ae4; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7b9ae4; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7b9ae4; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7b9ae4; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #7b9ae4; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_7b9ae4.css.map */ diff --git a/files/assets/style/light_7f8fa6.css b/files/assets/style/light_7f8fa6.css index 356182865..f86a5502d 100644 --- a/files/assets/style/light_7f8fa6.css +++ b/files/assets/style/light_7f8fa6.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #7f8fa6; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7f8fa6; - border-left: 2px solid #7f8fa6; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7f8fa6; - font-weight: 600; - left: -1px; - border-left: solid 2px #7f8fa6; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #7f8fa6; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #7f8fa6; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7f8fa6; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7f8fa6; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7f8fa6; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #7f8fa6; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_7f8fa6.css.map */ diff --git a/files/assets/style/light_805ad5.css b/files/assets/style/light_805ad5.css index de8ad4895..a22bf1359 100644 --- a/files/assets/style/light_805ad5.css +++ b/files/assets/style/light_805ad5.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #805ad5; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #805ad5; - border-left: 2px solid #805ad5; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #805ad5; - font-weight: 600; - left: -1px; - border-left: solid 2px #805ad5; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #805ad5; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #805ad5; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #805ad5; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #805ad5; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #805ad5; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #805ad5; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_805ad5.css.map */ diff --git a/files/assets/style/light_80ffff.css b/files/assets/style/light_80ffff.css index afb8ad509..3ea07c6dd 100644 --- a/files/assets/style/light_80ffff.css +++ b/files/assets/style/light_80ffff.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #80ffff; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #80ffff; - border-left: 2px solid #80ffff; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #80ffff; - font-weight: 600; - left: -1px; - border-left: solid 2px #80ffff; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #80ffff; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #80ffff; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #80ffff; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #80ffff; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #80ffff; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #80ffff; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_80ffff.css.map */ diff --git a/files/assets/style/light_e4432d.css b/files/assets/style/light_e4432d.css index 78cf47977..a381d56ae 100644 --- a/files/assets/style/light_e4432d.css +++ b/files/assets/style/light_e4432d.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #e4432d; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #e4432d; - border-left: 2px solid #e4432d; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #e4432d; - font-weight: 600; - left: -1px; - border-left: solid 2px #e4432d; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #e4432d; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #e4432d; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #e4432d; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #e4432d; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #e4432d; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #e4432d; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_e4432d.css.map */ diff --git a/files/assets/style/light_eb4963.css b/files/assets/style/light_eb4963.css index 660917e89..65533cb0e 100644 --- a/files/assets/style/light_eb4963.css +++ b/files/assets/style/light_eb4963.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #eb4963; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #eb4963; - border-left: 2px solid #eb4963; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #eb4963; - font-weight: 600; - left: -1px; - border-left: solid 2px #eb4963; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #eb4963; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #eb4963; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #eb4963; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #eb4963; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #eb4963; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #eb4963; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_eb4963.css.map */ diff --git a/files/assets/style/light_ec72de.css b/files/assets/style/light_ec72de.css index 228dc9611..e3376f768 100644 --- a/files/assets/style/light_ec72de.css +++ b/files/assets/style/light_ec72de.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #ec72de; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ec72de; - border-left: 2px solid #ec72de; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ec72de; - font-weight: 600; - left: -1px; - border-left: solid 2px #ec72de; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #ec72de; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #ec72de; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ec72de; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ec72de; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ec72de; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #ec72de; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_ec72de.css.map */ diff --git a/files/assets/style/light_f39731.css b/files/assets/style/light_f39731.css index 98dec7f98..d74a3f435 100644 --- a/files/assets/style/light_f39731.css +++ b/files/assets/style/light_f39731.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #f39731; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f39731; - border-left: 2px solid #f39731; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f39731; - font-weight: 600; - left: -1px; - border-left: solid 2px #f39731; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #f39731; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #f39731; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f39731; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f39731; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f39731; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #f39731; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_f39731.css.map */ diff --git a/files/assets/style/light_f8db58.css b/files/assets/style/light_f8db58.css index 277d8526a..c8ff71c5b 100644 --- a/files/assets/style/light_f8db58.css +++ b/files/assets/style/light_f8db58.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #f8db58; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f8db58; - border-left: 2px solid #f8db58; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f8db58; - font-weight: 600; - left: -1px; - border-left: solid 2px #f8db58; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #f8db58; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #f8db58; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f8db58; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f8db58; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f8db58; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #f8db58; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_f8db58.css.map */ diff --git a/files/assets/style/light_ff0000.css b/files/assets/style/light_ff0000.css index 817c673e5..5d55252d4 100644 --- a/files/assets/style/light_ff0000.css +++ b/files/assets/style/light_ff0000.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #ff0000; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff0000; - border-left: 2px solid #ff0000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff0000; - font-weight: 600; - left: -1px; - border-left: solid 2px #ff0000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #ff0000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #ff0000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff0000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff0000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff0000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #ff0000; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_ff0000.css.map */ diff --git a/files/assets/style/light_ff66ac.css b/files/assets/style/light_ff66ac.css index 08e181da8..92a65542a 100644 --- a/files/assets/style/light_ff66ac.css +++ b/files/assets/style/light_ff66ac.css @@ -13326,15 +13326,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 15px; background-color: #ffffff; @@ -13977,14 +13968,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar-right .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -14028,20 +14011,10 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } -/* - -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { - margin: 0; -} - -*/ -/* .voting div:focus { - outline: 0; -} */ .active.arrow-up::before { color: #ff66ac; } @@ -14183,18 +14156,18 @@ a:hover .link-arrow { opacity: 0.8; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #ffffff; border-radius: 0.35rem; border: 1px solid #E2E8F0; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 15px; padding-right: 15px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #F5F7FA; } @@ -14202,10 +14175,6 @@ a:hover .link-arrow { background-color: #ffffff; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #ffffff; -} - .post-filter { display: inline-block; font-size: 12px; @@ -14221,213 +14190,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 1px solid #E2E8F0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #718096; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff66ac; - border-left: 2px solid #ff66ac; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff66ac; - font-weight: 600; - left: -1px; - border-left: solid 2px #ff66ac; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #ffffff; - background-color: #ff66ac; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - border: solid #E2E8F0; - border-width: 0 1px 1px 1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #F5F7FA; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #F5F7FA; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #718096; - font-weight: 600; - border-bottom: 1px solid rgba(0, 0, 0, 0.05); -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #121213; - background-color: #ffffff; - border: none; -} - -.sidebar-section.sidebar-dark-promo .form-control { - background-color: #718096; - color: #718096; -} - -.sidebar-section.sidebar-dark-promo .form-control:hover, .sidebar-section.sidebar-dark-promo .form-control:active, .sidebar-section.sidebar-dark-promo .form-control:focus { - background-color: #ffffff; - color: #121213; - border-color: #F5F7FA; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #718096; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #121213; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - background-color: transparent; - color: #718096; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #718096; text-decoration: none; @@ -14472,71 +14234,6 @@ a:hover .link-arrow { color: #ff66ac; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #718096; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #121213; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #121213; - background-color: #ffffff; - border-radius: 0.35rem; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #718096; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff66ac; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff66ac; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff66ac; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #718096; text-decoration: none; @@ -14761,52 +14458,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: none; border-radius: $border-radius; margin-top: 1rem; box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; //border: 1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -14860,18 +14557,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 1px solid #E2E8F0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 1px 1px 0 1px; border-color: #E2E8F0; border-style: solid; @@ -14879,7 +14576,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #EDF2F7; } @@ -14920,7 +14617,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -15176,52 +14873,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(0deg, #F5F7FA, rgba(247, 247, 248, 0.25)), linear-gradient(90deg, #F5F7FA, rgba(247, 247, 248, 0.25)); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #ffffff; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; } @@ -15662,31 +15313,6 @@ ul.comment-section { color: #ff66ac; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 11px; - color: #718096; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #718096; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #121213; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -15739,14 +15365,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #ffffff; -} - -#settings-guild .settings .settings-section { - border: 1px solid #E2E8F0; -} - .settings .settings-section { margin-bottom: 3rem; background: #ffffff; @@ -16790,22 +16408,18 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { padding: 0.25rem 0.75rem; } - #frontpage, #search, #guild { - padding-top: 98px; - } - #search .search-results.card { border-bottom: 1px solid #e3e3e3; border-width: 0 0 1px 0; border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px 15px; border-width: 0 0 1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -16821,7 +16435,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -16838,7 +16452,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { /* - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { + #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border-width: 0 0 1px 0; border-color: $border-color; border-style: solid; @@ -16847,16 +16461,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { box-shadow: none; } - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { + #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 100%; height: auto; } */ - .jumbotron-guild { - height: 115px; - } - .posts, #thread #main-content-col { box-shadow: none; border-radius: 0; @@ -16889,7 +16499,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -17118,10 +16728,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -17173,20 +16779,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - -.onboarding-card { - height: 180px; -} -.onboarding-card .onboarding-card-overlay { - background-color: rgba(0, 0, 0, 0.65); -} -.onboarding-card.selected .onboarding-card-overlay { - background-color: rgba(255, 102, 172, 0.65); -} - .object-cover { object-fit: cover; } @@ -17253,4 +16845,36 @@ img.emoji { background: None !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} + /*# sourceMappingURL=light_ff66ac.css.map */ diff --git a/files/assets/style/main.scss b/files/assets/style/main.scss index a4fe96587..a6871bbea 100644 --- a/files/assets/style/main.scss +++ b/files/assets/style/main.scss @@ -191,18 +191,6 @@ body.using-mouse :focus { margin-top: 2rem; } -// Hide sidebar on all error pages - -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none!important; -} - -// Message pages - -#message .sidebar, #message-success .sidebar { - display: none; -} // Padding and Margins @@ -899,14 +887,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: $small-font-size; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: $small-font-size; -} - .icon::before { display: inline-block; font-style: normal; @@ -952,13 +932,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -1125,19 +1105,19 @@ color: $dark; background-color: $gray-600!important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: $gray-600; border-radius: $border-radius; border: none; //box-shadow: $box-shadow-sm; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: $light; } @@ -1145,10 +1125,6 @@ color: $dark; background-color: $light; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: $light; -} - .post-filter { display: inline-block; font-size: $small-font-size; @@ -1164,228 +1140,6 @@ color: $dark; width: 1rem; } -//.posts, #thread #main-content-col { - //background-color: $light; - //border: 0.1px solid $border-color; - //box-shadow: $box-shadow-sm; - //border-radius: $border-radius; -//} - -//#thread #main-content-col { -// margin: 0 10px; -//} - -// Left Sidebar (Terms pages) - -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid $border-color; -} -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: $font-size-base; - font-weight: $font-weight-bold; - color: $muted; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: $primary; - border-left: 2px solid $primary; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: $primary; - font-weight: $font-weight-bold; - left: -0.1px; - border-left: solid 2px $primary; - z-index: 2; -} - -// Sidebar content - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: $gray-600!important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: $small-font-size; - font-weight: $font-weight-bold; - letter-spacing: 0.025rem; - color: $white; - background-color: $primary; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: $black; - //border: solid $border-color; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: .35rem; - border-bottom-right-radius: .35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: $gray-700; - //border: 0.1px solid $border-color; - //box-shadow: $box-shadow-sm; - border-radius: $border-radius; - overflow: hidden; - word-break: break-word; - - & .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px $gray-700; - } -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: $muted; - font-weight: $font-weight-bold; - border-bottom: 0.1px solid $border-color; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: $black; - background-color: $light; - border: none; -} - -// Sidebar Left Collapsed - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: $muted; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: $black; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - .sidebar-left .collapsed-toggle-parent { - display: none!important; - } -} - -// Sidebar Left - -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: $gray-600!important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} - -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid $border-color; - //box-shadow: $box-shadow-sm; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: $muted; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} .filter-list .filter-item { color: $muted; @@ -1432,84 +1186,6 @@ color: $dark; color: $primary; } -// Guild recommendations section - -//.sidebar-left .sidebar-section.sidebar-guild-recommendations { -// margin-bottom: 1rem; -// background-color: transparent; -// box-shadow: none; -// border-radius: 0; -//} - -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: $muted; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: $black; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: $black; - background-color: $white; - border-radius: $border-radius; - border: 0.1px solid $border-color; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: $gray-600; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa , .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab , .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: $primary; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: $primary; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: $primary; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: $border-radius; - box-shadow: $box-shadow-sm; -} - -// Sidebar Left Dashboard Section - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - - .dashboard-list .dashboard-item { color: $muted; text-decoration: none; @@ -1741,52 +1417,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -1851,18 +1527,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: $gray-700; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: $border-radius; border-top-right-radius: $border-radius; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border-bottom: 0.1px solid $border-color; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: $border-color; border-style: solid; @@ -1870,7 +1546,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: $gray-600; } @@ -1911,7 +1587,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -2094,9 +1770,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - #search, #guild { - padding-top: 98px; - } } // Dropdown actions @@ -2184,56 +1857,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -// Guilds - -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1 - -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: $border-radius; - border: 5px solid $white; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - -// Pagination .page-link { font-weight: $font-weight-bold; @@ -2712,33 +2335,6 @@ ul.comment-section { color: $purple } -// Sidebar - -.sidebar-post-meta .score { - font-size: $h5-font-size; - font-weight: $font-weight-bold; -} - -.sidebar-post-meta .score-percent { - font-size: $extra-small-font-size; - color: $gray-600; - font-weight: $font-weight-normal; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: $small-font-size; - color: $muted; - font-weight: $font-weight-normal; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date{ - font-size: $small-font-size; - color: $black; - font-weight: $font-weight-normal; - text-transform: capitalize; -} - // Login Page #login { @@ -2762,7 +2358,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255,103,173,0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, $primary 150%); } @@ -2798,16 +2394,6 @@ ul.comment-section { border: none; } -// Guild Settings Page - -#settings-guild { - background-color: $gray-600; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid $border-color; -} - // Settings Page .settings .settings-section { @@ -3444,10 +3030,6 @@ body, #settings, #notifications, #submit { background-color: $light; } -#search, #guild { - padding-top: 98px; -} - #frontpage { padding-top: 49px; } @@ -3458,12 +3040,12 @@ body, #settings, #notifications, #submit { border-radius: 0; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -3483,7 +3065,7 @@ body, #settings, #notifications, #submit { z-index: 3; } -#frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { +#frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -3500,30 +3082,6 @@ body, #settings, #notifications, #submit { right: 0; } -/* - -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; -} - -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; -} - -*/ - -// Guild - -.jumbotron-guild { - height: 110px; -} - // Posts and thread #thread .card { @@ -3567,7 +3125,7 @@ body, #settings, #notifications, #submit { } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -3822,12 +3380,6 @@ textarea, input[type=text] { scrollbar-width: none; } -// Adam's additions - -.sidebar-adminpanel input[type="submit"] { - width:100% -} - .noshow { display: none; } @@ -3862,10 +3414,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; .onboarding-card-overlay { @@ -4046,4 +3594,37 @@ img.emoji { textarea { resize: both !important; +} + +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1 + +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } } \ No newline at end of file diff --git a/files/assets/style/midnight_2a96f3.css b/files/assets/style/midnight_2a96f3.css index a1a5b05b4..08ea4c93f 100644 --- a/files/assets/style/midnight_2a96f3.css +++ b/files/assets/style/midnight_2a96f3.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #2a96f3; - border-left: 2px solid #2a96f3; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #2a96f3; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #2a96f3; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #2a96f3; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #2a96f3; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #2a96f3; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #2a96f3; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #2a96f3; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #2a96f3; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #2a96f3 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_30409f.css b/files/assets/style/midnight_30409f.css index 83990baed..ae1720c3b 100644 --- a/files/assets/style/midnight_30409f.css +++ b/files/assets/style/midnight_30409f.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #30409f; - border-left: 2px solid #30409f; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #30409f; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #30409f; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #30409f; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #30409f; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #30409f; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #30409f; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #30409f; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #30409f; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #30409f 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_38a169.css b/files/assets/style/midnight_38a169.css index 52e29c5a8..57b8f37dd 100644 --- a/files/assets/style/midnight_38a169.css +++ b/files/assets/style/midnight_38a169.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #38a169; - border-left: 2px solid #38a169; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #38a169; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #38a169; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #38a169; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #38a169; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #38a169; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #38a169; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #38a169; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #38a169; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #38a169 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_3e98a7.css b/files/assets/style/midnight_3e98a7.css index 88fb6110f..ce207ea57 100644 --- a/files/assets/style/midnight_3e98a7.css +++ b/files/assets/style/midnight_3e98a7.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #3e98a7; - border-left: 2px solid #3e98a7; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #3e98a7; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #3e98a7; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #3e98a7; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #3e98a7; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #3e98a7; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #3e98a7; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #3e98a7; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #3e98a7; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #3e98a7 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_62ca56.css b/files/assets/style/midnight_62ca56.css index 81e4127e6..a6ef55209 100644 --- a/files/assets/style/midnight_62ca56.css +++ b/files/assets/style/midnight_62ca56.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #62ca56; - border-left: 2px solid #62ca56; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #62ca56; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #62ca56; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #62ca56; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #62ca56; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #62ca56; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #62ca56; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #62ca56; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #62ca56; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #62ca56 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_7b9ae4.css b/files/assets/style/midnight_7b9ae4.css index 34645e90d..bd5dcb7c6 100644 --- a/files/assets/style/midnight_7b9ae4.css +++ b/files/assets/style/midnight_7b9ae4.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7b9ae4; - border-left: 2px solid #7b9ae4; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7b9ae4; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7b9ae4; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #7b9ae4; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #7b9ae4; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7b9ae4; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7b9ae4; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7b9ae4; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #7b9ae4; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7b9ae4 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_7f8fa6.css b/files/assets/style/midnight_7f8fa6.css index 026f6c8db..2726488e5 100644 --- a/files/assets/style/midnight_7f8fa6.css +++ b/files/assets/style/midnight_7f8fa6.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7f8fa6; - border-left: 2px solid #7f8fa6; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7f8fa6; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7f8fa6; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #7f8fa6; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #7f8fa6; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7f8fa6; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7f8fa6; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7f8fa6; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #7f8fa6; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7f8fa6 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_805ad5.css b/files/assets/style/midnight_805ad5.css index e1a71c55b..160e7c969 100644 --- a/files/assets/style/midnight_805ad5.css +++ b/files/assets/style/midnight_805ad5.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #805ad5; - border-left: 2px solid #805ad5; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #805ad5; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #805ad5; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #805ad5; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #805ad5; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #805ad5; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #805ad5; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #805ad5; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #805ad5; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #805ad5 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_80ffff.css b/files/assets/style/midnight_80ffff.css index 5bde30f0d..9999921aa 100644 --- a/files/assets/style/midnight_80ffff.css +++ b/files/assets/style/midnight_80ffff.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #80ffff; - border-left: 2px solid #80ffff; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #80ffff; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #80ffff; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #80ffff; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #80ffff; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #80ffff; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #80ffff; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #80ffff; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #80ffff; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #80ffff 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_e4432d.css b/files/assets/style/midnight_e4432d.css index 6a83b1296..124bae239 100644 --- a/files/assets/style/midnight_e4432d.css +++ b/files/assets/style/midnight_e4432d.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #e4432d; - border-left: 2px solid #e4432d; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #e4432d; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #e4432d; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #e4432d; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #e4432d; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #e4432d; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #e4432d; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #e4432d; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #e4432d; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #e4432d 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_eb4963.css b/files/assets/style/midnight_eb4963.css index 282717ac3..2565da330 100644 --- a/files/assets/style/midnight_eb4963.css +++ b/files/assets/style/midnight_eb4963.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #eb4963; - border-left: 2px solid #eb4963; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #eb4963; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #eb4963; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #eb4963; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #eb4963; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #eb4963; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #eb4963; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #eb4963; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #eb4963; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #eb4963 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_ec72de.css b/files/assets/style/midnight_ec72de.css index e4618d545..a5c6810c2 100644 --- a/files/assets/style/midnight_ec72de.css +++ b/files/assets/style/midnight_ec72de.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ec72de; - border-left: 2px solid #ec72de; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ec72de; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ec72de; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #ec72de; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ec72de; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ec72de; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ec72de; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ec72de; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ec72de; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ec72de 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_f39731.css b/files/assets/style/midnight_f39731.css index 047a9a29c..e560ffdcb 100644 --- a/files/assets/style/midnight_f39731.css +++ b/files/assets/style/midnight_f39731.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f39731; - border-left: 2px solid #f39731; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f39731; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f39731; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #f39731; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #f39731; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f39731; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f39731; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f39731; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #f39731; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f39731 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_f8db58.css b/files/assets/style/midnight_f8db58.css index 467e911bf..428f66cdf 100644 --- a/files/assets/style/midnight_f8db58.css +++ b/files/assets/style/midnight_f8db58.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f8db58; - border-left: 2px solid #f8db58; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f8db58; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f8db58; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #f8db58; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #f8db58; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f8db58; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f8db58; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f8db58; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #f8db58; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f8db58 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_ff0000.css b/files/assets/style/midnight_ff0000.css index 757a855ea..9ef19d009 100644 --- a/files/assets/style/midnight_ff0000.css +++ b/files/assets/style/midnight_ff0000.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff0000; - border-left: 2px solid #ff0000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff0000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff0000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #ff0000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ff0000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff0000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff0000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff0000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ff0000; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff0000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/midnight_ff66ac.css b/files/assets/style/midnight_ff66ac.css index 54b3b7019..08a1e747b 100644 --- a/files/assets/style/midnight_ff66ac.css +++ b/files/assets/style/midnight_ff66ac.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #21262d !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #21262d; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #b1bac4; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #b1bac4; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #b1bac4; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #6e7681; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #c9d1d9; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff66ac; - border-left: 2px solid #ff66ac; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff66ac; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff66ac; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #21262d !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c9d1d9; - background-color: #ff66ac; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #c9d1d9; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #21262d; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #21262d; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #c9d1d9; - font-weight: 600; - border-bottom: 0.1px solid #6e7681; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #c9d1d9; - background-color: #b1bac4; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #c9d1d9; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #21262d !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #6e7681; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #c9d1d9; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #c9d1d9; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ff66ac; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #c9d1d9; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #c9d1d9; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #c9d1d9; - background-color: #c9d1d9; - border-radius: 0.35rem; - border: 0.1px solid #6e7681; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #21262d; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff66ac; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff66ac; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff66ac; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #c9d1d9; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #21262d; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #6e7681; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #6e7681; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #21262d; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c9d1d9; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #8b949e; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ff66ac; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #21262d; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #c9d1d9; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff66ac 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #21262d; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #6e7681; -} - .settings .settings-section { margin-bottom: 3rem; background: #484f58; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #b1bac4; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #21262d; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} body, .navbar-light, .navbar-dark, .card, .modal-content, .comment-write textarea { background-color: #21262d !important; } diff --git a/files/assets/style/transparent.scss b/files/assets/style/transparent.scss index a9ff2d923..ce3a80dee 100644 --- a/files/assets/style/transparent.scss +++ b/files/assets/style/transparent.scss @@ -72,7 +72,7 @@ $reddit: #ED4630; border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_2a96f3.css b/files/assets/style/transparent_2a96f3.css index 752bf25d8..2fd421d96 100644 --- a/files/assets/style/transparent_2a96f3.css +++ b/files/assets/style/transparent_2a96f3.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #2a96f3; - border-left: 2px solid #2a96f3; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #2a96f3; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #2a96f3; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #2a96f3; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #2a96f3; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #2a96f3; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #2a96f3; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #2a96f3; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #2a96f3; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #2a96f3 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #2a96f3; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_30409f.css b/files/assets/style/transparent_30409f.css index c0afcc258..e3f6e471c 100644 --- a/files/assets/style/transparent_30409f.css +++ b/files/assets/style/transparent_30409f.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #30409f; - border-left: 2px solid #30409f; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #30409f; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #30409f; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #30409f; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #30409f; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #30409f; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #30409f; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #30409f; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #30409f; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #30409f 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #30409f; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_38a169.css b/files/assets/style/transparent_38a169.css index 6b5b3271d..d36e71f5d 100644 --- a/files/assets/style/transparent_38a169.css +++ b/files/assets/style/transparent_38a169.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #38a169; - border-left: 2px solid #38a169; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #38a169; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #38a169; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #38a169; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #38a169; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #38a169; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #38a169; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #38a169; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #38a169; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #38a169 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #38a169; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_3e98a7.css b/files/assets/style/transparent_3e98a7.css index d38fc83e4..e1829ba00 100644 --- a/files/assets/style/transparent_3e98a7.css +++ b/files/assets/style/transparent_3e98a7.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #3e98a7; - border-left: 2px solid #3e98a7; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #3e98a7; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #3e98a7; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #3e98a7; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #3e98a7; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #3e98a7; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #3e98a7; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #3e98a7; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #3e98a7; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #3e98a7 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #3e98a7; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_62ca56.css b/files/assets/style/transparent_62ca56.css index f36f0d400..60d3b6100 100644 --- a/files/assets/style/transparent_62ca56.css +++ b/files/assets/style/transparent_62ca56.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #62ca56; - border-left: 2px solid #62ca56; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #62ca56; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #62ca56; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #62ca56; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #62ca56; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #62ca56; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #62ca56; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #62ca56; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #62ca56; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #62ca56 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #62ca56; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_7b9ae4.css b/files/assets/style/transparent_7b9ae4.css index 320059a40..087281cf2 100644 --- a/files/assets/style/transparent_7b9ae4.css +++ b/files/assets/style/transparent_7b9ae4.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7b9ae4; - border-left: 2px solid #7b9ae4; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7b9ae4; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7b9ae4; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #7b9ae4; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #7b9ae4; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7b9ae4; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7b9ae4; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7b9ae4; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #7b9ae4; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7b9ae4 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #7b9ae4; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_7f8fa6.css b/files/assets/style/transparent_7f8fa6.css index 358691420..4ba66a3de 100644 --- a/files/assets/style/transparent_7f8fa6.css +++ b/files/assets/style/transparent_7f8fa6.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7f8fa6; - border-left: 2px solid #7f8fa6; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7f8fa6; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7f8fa6; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #7f8fa6; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #7f8fa6; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7f8fa6; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7f8fa6; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7f8fa6; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #7f8fa6; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7f8fa6 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #7f8fa6; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_805ad5.css b/files/assets/style/transparent_805ad5.css index 3b24f7ec9..88d94fe25 100644 --- a/files/assets/style/transparent_805ad5.css +++ b/files/assets/style/transparent_805ad5.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #805ad5; - border-left: 2px solid #805ad5; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #805ad5; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #805ad5; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #805ad5; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #805ad5; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #805ad5; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #805ad5; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #805ad5; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #805ad5; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #805ad5 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #805ad5; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_80ffff.css b/files/assets/style/transparent_80ffff.css index 04cfadc9a..57355293a 100644 --- a/files/assets/style/transparent_80ffff.css +++ b/files/assets/style/transparent_80ffff.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #80ffff; - border-left: 2px solid #80ffff; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #80ffff; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #80ffff; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #80ffff; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #80ffff; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #80ffff; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #80ffff; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #80ffff; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #80ffff; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #80ffff 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #80ffff; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_e4432d.css b/files/assets/style/transparent_e4432d.css index 515c27674..ee92122a4 100644 --- a/files/assets/style/transparent_e4432d.css +++ b/files/assets/style/transparent_e4432d.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #e4432d; - border-left: 2px solid #e4432d; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #e4432d; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #e4432d; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #e4432d; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #e4432d; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #e4432d; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #e4432d; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #e4432d; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #e4432d; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #e4432d 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #e4432d; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_eb4963.css b/files/assets/style/transparent_eb4963.css index 205c2a617..8e7830da1 100644 --- a/files/assets/style/transparent_eb4963.css +++ b/files/assets/style/transparent_eb4963.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #eb4963; - border-left: 2px solid #eb4963; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #eb4963; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #eb4963; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #eb4963; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #eb4963; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #eb4963; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #eb4963; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #eb4963; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #eb4963; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #eb4963 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #eb4963; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_ec72de.css b/files/assets/style/transparent_ec72de.css index b4864c5d3..2c12c97e7 100644 --- a/files/assets/style/transparent_ec72de.css +++ b/files/assets/style/transparent_ec72de.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ec72de; - border-left: 2px solid #ec72de; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ec72de; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ec72de; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #ec72de; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ec72de; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ec72de; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ec72de; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ec72de; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ec72de; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ec72de 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #ec72de; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_f39731.css b/files/assets/style/transparent_f39731.css index 58f68da56..93c861961 100644 --- a/files/assets/style/transparent_f39731.css +++ b/files/assets/style/transparent_f39731.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f39731; - border-left: 2px solid #f39731; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f39731; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f39731; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #f39731; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #f39731; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f39731; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f39731; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f39731; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #f39731; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f39731 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #f39731; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_f8db58.css b/files/assets/style/transparent_f8db58.css index 17adb5d8a..226a76838 100644 --- a/files/assets/style/transparent_f8db58.css +++ b/files/assets/style/transparent_f8db58.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f8db58; - border-left: 2px solid #f8db58; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f8db58; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f8db58; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #f8db58; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #f8db58; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f8db58; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f8db58; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f8db58; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #f8db58; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f8db58 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #f8db58; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_ff0000.css b/files/assets/style/transparent_ff0000.css index 93e0ef62e..808313928 100644 --- a/files/assets/style/transparent_ff0000.css +++ b/files/assets/style/transparent_ff0000.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff0000; - border-left: 2px solid #ff0000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff0000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff0000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #ff0000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ff0000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff0000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff0000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff0000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ff0000; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff0000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #ff0000; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/transparent_ff66ac.css b/files/assets/style/transparent_ff66ac.css index 025dd8f00..b8eed3323 100644 --- a/files/assets/style/transparent_ff66ac.css +++ b/files/assets/style/transparent_ff66ac.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #000000 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #000000; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #303030; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #E1E1E1; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff66ac; - border-left: 2px solid #ff66ac; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff66ac; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff66ac; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #000000 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #E1E1E1; - background-color: #ff66ac; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #CFCFCF; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #000000; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #000000; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #E1E1E1; - font-weight: 600; - border-bottom: 0.1px solid #303030; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #CFCFCF; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #E1E1E1; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #CFCFCF; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #000000 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #303030; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #E1E1E1; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #E1E1E1; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #ff66ac; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #E1E1E1; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #CFCFCF; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #CFCFCF; - background-color: #E1E1E1; - border-radius: 0.35rem; - border: 0.1px solid #303030; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #000000; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff66ac; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff66ac; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff66ac; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #E1E1E1; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #000000; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #303030; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #303030; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #000000; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #E1E1E1; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #383838; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ff66ac; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #000000; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #E1E1E1; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #CFCFCF; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff66ac 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #000000; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #303030; -} - .settings .settings-section { margin-bottom: 3rem; background: #000000; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #000000; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,6 +27342,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { border-color: #ff66ac; } @@ -27777,7 +27404,7 @@ textarea { border-color: #E53E3E !important; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { border-color: transparent !important; } diff --git a/files/assets/style/tron.scss b/files/assets/style/tron.scss index 51eca0128..652f63473 100644 --- a/files/assets/style/tron.scss +++ b/files/assets/style/tron.scss @@ -97,4 +97,13 @@ $reddit: #ED4630; #frontpage .post-title a:visited { color: #b0b0b0; +} + +.followsyou { + background-color: $dark !important; + border: 1px solid $primary !important; +} + +.badge-count { + color: $primary; } \ No newline at end of file diff --git a/files/assets/style/tron_2a96f3.css b/files/assets/style/tron_2a96f3.css index f61a427cb..42148507c 100644 --- a/files/assets/style/tron_2a96f3.css +++ b/files/assets/style/tron_2a96f3.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #2a96f3; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #2a96f3; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #2a96f3; - border-left: 2px solid #2a96f3; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #2a96f3; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #2a96f3; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #2a96f3; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #2a96f3; - font-weight: 600; - border-bottom: 0.1px solid #2a96f3; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #2a96f3; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #2a96f3; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #2a96f3; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #2a96f3; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #2a96f3; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #2a96f3; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #2a96f3; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #2a96f3; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #2a96f3; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #2a96f3; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #2a96f3; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #2a96f3; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #2a96f3; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #2a96f3; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #2a96f3; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #2a96f3 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #2a96f3; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #2a96f3 !important; +} + +.badge-count { + color: #2a96f3; +} + /*# sourceMappingURL=tron_2a96f3.css.map */ diff --git a/files/assets/style/tron_30409f.css b/files/assets/style/tron_30409f.css index 4ccc24742..5476e6bd2 100644 --- a/files/assets/style/tron_30409f.css +++ b/files/assets/style/tron_30409f.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #30409f; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #30409f; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #30409f; - border-left: 2px solid #30409f; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #30409f; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #30409f; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #30409f; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #30409f; - font-weight: 600; - border-bottom: 0.1px solid #30409f; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #30409f; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #30409f; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #30409f; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #30409f; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #30409f; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #30409f; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #30409f; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #30409f; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #30409f; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #30409f; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #30409f; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #30409f; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #30409f; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #30409f; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #30409f; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #30409f 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #30409f; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #30409f !important; +} + +.badge-count { + color: #30409f; +} + /*# sourceMappingURL=tron_30409f.css.map */ diff --git a/files/assets/style/tron_38a169.css b/files/assets/style/tron_38a169.css index 6ec7bd549..894f5e270 100644 --- a/files/assets/style/tron_38a169.css +++ b/files/assets/style/tron_38a169.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #38a169; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #38a169; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #38a169; - border-left: 2px solid #38a169; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #38a169; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #38a169; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #38a169; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #38a169; - font-weight: 600; - border-bottom: 0.1px solid #38a169; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #38a169; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #38a169; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #38a169; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #38a169; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #38a169; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #38a169; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #38a169; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #38a169; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #38a169; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #38a169; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #38a169; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #38a169; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #38a169; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #38a169; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #38a169; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #38a169 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #38a169; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #38a169 !important; +} + +.badge-count { + color: #38a169; +} + /*# sourceMappingURL=tron_38a169.css.map */ diff --git a/files/assets/style/tron_3e98a7.css b/files/assets/style/tron_3e98a7.css index de0d9d6c2..56ce8dfb8 100644 --- a/files/assets/style/tron_3e98a7.css +++ b/files/assets/style/tron_3e98a7.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #3e98a7; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #3e98a7; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #3e98a7; - border-left: 2px solid #3e98a7; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #3e98a7; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #3e98a7; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #3e98a7; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #3e98a7; - font-weight: 600; - border-bottom: 0.1px solid #3e98a7; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #3e98a7; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #3e98a7; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #3e98a7; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #3e98a7; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #3e98a7; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #3e98a7; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #3e98a7; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #3e98a7; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #3e98a7; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #3e98a7; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #3e98a7; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #3e98a7; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #3e98a7; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #3e98a7; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #3e98a7; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #3e98a7 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #3e98a7; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #3e98a7 !important; +} + +.badge-count { + color: #3e98a7; +} + /*# sourceMappingURL=tron_3e98a7.css.map */ diff --git a/files/assets/style/tron_62ca56.css b/files/assets/style/tron_62ca56.css index 74ee9880a..12b792922 100644 --- a/files/assets/style/tron_62ca56.css +++ b/files/assets/style/tron_62ca56.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #62ca56; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #62ca56; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #62ca56; - border-left: 2px solid #62ca56; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #62ca56; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #62ca56; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #62ca56; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #62ca56; - font-weight: 600; - border-bottom: 0.1px solid #62ca56; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #62ca56; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #62ca56; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #62ca56; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #62ca56; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #62ca56; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #62ca56; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #62ca56; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #62ca56; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #62ca56; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #62ca56; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #62ca56; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #62ca56; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #62ca56; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #62ca56; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #62ca56; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #62ca56 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #62ca56; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #62ca56 !important; +} + +.badge-count { + color: #62ca56; +} + /*# sourceMappingURL=tron_62ca56.css.map */ diff --git a/files/assets/style/tron_7b9ae4.css b/files/assets/style/tron_7b9ae4.css index 86aaa785b..9d4127d38 100644 --- a/files/assets/style/tron_7b9ae4.css +++ b/files/assets/style/tron_7b9ae4.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #7b9ae4; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #7b9ae4; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7b9ae4; - border-left: 2px solid #7b9ae4; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7b9ae4; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7b9ae4; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #7b9ae4; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #7b9ae4; - font-weight: 600; - border-bottom: 0.1px solid #7b9ae4; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #7b9ae4; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #7b9ae4; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #7b9ae4; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #7b9ae4; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #7b9ae4; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #7b9ae4; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #7b9ae4; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7b9ae4; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7b9ae4; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7b9ae4; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #7b9ae4; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #7b9ae4; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #7b9ae4; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #7b9ae4; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #7b9ae4; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7b9ae4 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #7b9ae4; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #7b9ae4 !important; +} + +.badge-count { + color: #7b9ae4; +} + /*# sourceMappingURL=tron_7b9ae4.css.map */ diff --git a/files/assets/style/tron_7f8fa6.css b/files/assets/style/tron_7f8fa6.css index 1ee3d9f10..a361148fa 100644 --- a/files/assets/style/tron_7f8fa6.css +++ b/files/assets/style/tron_7f8fa6.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #7f8fa6; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #7f8fa6; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #7f8fa6; - border-left: 2px solid #7f8fa6; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #7f8fa6; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #7f8fa6; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #7f8fa6; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #7f8fa6; - font-weight: 600; - border-bottom: 0.1px solid #7f8fa6; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #7f8fa6; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #7f8fa6; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #7f8fa6; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #7f8fa6; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #7f8fa6; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #7f8fa6; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #7f8fa6; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #7f8fa6; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #7f8fa6; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #7f8fa6; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #7f8fa6; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #7f8fa6; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #7f8fa6; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #7f8fa6; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #7f8fa6; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #7f8fa6 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #7f8fa6; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #7f8fa6 !important; +} + +.badge-count { + color: #7f8fa6; +} + /*# sourceMappingURL=tron_7f8fa6.css.map */ diff --git a/files/assets/style/tron_805ad5.css b/files/assets/style/tron_805ad5.css index 3633a6506..50bed10f6 100644 --- a/files/assets/style/tron_805ad5.css +++ b/files/assets/style/tron_805ad5.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #805ad5; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #805ad5; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #805ad5; - border-left: 2px solid #805ad5; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #805ad5; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #805ad5; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #805ad5; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #805ad5; - font-weight: 600; - border-bottom: 0.1px solid #805ad5; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #805ad5; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #805ad5; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #805ad5; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #805ad5; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #805ad5; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #805ad5; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #805ad5; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #805ad5; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #805ad5; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #805ad5; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #805ad5; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #805ad5; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #805ad5; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #805ad5; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #805ad5; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #805ad5 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #805ad5; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #805ad5 !important; +} + +.badge-count { + color: #805ad5; +} + /*# sourceMappingURL=tron_805ad5.css.map */ diff --git a/files/assets/style/tron_80ffff.css b/files/assets/style/tron_80ffff.css index b703f3041..8902ae3e9 100644 --- a/files/assets/style/tron_80ffff.css +++ b/files/assets/style/tron_80ffff.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #80ffff; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #80ffff; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #80ffff; - border-left: 2px solid #80ffff; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #80ffff; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #80ffff; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #80ffff; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #80ffff; - font-weight: 600; - border-bottom: 0.1px solid #80ffff; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #80ffff; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #80ffff; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #80ffff; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #80ffff; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #80ffff; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #80ffff; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #80ffff; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #80ffff; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #80ffff; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #80ffff; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #80ffff; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #80ffff; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #80ffff; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #80ffff; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #80ffff; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #80ffff 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #80ffff; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #80ffff !important; +} + +.badge-count { + color: #80ffff; +} + /*# sourceMappingURL=tron_80ffff.css.map */ diff --git a/files/assets/style/tron_e4432d.css b/files/assets/style/tron_e4432d.css index f3cce57ed..a185be88a 100644 --- a/files/assets/style/tron_e4432d.css +++ b/files/assets/style/tron_e4432d.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #e4432d; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #e4432d; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #e4432d; - border-left: 2px solid #e4432d; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #e4432d; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #e4432d; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #e4432d; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #e4432d; - font-weight: 600; - border-bottom: 0.1px solid #e4432d; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #e4432d; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #e4432d; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #e4432d; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #e4432d; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #e4432d; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #e4432d; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #e4432d; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #e4432d; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #e4432d; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #e4432d; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #e4432d; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #e4432d; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #e4432d; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #e4432d; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #e4432d; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #e4432d 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #e4432d; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #e4432d !important; +} + +.badge-count { + color: #e4432d; +} + /*# sourceMappingURL=tron_e4432d.css.map */ diff --git a/files/assets/style/tron_eb4963.css b/files/assets/style/tron_eb4963.css index 80c3f0c18..b011be577 100644 --- a/files/assets/style/tron_eb4963.css +++ b/files/assets/style/tron_eb4963.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #eb4963; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #eb4963; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #eb4963; - border-left: 2px solid #eb4963; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #eb4963; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #eb4963; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #eb4963; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #eb4963; - font-weight: 600; - border-bottom: 0.1px solid #eb4963; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #eb4963; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #eb4963; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #eb4963; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #eb4963; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #eb4963; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #eb4963; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #eb4963; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #eb4963; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #eb4963; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #eb4963; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #eb4963; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #eb4963; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #eb4963; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #eb4963; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #eb4963; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #eb4963 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #eb4963; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #eb4963 !important; +} + +.badge-count { + color: #eb4963; +} + /*# sourceMappingURL=tron_eb4963.css.map */ diff --git a/files/assets/style/tron_ec72de.css b/files/assets/style/tron_ec72de.css index 96aaf01fb..4d7301500 100644 --- a/files/assets/style/tron_ec72de.css +++ b/files/assets/style/tron_ec72de.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #ec72de; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #ec72de; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ec72de; - border-left: 2px solid #ec72de; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ec72de; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ec72de; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #ec72de; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #ec72de; - font-weight: 600; - border-bottom: 0.1px solid #ec72de; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #ec72de; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #ec72de; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #ec72de; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #ec72de; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #ec72de; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #ec72de; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #ec72de; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ec72de; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ec72de; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ec72de; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #ec72de; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #ec72de; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #ec72de; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #ec72de; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #ec72de; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ec72de 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #ec72de; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #ec72de !important; +} + +.badge-count { + color: #ec72de; +} + /*# sourceMappingURL=tron_ec72de.css.map */ diff --git a/files/assets/style/tron_f39731.css b/files/assets/style/tron_f39731.css index 690d10310..0b6cd08b0 100644 --- a/files/assets/style/tron_f39731.css +++ b/files/assets/style/tron_f39731.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #f39731; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #f39731; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f39731; - border-left: 2px solid #f39731; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f39731; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f39731; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #f39731; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #f39731; - font-weight: 600; - border-bottom: 0.1px solid #f39731; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f39731; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #f39731; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #f39731; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #f39731; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #f39731; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #f39731; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #f39731; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f39731; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f39731; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f39731; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #f39731; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #f39731; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #f39731; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #f39731; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #f39731; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f39731 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #f39731; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #f39731 !important; +} + +.badge-count { + color: #f39731; +} + /*# sourceMappingURL=tron_f39731.css.map */ diff --git a/files/assets/style/tron_f8db58.css b/files/assets/style/tron_f8db58.css index 5812df2a5..49fd93fd6 100644 --- a/files/assets/style/tron_f8db58.css +++ b/files/assets/style/tron_f8db58.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #f8db58; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #f8db58; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #f8db58; - border-left: 2px solid #f8db58; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #f8db58; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #f8db58; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #f8db58; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #f8db58; - font-weight: 600; - border-bottom: 0.1px solid #f8db58; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f8db58; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #f8db58; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #f8db58; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #f8db58; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #f8db58; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #f8db58; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #f8db58; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #f8db58; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #f8db58; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #f8db58; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #f8db58; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #f8db58; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #f8db58; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #f8db58; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #f8db58; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #f8db58 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #f8db58; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #f8db58 !important; +} + +.badge-count { + color: #f8db58; +} + /*# sourceMappingURL=tron_f8db58.css.map */ diff --git a/files/assets/style/tron_ff0000.css b/files/assets/style/tron_ff0000.css index 4edabe7f8..8c43b9849 100644 --- a/files/assets/style/tron_ff0000.css +++ b/files/assets/style/tron_ff0000.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #ff0000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #ff0000; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff0000; - border-left: 2px solid #ff0000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff0000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff0000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #ff0000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #ff0000; - font-weight: 600; - border-bottom: 0.1px solid #ff0000; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #ff0000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #ff0000; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #ff0000; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #ff0000; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #ff0000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #ff0000; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #ff0000; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff0000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff0000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff0000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #ff0000; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #ff0000; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #ff0000; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #ff0000; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #ff0000; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff0000 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #ff0000; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #ff0000 !important; +} + +.badge-count { + color: #ff0000; +} + /*# sourceMappingURL=tron_ff0000.css.map */ diff --git a/files/assets/style/tron_ff66ac.css b/files/assets/style/tron_ff66ac.css index 2e12ee315..d8dc1e7e6 100644 --- a/files/assets/style/tron_ff66ac.css +++ b/files/assets/style/tron_ff66ac.css @@ -23642,15 +23642,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24307,14 +24298,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24358,13 +24341,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24517,18 +24500,18 @@ a:hover .link-arrow { background-color: #00001f !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #00001f; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #00001f; } @@ -24536,10 +24519,6 @@ a:hover .link-arrow { background-color: #00001f; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #00001f; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24555,207 +24534,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #ff66ac; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #ff66ac; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #ff66ac; - border-left: 2px solid #ff66ac; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #ff66ac; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #ff66ac; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #00001f !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #f0f0f0; - background-color: #ff66ac; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #f0f0f0; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #00001f; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #00001f; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #ff66ac; - font-weight: 600; - border-bottom: 0.1px solid #ff66ac; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #f0f0f0; - background-color: #00001f; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #ff66ac; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #f0f0f0; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #00001f !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #ff66ac; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #ff66ac; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #ff66ac; text-decoration: none; @@ -24800,72 +24578,6 @@ a:hover .link-arrow { color: #ff66ac; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #ff66ac; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #f0f0f0; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #f0f0f0; - background-color: #f0f0f0; - border-radius: 0.35rem; - border: 0.1px solid #ff66ac; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #00001f; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #ff66ac; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #ff66ac; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #ff66ac; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #ff66ac; text-decoration: none; @@ -25090,52 +24802,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25197,18 +24909,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #00001f; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #ff66ac; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #ff66ac; border-style: solid; @@ -25216,7 +24928,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #00001f; } @@ -25257,7 +24969,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25437,10 +25149,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25525,52 +25233,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #f0f0f0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #00001f; @@ -26035,31 +25697,6 @@ ul.comment-section { color: #ff66ac; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #00001f; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #ff66ac; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #f0f0f0; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26081,7 +25718,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #ff66ac 150%); } .splash-img { @@ -26112,14 +25749,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #00001f; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #ff66ac; -} - .settings .settings-section { margin-bottom: 3rem; background: #00001f; @@ -27170,10 +26799,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #00001f; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27184,12 +26809,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27209,7 +26834,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27224,27 +26849,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #00001f; } @@ -27285,7 +26889,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27526,10 +27130,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27564,10 +27164,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27747,6 +27343,37 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} #frontpage .post-title a:visited { color: #f0f0f0; } @@ -27803,4 +27430,13 @@ textarea { color: #b0b0b0; } +.followsyou { + background-color: #00001f !important; + border: 1px solid #ff66ac !important; +} + +.badge-count { + color: #ff66ac; +} + /*# sourceMappingURL=tron_ff66ac.css.map */ diff --git a/files/assets/style/win98.scss b/files/assets/style/win98.scss index 3eab62e59..8951260f1 100644 --- a/files/assets/style/win98.scss +++ b/files/assets/style/win98.scss @@ -46,7 +46,7 @@ $reddit: #ED4630; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -55,7 +55,7 @@ $reddit: #ED4630; } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091!important; + background: $white !important; color: $white !important; } .navbar-light > *, .navbar-brand, .nav-link{ @@ -107,7 +107,7 @@ blockquote { .container { } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -150,4 +150,29 @@ blockquote { #frontpage .post-title a:visited { color: #5c5c5c; +} + +.post-actions a { + color: $muted !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: $white !important; +} + +.text-info +{ + color: $primary !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: $muted; +} + +#thread { + background: $white !important; } \ No newline at end of file diff --git a/files/assets/style/win98_2a96f3.css b/files/assets/style/win98_2a96f3.css index 7475d1d85..57b3667e1 100644 --- a/files/assets/style/win98_2a96f3.css +++ b/files/assets/style/win98_2a96f3.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #2a96f3; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_2a96f3.css.map */ diff --git a/files/assets/style/win98_30409f.css b/files/assets/style/win98_30409f.css index ddd1ba3be..2d9c28631 100644 --- a/files/assets/style/win98_30409f.css +++ b/files/assets/style/win98_30409f.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #30409f; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_30409f.css.map */ diff --git a/files/assets/style/win98_38a169.css b/files/assets/style/win98_38a169.css index b7e4965bc..ee295b592 100644 --- a/files/assets/style/win98_38a169.css +++ b/files/assets/style/win98_38a169.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #38a169; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_38a169.css.map */ diff --git a/files/assets/style/win98_3e98a7.css b/files/assets/style/win98_3e98a7.css index b7a4b554c..150ad73f2 100644 --- a/files/assets/style/win98_3e98a7.css +++ b/files/assets/style/win98_3e98a7.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #3e98a7; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_3e98a7.css.map */ diff --git a/files/assets/style/win98_62ca56.css b/files/assets/style/win98_62ca56.css index c56d6ab2e..870985cb0 100644 --- a/files/assets/style/win98_62ca56.css +++ b/files/assets/style/win98_62ca56.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #62ca56; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_62ca56.css.map */ diff --git a/files/assets/style/win98_7b9ae4.css b/files/assets/style/win98_7b9ae4.css index c876a1a94..ae7dedd30 100644 --- a/files/assets/style/win98_7b9ae4.css +++ b/files/assets/style/win98_7b9ae4.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #7b9ae4; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_7b9ae4.css.map */ diff --git a/files/assets/style/win98_7f8fa6.css b/files/assets/style/win98_7f8fa6.css index 70e9e3c11..a35291284 100644 --- a/files/assets/style/win98_7f8fa6.css +++ b/files/assets/style/win98_7f8fa6.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #7f8fa6; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_7f8fa6.css.map */ diff --git a/files/assets/style/win98_805ad5.css b/files/assets/style/win98_805ad5.css index 8277b4a63..efd385fc9 100644 --- a/files/assets/style/win98_805ad5.css +++ b/files/assets/style/win98_805ad5.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #805ad5; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_805ad5.css.map */ diff --git a/files/assets/style/win98_80ffff.css b/files/assets/style/win98_80ffff.css index 84e35765a..80f61673e 100644 --- a/files/assets/style/win98_80ffff.css +++ b/files/assets/style/win98_80ffff.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #80ffff; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_80ffff.css.map */ diff --git a/files/assets/style/win98_e4432d.css b/files/assets/style/win98_e4432d.css index a0e002d52..25661bd3d 100644 --- a/files/assets/style/win98_e4432d.css +++ b/files/assets/style/win98_e4432d.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #e4432d; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_e4432d.css.map */ diff --git a/files/assets/style/win98_eb4963.css b/files/assets/style/win98_eb4963.css index e2920ade8..3d71d3bf3 100644 --- a/files/assets/style/win98_eb4963.css +++ b/files/assets/style/win98_eb4963.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #eb4963; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_eb4963.css.map */ diff --git a/files/assets/style/win98_ec72de.css b/files/assets/style/win98_ec72de.css index 895ce0b7e..c00d4d3b4 100644 --- a/files/assets/style/win98_ec72de.css +++ b/files/assets/style/win98_ec72de.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ec72de; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_ec72de.css.map */ diff --git a/files/assets/style/win98_f39731.css b/files/assets/style/win98_f39731.css index 2dcb26a61..8abb2d039 100644 --- a/files/assets/style/win98_f39731.css +++ b/files/assets/style/win98_f39731.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #f39731; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_f39731.css.map */ diff --git a/files/assets/style/win98_f8db58.css b/files/assets/style/win98_f8db58.css index 7767244e2..b3a48d814 100644 --- a/files/assets/style/win98_f8db58.css +++ b/files/assets/style/win98_f8db58.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #f8db58; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_f8db58.css.map */ diff --git a/files/assets/style/win98_ff0000.css b/files/assets/style/win98_ff0000.css index 1253e4375..5fd6553c3 100644 --- a/files/assets/style/win98_ff0000.css +++ b/files/assets/style/win98_ff0000.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ff0000; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_ff0000.css.map */ diff --git a/files/assets/style/win98_ff66ac.css b/files/assets/style/win98_ff66ac.css index 548975e3b..840d79080 100644 --- a/files/assets/style/win98_ff66ac.css +++ b/files/assets/style/win98_ff66ac.css @@ -23641,15 +23641,6 @@ body.using-mouse :focus { margin-top: 2rem; } -#error-400 .sidebar, #error-401 .sidebar, #error-403 .sidebar, #error-404 .sidebar, #error-405 .sidebar, #error-409 .sidebar, -#error-410 .sidebar, #error-422 .sidebar, #error-429 .sidebar, #error-451 .sidebar, #error-500 .sidebar { - display: none !important; -} - -#message .sidebar, #message-success .sidebar { - display: none; -} - #thread .custom-gutters { padding: 0 10px; } @@ -24306,14 +24297,6 @@ th { transform: rotate(-45deg); } -.sidebar-right .fa, .sidebar-right .fas, .sidebar-right .far, .sidebar-right .fab, .sidebar-right .fal, .sidebar .fad { - font-size: 12px; -} - -.sidebar .title .fa, .sidebar .title .fas, .sidebar .title .far, .sidebar .title .fab, .sidebar .title .fal, .sidebar-section .title .fad { - font-size: 12px; -} - .icon::before { display: inline-block; font-style: normal; @@ -24357,13 +24340,13 @@ th { overflow-wrap: normal; } -#frontpage .voting, #search .voting, #userpage .voting, #guild .voting { +#frontpage .voting, #search .voting, #userpage .voting { margin: auto 0; } /* -#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting, #guild.toggle-card-view .voting { +#frontpage.toggle-card-view .voting, #search.toggle-card-view .voting, #userpage.toggle-card-view .voting { margin: 0; } @@ -24516,18 +24499,18 @@ a:hover .link-arrow { background-color: #c0c0c0 !important; } -#frontpage .pseudo-submit-form.card, #search .search-results.card, #guild .pseudo-submit-form.card { +#frontpage .pseudo-submit-form.card, #search .search-results.card { background-color: #c0c0c0; border-radius: 0.35rem; border: none; } -#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body, #guild .pseudo-submit-form.card .card-body { +#frontpage .pseudo-submit-form.card .card-body, #search .search-results.card .card-body { padding-left: 10px; padding-right: 10px; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: #000000; } @@ -24535,10 +24518,6 @@ a:hover .link-arrow { background-color: #000000; } -#guild .pseudo-submit-form.card .card-body .form-control:hover, #guild .pseudo-submit-form.card .card-body .form-control:active, #guild .pseudo-submit-form.card .card-body .form-control:focus { - background-color: #000000; -} - .post-filter { display: inline-block; font-size: 12px; @@ -24554,207 +24533,6 @@ a:hover .link-arrow { width: 1rem; } -.scrollspy.sidebar-sticky { - position: sticky; - overflow-y: auto; - top: 7rem; - height: calc(100vh - 4rem); -} - -.scrollspy.sidebar-sticky .list-group { - border-left: 0.1px solid #242C33; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item { - position: relative; - display: block; - background-color: transparent; - font-size: 1rem; - font-weight: 600; - color: #404040; - padding: 0.5rem 1rem; - border: none; - border-left: 2px solid transparent; - border-radius: 0; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item:focus, .scrollspy.sidebar-sticky .list-group .list-group-item:hover { - color: #000000; - border-left: 2px solid #000000; -} - -.scrollspy.sidebar-sticky .list-group .list-group-item.active { - background-color: transparent; - color: #000000; - font-weight: 600; - left: -0.1px; - border-left: solid 2px #000000; - z-index: 2; -} - -.sidebar { - -ms-flex: 0 0 300px; - flex: 0 0 300px; - background-color: #c0c0c0 !important; -} - -.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar h5, .sidebar h6 { - margin-bottom: 1rem; -} - -.sidebar .sidebar-section .title { - font-size: 12px; - font-weight: 600; - letter-spacing: 0.025rem; - color: #c0c0c0; - background-color: #000000; - padding: 0.75rem 1rem; - text-transform: uppercase; -} - -.sidebar .sidebar-section .body { - padding: 1rem; - color: #000000; - border-width: 0 0.1px 0.1px 0.1px; - border-bottom-left-radius: 0.35rem; - border-bottom-right-radius: 0.35rem; -} - -.sidebar-section { - margin-bottom: 1rem; - background-color: #c0c0c0; - border-radius: 0.35rem; - overflow: hidden; - word-break: break-word; -} -.sidebar-section .profile-pic.profile-stacked { - box-shadow: 0 0 0px 3px #c0c0c0; -} - -.sidebar-section.sidebar-trending .trending-hashtag, .sidebar-section.sidebar-trending .trending-guild { - margin-bottom: 1rem; - padding-bottom: 1rem; - color: #404040; - font-weight: 600; - border-bottom: 0.1px solid #242C33; -} - -.sidebar-section.sidebar-trending .trending-hashtag:last-child, .sidebar-section.sidebar-trending .trending-guild:last-of-type { - margin-bottom: 0; - padding-bottom: 0; - border-bottom: none; -} - -.sidebar-section.sidebar-alert { - color: #000000; - background-color: #000000; - border: none; -} - -.sidebar.sidebar-left.sidebar-collapsed { - flex: 0 0 65px; - text-align: center; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-hidden { - display: none; -} - -.sidebar-left.sidebar-collapsed .sidebar-collapsed-visible { - display: block; -} - -.sidebar-left .sidebar-collapsed-visible { - display: none; -} - -.sidebar-left .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #404040; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f348"; -} - -.sidebar-left.sidebar-collapsed .collapsed-toggle::before { - cursor: pointer; - font-size: 1rem; - color: #000000; - font-family: "Font Awesome 5 Pro"; - font-weight: 900; - content: "\f347"; -} - -@media (max-width: 1199.98px) { - .sidebar-left .sidebar-collapsed-hidden { - display: none; - } - - .sidebar-left .sidebar-collapsed-visible { - display: block; - } - - .sidebar.sidebar-left { - flex: 0 0 65px; - text-align: center; - } - - .sidebar-left .collapsed-toggle-parent { - display: none !important; - } -} -.sidebar.sidebar-left { - position: -webkit-sticky; - position: sticky; - top: 49px; - z-index: 1000; - height: calc(100vh - 49px); - overflow-y: auto; - overflow-x: hidden; - background-color: #c0c0c0 !important; -} - -@media (min-width: 1199.98px) { - .sidebar.sidebar-left { - -ms-flex: 0 0 240px; - flex: 0 0 240px; - } -} -.sidebar-left .sidebar-section { - border: 0; - box-shadow: none; - background-color: transparent; -} - -.sidebar.sidebar-left .sidebar-section .body { - border: 0; -} - -.sidebar-section.sidebar-alert { - border: 0.1px solid #242C33; -} - -.sidebar-left .sidebar-section.sidebar-filters { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar.sidebar-left .sidebar-section .title { - border-bottom: none; - color: #404040; -} - -.sidebar-section.sidebar-filters .body { - padding: 0; -} - -.sidebar-filters .filter-list { - list-style: none; -} - .filter-list .filter-item { color: #404040; text-decoration: none; @@ -24799,72 +24577,6 @@ a:hover .link-arrow { color: #000000; } -.sidebar-guild-recommendations .guild-recommendations-list { - list-style: none; -} - -.guild-recommendations-list .guild-recommendations-item { - color: #404040; - text-decoration: none; - margin-top: 1rem; -} - -.guild-recommendations-list .guild-recommendations-item:first-child { - margin-top: 0; -} - -.guild-recommendations-list .guild-recommendations-link { - text-decoration: none; -} - -.guild-recommendations-list .guild-recommendations-link:hover, .guild-recommendations-list .guild-recommendations-link:focus { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active { - color: #000000; - background-color: #c0c0c0; - border-radius: 0.35rem; - border: 0.1px solid #242C33; -} - -.guild-recommendations-list .guild-recommendations-item .fa, .guild-recommendations-list .guild-recommendations-item .fas, .guild-recommendations-list .guild-recommendations-item .far, .guild-recommendations-list .guild-recommendations-item .fab, .guild-recommendations-list .guild-recommendations-item .fal { - margin-right: 0.5rem; - color: #c0c0c0; - text-align: center; -} - -.guild-recommendations-list .guild-recommendations-link:hover .fa, .guild-recommendations-list .guild-recommendations-link:focus .fa, .guild-recommendations-list .guild-recommendations-link:hover .fas, .guild-recommendations-list .guild-recommendations-link:focus .fas, .guild-recommendations-list .guild-recommendations-link:hover .far, .guild-recommendations-list .guild-recommendations-link:focus .far, .guild-recommendations-list .guild-recommendations-link:hover .fab, .guild-recommendations-list .guild-recommendations-link:focus .fab { - color: #000000; -} - -.guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fa, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fas, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .far, .guild-recommendations-list > .guild-recommendations-item > .guild-recommendations-link.active .fab { - color: #000000; -} - -.guild-recommendations-link:hover, .guild-recommendations-link:focus { - color: #000000; -} - -.guild-icon-square-35 { - width: 35px; - height: 35px; - object-fit: cover; - border-radius: 0.35rem; - box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03); -} - -.sidebar-left .sidebar-section.sidebar-dashboard { - margin-bottom: 1rem; - background-color: transparent; - box-shadow: none; - border-radius: 0; -} - -.sidebar-section.sidebar-dashboard .body { - padding: 0; -} - .dashboard-list .dashboard-item { color: #404040; text-decoration: none; @@ -25089,52 +24801,52 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { /* -#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar, #guild.toggle-card-view .tab-bar { +#frontpage.toggle-card-view .tab-bar, #userpage.toggle-card-view .tab-bar, #search.toggle-card-view .tab-bar { border-radius: 0; } -#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card{ +#frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card { border: 0.1px solid $border-color; border-radius: $border-radius; margin-top: 1rem; //box-shadow: $box-shadow-sm; } -#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type, #guild.toggle-card-view .posts .card:last-of-type { +#frontpage.toggle-card-view .posts .card:last-of-type, #userpage.toggle-card-view .posts .card:last-of-type, #search.toggle-card-view .posts .card:last-of-type { border-bottom-left-radius: $border-radius; border-bottom-right-radius: $border-radius; border: 0.1px solid $border-color; border-radius: $border-radius; } -#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type, #guild.toggle-card-view .posts .card:first-of-type { +#frontpage.toggle-card-view .posts .card:first-of-type, #userpage.toggle-card-view .posts .card:first-of-type, #search.toggle-card-view .posts .card:first-of-type { margin-top: 0; } -#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img, #guild.toggle-card-view .posts .card .post-img { +#frontpage.toggle-card-view .posts .card .post-img, #userpage.toggle-card-view .posts .card .post-img, #search.toggle-card-view .posts .card .post-img { display: none; } -#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg, #guild.toggle-card-view .posts .card .post-img-lg { +#frontpage.toggle-card-view .posts .card .post-img-lg, #userpage.toggle-card-view .posts .card .post-img-lg, #search.toggle-card-view .posts .card .post-img-lg { display: block; text-align: center; } -#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { +#frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img { max-width: 55%; height: auto; } -#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg, #guild.toggle-card-view .posts .card .embed-lg { +#frontpage.toggle-card-view .posts .card .embed-lg, #userpage.toggle-card-view .posts .card .embed-lg, #search.toggle-card-view .posts .card .embed-lg { display: flex; z-index: 2; } -#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg, #guild.toggle-card-view .posts .card .post-preview-lg { +#frontpage.toggle-card-view .posts .card .post-preview-lg, #userpage.toggle-card-view .posts .card .post-preview-lg, #search.toggle-card-view .posts .card .post-preview-lg { display: block; } -#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body, #guild.toggle-card-view .posts .card .post-preview-lg .post-body { +#frontpage.toggle-card-view .posts .card .post-preview-lg .post-body, #userpage.toggle-card-view .posts .card .post-preview-lg .post-body, #search.toggle-card-view .posts .card .post-preview-lg .post-body { -webkit-mask-image: linear-gradient(180deg,#000 40%,transparent); mask-image: linear-gradient(180deg,#000 40%,transparent); overflow: hidden; @@ -25196,18 +24908,18 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #c0c0c0; } -#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type, #settings-guild .posts .card:first-of-type { +#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-top-left-radius: 0.35rem; border-top-right-radius: 0.35rem; } -#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2), #guild .posts .card:nth-last-of-type(2), #settings-guild .posts .card:last-of-type { +#frontpage .posts .card:nth-last-of-type(2), #userpage .posts .card:nth-last-of-type(2), #search .posts .card:nth-last-of-type(2) { border-bottom-left-radius: 0.35rem; border-bottom-right-radius: 0.35rem; border-bottom: 0.1px solid #242C33; } -#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card, #settings-guild .posts .card { +#frontpage .posts .card, #userpage .posts .card, #search .posts .card { border-width: 0.1px 0.1px 0 0.1px; border-color: #242C33; border-style: solid; @@ -25215,7 +24927,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { padding: 0.5rem; } -#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover, #guild .posts .card:hover, #settings-guild .posts .card:hover { +#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover { background-color: #c0c0c0; } @@ -25256,7 +24968,7 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { width: fit-content; } -#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer, #guild .posts .card .card-footer { +#frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer { border: 0; background-color: transparent; padding: 0; @@ -25436,10 +25148,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { border-top-right-radius: 1rem; border-top-left-radius: 1rem; } - - #search, #guild { - padding-top: 98px; - } } .dropdown-actions { position: relative; @@ -25524,52 +25232,6 @@ a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { margin-right: 0; } -#guild .post-meta-guild { - display: none; -} - -.jumbotron-guild { - position: relative; - background-repeat: no-repeat; - background-size: cover; - background-position: center; - border-radius: 0; - overflow: hidden; - margin-bottom: 0; - padding: 0; - display: flex; - align-items: center; - z-index: 1; -} - -.jumbotron-guild .guild-banner-contents { - display: none; -} - -.jumbotron-guild .jumbotron-overlay { - background-color: transparent; - background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); - position: absolute; - width: 100%; - height: 100%; - bottom: 0; - left: 0; - z-index: -1; - pointer-events: none; -} - -.jumbotron-guild .guild-icon-square-lg { - height: 125px; - width: 125px; - object-fit: cover; - border-radius: 0.35rem; - border: 5px solid #c0c0c0; -} - -.guild-description p { - margin-bottom: 0.5rem; -} - .page-link { font-weight: 600; background-color: #fff; @@ -26034,31 +25696,6 @@ ul.comment-section { color: #ff66ac; } -.sidebar-post-meta .score { - font-size: 1.25rem; - font-weight: 600; -} - -.sidebar-post-meta .score-percent { - font-size: 10.1px; - color: #c0c0c0; - font-weight: 400; -} - -.sidebar-post-meta .shortlink, .sidebar-post-meta .submission-date { - font-size: 12px; - color: #404040; - font-weight: 400; - text-transform: lowercase; -} - -.sidebar-post-meta .link, .sidebar-post-meta .date { - font-size: 12px; - color: #000000; - font-weight: 400; - text-transform: capitalize; -} - #login { padding-top: 0; height: 100%; @@ -26080,7 +25717,7 @@ ul.comment-section { width: 100%; height: 100%; background-color: rgba(127, 127, 127, 0.25); - background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, rgba(255, 103, 173, 0.75) 76%); + background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, #000000 150%); } .splash-img { @@ -26111,14 +25748,6 @@ ul.comment-section { border: none; } -#settings-guild { - background-color: #c0c0c0; -} - -#settings-guild .settings .settings-section { - border: 0.1px solid #242C33; -} - .settings .settings-section { margin-bottom: 3rem; background: #c0c0c0; @@ -27169,10 +26798,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { background-color: #000000; } - #search, #guild { - padding-top: 98px; - } - #frontpage { padding-top: 49px; } @@ -27183,12 +26808,12 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { border-radius: 0; } - #frontpage .posts .card, #userpage .posts .card, #search .posts .card, #guild .posts .card { + #frontpage .posts .card, #userpage .posts .card, #search .posts .card { padding: 7px; border-width: 0 0 0.1px 0; } - #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type, #guild .posts .card:first-of-type { + #frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type { border-radius: 0; } @@ -27208,7 +26833,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { z-index: 3; } - #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged, #guild .posts .card.enlarged .mobile-thumb-enlarged { + #frontpage .posts .card.enlarged .mobile-thumb-enlarged, #userpage .posts .card.enlarged .mobile-thumb-enlarged, #search .posts .card.enlarged .mobile-thumb-enlarged { display: block; } @@ -27223,27 +26848,6 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { right: 0; } - /* - - #frontpage.toggle-card-view .posts .card, #userpage.toggle-card-view .posts .card, #search.toggle-card-view .posts .card, #guild.toggle-card-view .posts .card { - border-width: 0 0 0.1px 0; - border-color: $border-color; - border-style: solid; - border-radius: 0; - margin-top: 0; - box-shadow: none; - } - - #frontpage.toggle-card-view .posts .card .post-img-lg img, #userpage.toggle-card-view .posts .card .post-img-lg img, #search.toggle-card-view .posts .card .post-img-lg img, #guild.toggle-card-view .posts .card .post-img-lg img { - max-width: 100%; - height: auto; - } - - */ - .jumbotron-guild { - height: 110px; - } - #thread .card { background-color: #c0c0c0; } @@ -27284,7 +26888,7 @@ pre .clo, pre .opn, pre .pun, code .clo, code .opn, code .pun { font-size: 1rem; } - #frontpage .voting, #search .voting, #userpage .voting, #guild .voting { + #frontpage .voting, #search .voting, #userpage .voting { margin: 0; } @@ -27525,10 +27129,6 @@ textarea { scrollbar-width: none; } -.sidebar-adminpanel input[type=submit] { - width: 100%; -} - .noshow { display: none; } @@ -27563,10 +27163,6 @@ div.deleted.banned { max-width: 100px !important; } -.sidebar-left .btn:focus { - box-shadow: none; -} - .onboarding-card { height: 180px; } @@ -27746,12 +27342,43 @@ textarea { resize: both !important; } +.jumbotron-guild { + position: relative; + background-repeat: no-repeat; + background-size: cover; + background-position: center; + border-radius: 0; + overflow: hidden; + margin-bottom: 0; + padding: 0; + display: flex; + align-items: center; + z-index: 1; +} + +.jumbotron-guild .jumbotron-overlay { + background-color: transparent; + background-image: linear-gradient(180deg, #fff0 0%, rgba(0, 0, 0, 0.8) 50%); + position: absolute; + width: 100%; + height: 100%; + bottom: 0; + left: 0; + z-index: -1; + pointer-events: none; +} + +@media (max-width: 767.98px) { + .jumbotron-guild { + height: 110px; + } +} * { box-shadow: none !important; transition: none !important; border-radius: 0 !important; font-family: sans-serif; - font-size: 12px !important; + font-size: 12px; } .card, #mobile-bottom-navigation-bar { @@ -27760,7 +27387,7 @@ textarea { } .pseudo-submit-form .card-header, .card-blank .card-header, .navbar-light, .nav, .flex-row.bg-gray-200.sticky.justify-content-center.d-flex.d-sm-none.mt-3.mb-3.mb-sm-5.rounded { - background: #000091 !important; + background: #c0c0c0 !important; color: #c0c0c0 !important; } @@ -27811,7 +27438,7 @@ blockquote { border-bottom: 2px solid #000000; } -#frontpage .pseudo-submit-form.card .card-body .form-control, #guild .pseudo-submit-form.card .card-body .form-control { +#frontpage .pseudo-submit-form.card .card-body .form-control { background-color: white !important; } @@ -27856,4 +27483,28 @@ blockquote { color: #5c5c5c; } +.post-actions a { + color: #404040 !important; +} + +.modal-header, .modal .comment-actions a, .modal-title { + color: #c0c0c0 !important; +} + +.text-info { + color: #000000 !important; +} + +.score, .comment-actions .score { + color: #000; +} + +.arrow-up:hover::before { + color: #404040; +} + +#thread { + background: #c0c0c0 !important; +} + /*# sourceMappingURL=win98_ff66ac.css.map */ diff --git a/files/classes/mod_logs.py b/files/classes/mod_logs.py index 45341872b..7f9401f41 100644 --- a/files/classes/mod_logs.py +++ b/files/classes/mod_logs.py @@ -286,12 +286,6 @@ ACTIONTYPES={ "color": "bg-danger", "title": 'removed admin @{self.target_user.username}' }, - "dethrone_self":{ - "str":'stepped down as guildmaster', - "icon":"fa-user-crown", - "color": "bg-danger", - "title": 'stepped down as guildmaster' - }, "add_mod":{ "str":'added admin {self.target_link}', "icon":"fa-user-crown", @@ -369,11 +363,5 @@ ACTIONTYPES={ "icon":"fa-user-cog", "color": "bg-muted", "title": "changed permissions on invitation to {self.target_user.username}" - }, - "create_guild":{ - "str": 'created +{self.board.name}', - "icon": "fa-chess-rook", - "color": "bg-primary", - "title": "created +{self.board.name}" } } \ No newline at end of file diff --git a/files/classes/user.py b/files/classes/user.py index 5fefc9e55..e35389fc4 100644 --- a/files/classes/user.py +++ b/files/classes/user.py @@ -52,6 +52,7 @@ class User(Base, Stndrd, Age_times): passhash = deferred(Column(String)) post_count = Column(Integer, default=0) comment_count = Column(Integer, default=0) + received_award_count = Column(Integer, default=0) created_utc = Column(Integer, default=0) suicide_utc = Column(Integer, default=0) rent_utc = Column(Integer, default=0) @@ -66,6 +67,7 @@ class User(Base, Stndrd, Age_times): shadowbanned = Column(Boolean, default=False) over_18 = Column(Boolean, default=False) hidevotedon = Column(Boolean, default=False) + highlightcomments = Column(Boolean, default=True) slurreplacer = Column(Boolean, default=True) flairchanged = Column(Boolean, default=False) newtab = Column(Boolean, default=False) @@ -353,18 +355,6 @@ class User(Base, Stndrd, Age_times): return sorted(list(awards.values()), key=lambda x: x['kind'], reverse=True) - @property - @lazy - def received_awards_num(self): - - posts_idlist = g.db.query(Submission.id).filter_by(author_id=self.id).subquery() - comments_idlist = g.db.query(Comment.id).filter_by(author_id=self.id).subquery() - - post_awards = g.db.query(AwardRelationship).filter(AwardRelationship.submission_id.in_(posts_idlist)).count() - comment_awards = g.db.query(AwardRelationship).filter(AwardRelationship.comment_id.in_(comments_idlist)).count() - - return post_awards + comment_awards - @property @lazy def post_notifications_count(self): diff --git a/files/helpers/const.py b/files/helpers/const.py index 5f5ac1936..093c1c0af 100644 --- a/files/helpers/const.py +++ b/files/helpers/const.py @@ -1,12 +1,12 @@ from os import environ SLURS = { - " fag":" cute twink", - " Fag":" Cute twink", - " FAG":" CUTE TWINK", " faggot":" cute twink", " Faggot":" Cute twink", " FAGGOT":" CUTE TWINK", + " fag":" cute twink", + " Fag":" Cute twink", + " FAG":" CUTE TWINK", " kill yourself":" keep yourself safe", " KILL YOURSELF":" KEEP YOURSELF SAFE", " nigger":" 🏀", @@ -33,12 +33,12 @@ SLURS = { " TROON":" 🚂🚃🚃", " NoNewNormal": "HorseDewormerAddicts", " nonewnormal": "horsedewormeraddicts", - "fag ":"cute twink ", - "Fag ":"Cute twink ", - "FAG ":"CUTE TWINK ", "faggot ":"cute twink ", "Faggot ":"Cute twink ", "FAGGOT ":"CUTE TWINK ", + "fag ":"cute twink ", + "Fag ":"Cute twink ", + "FAG ":"CUTE TWINK ", "kill yourself ":"keep yourself safe ", "KILL YOURSELF ":"KEEP YOURSELF SAFE ", "nigger ":"🏀 ", @@ -69,14 +69,14 @@ SLURS = { LONGPOST_REPLIES = ['Wow, you must be a JP fan.', 'This is one of the worst posts I have EVER seen. Delete it.', "No, don't reply like this, please do another wall of unhinged rant please.", '# 😴😴😴', "Ma'am we've been over this before. You need to stop.", "I've known more coherent downies.", "Your pulitzer's in the mail", "That's great and all, but I asked for my burger without cheese.", 'That degree finally paying off', "That's nice sweaty. Why don't you have a seat in the time out corner with Pizzashill until you calm down, then you can have your Capri Sun.", "All them words won't bring your pa back.", "You had a chance to not be completely worthless, but it looks like you threw it away. At least you're consistent.", 'Some people are able to display their intelligence by going on at length on a subject and never actually saying anything. This ability is most common in trades such as politics, public relations, and law. You have impressed me by being able to best them all, while still coming off as an absolute idiot.', "You can type 10,000 characters and you decided that these were the one's that you wanted.", 'Have you owned the libs yet?', "I don't know what you said, because I've seen another human naked.", 'Impressive. Normally people with such severe developmental disabilities struggle to write much more than a sentence or two. He really has exceded our expectations for the writing portion. Sadly the coherency of his writing, along with his abilities in the social skills and reading portions, are far behind his peers with similar disabilities.', "This is a really long way of saying you don't fuck.", "Sorry ma'am, looks like his delusions have gotten worse. We'll have to admit him,", '![](https://i.kym-cdn.com/photos/images/newsfeed/001/038/094/0a1.jpg)', 'If only you could put that energy into your relationships', 'Posts like this is why I do Heroine.', 'still unemployed then?', 'K', 'look im gunna have 2 ask u 2 keep ur giant dumps in the toilet not in my replys 😷😷😷', "Mommy is soooo proud of you, sweaty. Let's put this sperg out up on the fridge with all your other failures.", "Good job bobby, here's a star", "That was a mistake. You're about to find out the hard way why.", 'You sat down and wrote all this shit. You could have done so many other things with your life. What happened to your life that made you decide writing novels of bullshit on rdrama.net was the best option?', "I don't have enough spoons to read this shit", "All those words won't bring daddy back.", 'OUT!'] -AGENDAPOSTER_MSG = """Hi {username},\n\nYour comment has been automatically removed because you forgot +AGENDAPOSTER_MSG = """Hi @{username},\n\nYour comment has been automatically removed because you forgot to include `trans lives matter`.\n\nDon't worry, we're here to help! We won't let you post or comment anything that doesn't express your love and acceptance towards the trans community. Feel free to resubmit your comment with `trans lives matter` included. \n\n*This is an automated message; if you need help, you can message us [here](/contact).*""" -VAXX_MSG = """Hi {username}, it appears that you may be trying to spread dangerous misinformation regarding ineffective COVID-19 treatments based on pseudoscientific hearsay. Your post has been removed because it contained the word ivermectin. We ask that you understand that horse dewormer neither treats, nor prevents, COVID-19. For more information, please read up on what the FDA has to say on the matter: +VAXX_MSG = """Hi @{username}, it appears that you may be trying to spread dangerous misinformation regarding ineffective COVID-19 treatments based on pseudoscientific hearsay. Your post has been removed because it contained the word ivermectin. We ask that you understand that horse dewormer neither treats, nor prevents, COVID-19. For more information, please read up on what the FDA has to say on the matter: https://www.fda.gov/consumers/consumer-updates/why-you-should-not-use-ivermectin-treat-or-prevent-covid-19 diff --git a/files/helpers/jinja2.py b/files/helpers/jinja2.py index 16586fa77..414c091e1 100644 --- a/files/helpers/jinja2.py +++ b/files/helpers/jinja2.py @@ -22,6 +22,14 @@ def post_embed(id, v): return render_template("submission_listing.html", listing=[p], v=v) +@app.template_filter("favorite_emojis") +def favorite_emojis(x): + str = "" + emojis = sorted(x.items(), key=lambda x: x[1], reverse=True)[:25] + for k, v in emojis: + str += f'' + return str + @app.context_processor def inject_constants(): constants = [c for c in dir(const) if not c.startswith("_")] diff --git a/files/helpers/sanitize.py b/files/helpers/sanitize.py index f97463828..c2e9c2924 100644 --- a/files/helpers/sanitize.py +++ b/files/helpers/sanitize.py @@ -209,16 +209,26 @@ def sanitize(sanitized, noimages=False): start = '<s>' end = '</s>' + + if not session.get("favorite_emojis"): session["favorite_emojis"] = {} + if start in sanitized and end in sanitized and start in sanitized.split(end)[0] and end in sanitized.split(start)[1]: sanitized = sanitized.replace(start, '').replace(end, '') for i in re.finditer('

:([^ ]{1,30}?):

', sanitized): if path.isfile(f'./files/assets/images/emojis/{i.group(1)}.gif'): sanitized = sanitized.replace(f'

:{i.group(1)}:

', f'

') + if i.group(1) in session["favorite_emojis"]: session["favorite_emojis"][i.group(1)] += 1 + else: session["favorite_emojis"][i.group(1)] = 1 + for i in re.finditer(':([^ ]{1,30}?):', sanitized): if path.isfile(f'./files/assets/images/emojis/{i.group(1)}.gif'): sanitized = sanitized.replace(f':{i.group(1)}:', f'') + if i.group(1) in session["favorite_emojis"]: session["favorite_emojis"][i.group(1)] += 1 + else: session["favorite_emojis"][i.group(1)] = 1 + + sanitized = sanitized.replace("https://www.", "https://").replace("https://youtu.be/", "https://youtube.com/watch?v=").replace("https://music.youtube.com/watch?v=", "https://youtube.com/watch?v=").replace("https://open.spotify.com/", "https://open.spotify.com/embed/").replace("https://streamable.com/", "https://streamable.com/e/").replace("https://youtube.com/shorts/", "https://youtube.com/watch?v=").replace("https://mobile.", "https://").replace("https://m.", "https://") for i in re.finditer('" target="_blank">(https://youtube.com/watch\?v\=.*?)', sanitized): diff --git a/files/helpers/wrappers.py b/files/helpers/wrappers.py index eaccee9ea..546505b0e 100644 --- a/files/helpers/wrappers.py +++ b/files/helpers/wrappers.py @@ -23,7 +23,10 @@ def get_logged_in_user(): uid = session.get("user_id") nonce = session.get("login_nonce", 0) if not uid: x= (None, None) - v = g.db.query(User).filter_by(id=uid).first() + try: + if g.db: v = g.db.query(User).filter_by(id=uid).first() + else: v = None + except: v = None if v and v.agendaposter_expires_utc and v.agendaposter_expires_utc < g.timestamp: v.agendaposter_expires_utc = 0 @@ -59,6 +62,8 @@ def check_ban_evade(v): post.ban_reason="ban evasion" g.db.add(post) + g.db.commit() + ma=ModAction( kind="ban_post", user_id=AUTOJANNY_ACCOUNT, diff --git a/files/routes/admin.py b/files/routes/admin.py index 30ac2dfbc..bac91253b 100644 --- a/files/routes/admin.py +++ b/files/routes/admin.py @@ -22,12 +22,6 @@ from files.helpers.discord import add_role IMGUR_KEY = environ.get("IMGUR_KEY", "").strip() -@app.get("/imgurcredits") -@admin_level_required(6) -def imgurcredits(v): - req = requests.get('https://api.imgur.com/3/credits', headers = {"Authorization": f"Client-ID {IMGUR_KEY}"}).json() - return req - @app.post("/@/make_admin") @admin_level_required(6) def make_admin(v, username): @@ -38,6 +32,16 @@ def make_admin(v, username): return "", 204 +@app.post("/@/make_fake_admin") +@admin_level_required(6) +def make_fake_admin(v, username): + user = get_user(username) + if not user: abort(404) + user.admin_level = 1 + g.db.add(user) + return "", 204 + + @app.post("/@/remove_admin") @admin_level_required(6) def remove_admin(v, username): @@ -650,6 +654,24 @@ def unshadowban(user_id, v): return "", 204 +@app.post("/admin/verify/") +@admin_level_required(6) +@validate_formkey +def verify(user_id, v): + user = g.db.query(User).filter_by(id=user_id).first() + user.verified = "Verified" + g.db.add(user) + return "", 204 + +@app.post("/admin/unverify/") +@admin_level_required(6) +@validate_formkey +def unverify(user_id, v): + user = g.db.query(User).filter_by(id=user_id).first() + user.verified = None + g.db.add(user) + return "", 204 + @app.post("/admin/title_change/") @admin_level_required(6) @@ -1189,4 +1211,4 @@ def multiple_plots(**kwargs): plt.savefig("image.png") plt.clf() - return upload_imgur(png=True) \ No newline at end of file + return upload_imgur(png=True) diff --git a/files/routes/awards.py b/files/routes/awards.py index 512072e81..fcb1e77e4 100644 --- a/files/routes/awards.py +++ b/files/routes/awards.py @@ -106,6 +106,9 @@ def award_post(pid, v): if kind in ACTIONS: ACTIONS[kind](post=post) + post.author.received_award_count += 1 + g.db.add(post.author) + return "", 204 @@ -167,6 +170,9 @@ def award_comment(cid, v): if kind in ACTIONS: ACTIONS[kind](comment=c) + c.author.received_award_count += 1 + g.db.add(c.author) + return "", 204 @app.get("/admin/user_award") diff --git a/files/routes/posts.py b/files/routes/posts.py index e7b62b403..b07b62388 100644 --- a/files/routes/posts.py +++ b/files/routes/posts.py @@ -665,7 +665,8 @@ def submit_post(v): except: embed = None elif "youtu" in domain: - yt_id = re.match(re.compile("^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|shorts\/|\&v=)([^#\&\?]*).*"), url).group(2) + try: yt_id = re.match(re.compile("^.*(youtu.be\/|v\/|u\/\w\/|embed\/|watch\?v=|shorts\/|\&v=)([^#\&\?]*).*"), url).group(2) + except: embed = None if not yt_id or len(yt_id) != 11: embed = None else: params = parse_qs(urlparse(url).query) @@ -1032,7 +1033,7 @@ def submit_post(v): n = Notification(comment_id=c_jannied.id, user_id=v.id) g.db.add(n) - if "rdrama" in request.host or (new_post.url and not "weebzone" in request.host): + if "rdrama" in request.host or (new_post.url and not "weebzone" in request.host and not "marsey.tech" in request.host): c = Comment(author_id=261, distinguish_level=6, parent_submission=new_post.id, diff --git a/files/routes/settings.py b/files/routes/settings.py index d7e3faaff..c579774cc 100644 --- a/files/routes/settings.py +++ b/files/routes/settings.py @@ -62,6 +62,10 @@ def settings_profile_post(v): updated = True v.cardview = request.values.get("cardview", None) == 'true' + if request.values.get("highlightcomments", v.highlightcomments) != v.highlightcomments: + updated = True + v.highlightcomments = request.values.get("highlightcomments", None) == 'true' + if request.values.get("newtab", v.newtab) != v.newtab: updated = True v.newtab = request.values.get("newtab", None) == 'true' diff --git a/files/routes/users.py b/files/routes/users.py index dffedb955..c38b3d857 100644 --- a/files/routes/users.py +++ b/files/routes/users.py @@ -140,24 +140,11 @@ def leaderboard(v): users2 = users.order_by(User.stored_subscriber_count.desc()).limit(10).all() users3 = users.order_by(User.post_count.desc()).limit(10).all() users4 = users.order_by(User.comment_count.desc()).limit(10).all() + users5 = users.order_by(User.received_award_count.desc()).limit(10).all() if "pcm" in request.host: - users5 = users.order_by(User.basedcount.desc()).limit(10).all() - return render_template("leaderboard.html", v=v, users1=users1, users2=users2, users3=users3, users4=users4, users5=users5) - return render_template("leaderboard.html", v=v, users1=users1, users2=users2, users3=users3, users4=users4) - - -@app.get("/award_leaderboard") -@auth_desired -def award_leaderboard(v): - return render_template("award_leaderboard.html", v=v, users=a_leaderboard()) - - -@cache.memoize(timeout=86400) -def a_leaderboard(): - users = g.db.query(User).options(lazyload('*')).all() - users = sorted(users, key=lambda x: x.received_awards_num, reverse=True)[:10] - return users - + users6 = users.order_by(User.basedcount.desc()).limit(10).all() + return render_template("leaderboard.html", v=v, users1=users1, users2=users2, users3=users3, users4=users4, users5=users5, users6=users6) + return render_template("leaderboard.html", v=v, users1=users1, users2=users2, users3=users3, users4=users4, users5=users5) @app.get("/@/css") def get_css(username): diff --git a/files/templates/award_leaderboard.html b/files/templates/award_leaderboard.html deleted file mode 100644 index 3846340a4..000000000 --- a/files/templates/award_leaderboard.html +++ /dev/null @@ -1,29 +0,0 @@ -{% extends "settings2.html" %} - -{% block pagetitle %}Leaderboard - awards received{% endblock %} - -{% block content %} -


-
Top 10 by awards received

-

-
-
-	
-		
-		
-		
-	
-
-{% for user in users %}
-	
-		
-		
-		
-	
-{% endfor %}
-
#NameAwards
{{users.index(user)+1}}{{user.username}}{{user.received_awards_num}}

-
-
-
-

-{% endblock %}
\ No newline at end of file
diff --git a/files/templates/comments.html b/files/templates/comments.html
index 7a72bce64..adaa7aef8 100644
--- a/files/templates/comments.html
+++ b/files/templates/comments.html
@@ -116,7 +116,7 @@
 			

 				
 
-				{% if last_view_utc and c.created_utc > last_view_utc and not (v and v.id==c.author_id) %}{% endif %}
+				{% if last_view_utc and c.created_utc > last_view_utc and not (v and v.id==c.author_id) and (not v or v.highlightcomments) %}{% endif %}
 
 				{% if c.awards %}
 					{% for a in c.awards[:5] %}
@@ -255,12 +255,12 @@
 						{% endif %}
 						
 						{% elif v %}
-						
  • 
+						
  • 
 						
    • 
 
 						{% else %}
 
-						
  • 
+						
  • 
 						
    • 
 
 						{% endif %}
@@ -305,7 +305,7 @@
 						{% endif %}
 
 						{% if v and v.admin_level==6 and v.id==c.author_id %}
-							
  • {{'Undistinguish' if c.distinguish_level else 'Distinguish'}}
    • 
+							
  • {{'Undistinguish' if c.distinguish_level else 'Distinguish'}}
    • 
 						{% endif %}
 
 								
@@ -355,9 +355,9 @@
 								
  • 
 							{% endif %}
 						{% elif v %}
-							
  • 
+							
  • 
 						{% else %}
-							
  • 
+							
  • 
 						{% endif %}
 					
 				
    
@@ -463,7 +463,7 @@
 
 					{% if v %}
 							{% if v.admin_level>=1 and v.id==c.author_id %}
-								
  • {{'Undistinguish' if c.distinguish_level else 'Distinguish'}}
    • 
+								
  • {{'Undistinguish' if c.distinguish_level else 'Distinguish'}}
    • 
 							{% endif %}
 							{% if v.admin_level>=3 %}
 								
  • Approve
    • 
diff --git a/files/templates/default.html b/files/templates/default.html
index 7806aa247..97f069014 100644
--- a/files/templates/default.html
+++ b/files/templates/default.html
@@ -1064,9 +1064,9 @@
 
  
 
- 
+ 
 
-
+{% if "marsey.tech" not in request.host %}{% endif %}
 
 {% include "header.html" %}
 
@@ -1161,7 +1161,7 @@
 
 {% include "expanded_image_modal.html" %}
 
-
+
 
 
 
diff --git a/files/templates/emoji_modal.html b/files/templates/emoji_modal.html
index 3054e8047..b16000ea1 100644
--- a/files/templates/emoji_modal.html
+++ b/files/templates/emoji_modal.html
@@ -1,4 +1,5 @@
 
+