Quora website is more suitable for wide screens.
Quora responsive by breat
Mirrored from https://gitlab.com/breatfr/quora/-/raw/main/css/quora-responsive.user.css
Details
Authorbreat
LicenseAGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
Categoryquora.com
Created
Updated
Size3.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Support me on:
- ko-fi: https://ko-fi.com/breatfr
- PayPal: https://www.paypal.me/breat
How to use in few steps
-
Install Stylus browser extension
- Chromium based browsers link: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
- Brave
- Chromium
- Google Chrome
- Iridium Browser
- Microsoft Edge
- Opera
- Opera GX
- SRWare Iron
- Ungoogled Chromium
- Vivaldi
- Yandex Browser
- many more
- Firefox based browsers link: https://addons.mozilla.org/firefox/addon/styl-us/
- Mozilla Firefox
- Mullvad Browser
- Tor Browser
- Waterfox
- many more
- Chromium based browsers link: https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
-
Install the UserStyle.
-
To update the theme, open the
Stylus Management
window and click onCheck for update
and follow the instructions or just wait 24h to automatic update -
Enjoy :)
Source code
/* ==UserStyle==
@name Quora responsive
@version 1.0.1
@description Quora website is more suitable for wide screens.
@author BreatFR (https://breat.fr)
@namespace https://gitlab.com/breatfr
@homepageURL https://gitlab.com/breatfr/quora
@supportURL https://discord.gg/Q8KSHzdBxs
@license AGPL-3.0-or-later; https://www.gnu.org/licenses/agpl-3.0.txt
==/UserStyle== */
/* === Credits ===
Website https://breat.fr
facebook https://www.facebook.com/breatfroff
mastodon https://mastodon.social/@breat_fr
telegram https://t.me/breatfr
vk https://vk.com/breatfroff
X (twitter) https://x.com/breatfroff
=== Credits === */
@-moz-document domain("quora.com") {
/* Left menu */
.q-box .dom_annotate_feed_switcher div {
font-size: 1rem !important;
gap: 10px !important;
}
/* Avatar menu */
#POPOVER31 > div > div.q-box.qu-bg--raised.qu-borderRadius--small.qu-borderAll.qu-borderColor--gray.qu-overflow--hidden.qu-boxShadow--large > div > div > div:nth-child(3) {
max-width: 260px !important;
}
#POPOVER31 > div > div.q-box.qu-bg--raised.qu-borderRadius--small.qu-borderAll.qu-borderColor--gray.qu-overflow--hidden.qu-boxShadow--large > div > div > div:nth-child(3) > div:nth-child(1) > div > div > div.q-box.qu-flex--auto.qu-overflow--hidden {
max-width: 150px !important;
}
#POPOVER31 > div > div.q-box.qu-bg--raised.qu-borderRadius--small.qu-borderAll.qu-borderColor--gray.qu-overflow--hidden.qu-boxShadow--large > div > div > div:nth-child(3) > div:nth-child(1) > div > div > div.q-box.qu-flex--none.qu-display--inline-flex {
max-width: 42px !important
}
/* Ads */
.q-box > div > div:nth-child(3) > div > div > div:nth-child(3) {
display: none;
width: 0;
}
/* Add question */
#root > div > div.q-box > div > div.q-fixed.qu-fullX.qu-zIndex--header.qu-bg--raised.qu-borderBottom.qu-boxShadow--medium.qu-borderColor--raised > div > div:nth-child(2) > div > div.q-box.qu-ml--small > div > button > div > div > div {
padding-bottom:5px !important;
}
/* Wide */
body {
overflow-x: hidden !important;
}
[width="100%"] {
padding-right: 20px !important;
}
[width="1100"] {
margin-left: 0 !important;
max-width: 100% !important;
width: 100% !important;
}
[width="1072"] {
width: 100% !important;
}
[width="636"] {
margin-left: 0 !important;
width: 98% !important;
}
[width="658"],
[width="588.5"] {
max-width: calc(100% - 300px) !important;
width: calc(100% - 250px) !important;
}
[width="356"] {
max-width: 500px !important;
padding: 0 20px !important;
}
[width="123.5"] {
width: 250px!important;
}
#mainContent > div.q-flex.qu-alignItems--center.qu-flexWrap--wrap > div > span > span > a {
white-space: nowrap !important;
}
}