rDrama
/
rDrama
9
10
Fork 7
Code Issues Pull Requests Packages Releases Wiki Activity
rDrama/files/assets/css/main.css

7573 lines
152 KiB
CSS
Raw Normal View History

convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
@charset "UTF-8";
add thumbnails for videos on the frontpage
2022-12-09 06:35:56 +00:00
.fa-align-left:before{content:"\f036"}
.fa-long-arrow-left:before{content:"\f177"}
.fa-arrow-right:before{content:"\f061"}
.fa-sign-out:before{content:"\f08b"}
.fa-long-arrow-right:before{content:"\f178"}
.fa-arrows-v:before{content:"\f07d"}
.fa-award:before{content:"\f559"}
.fa-badge:before{content:"\f335"}
.fa-badge-check:before{content:"\f336"}
.fa-ban:before{content:"\f05e"}
.fa-bars:before{content:"\f0c9"}
.fa-bell:before{content:"\f0f3"}
.fa-bold:before{content:"\f032"}
.fa-book:before{content:"\f02d"}
.fa-book-open:before{content:"\f518"}
.fa-book-dead:before{content:"\f6b7"}
.fa-broom:before{content:"\f51a"}
.fa-bug:before{content:"\f188"}
.fa-bullhorn:before{content:"\f0a1"}
.fa-calendar:before{content:"\f133"}
.fa-calendar-day:before{content:"\f783"}
.fa-calendar-alt:before{content:"\f073"}
.fa-calendar-week:before{content:"\f784"}
.fa-campfire:before{content:"\f6ba"}
.fa-candy-cane:before{content:"\f786"}
.fa-car-tilt:before{content:"\f5e5"}
.fa-cat:before{content:"\f6be"}
.fa-check:before{content:"\f00c"}
.fa-circle:before{content:"\f111"}
.fa-check-circle:before{content:"\f058"}
.fa-arrow-alt-circle-down:before{content:"\f358"}
.fa-exclamation-circle:before{content:"\f06a"}
.fa-info-circle:before{content:"\f05a"}
.fa-radiation-alt:before{content:"\f7ba"}
.fa-arrow-alt-circle-up:before{content:"\f35b"}
.fa-user-circle:before{content:"\f2bd"}
.fa-times-circle:before{content:"\f057"}
.fa-clipboard:before{content:"\f328"}
.fa-clipboard-check:before{content:"\f46c"}
.fa-clock:before{content:"\f017"}
.fa-history:before{content:"\f1da"}
.fa-code:before{content:"\f121"}
.fa-comment:before{content:"\f075"}
.fa-comment-dots:before{content:"\f4ad"}
.fa-comments:before{content:"\f086"}
.fa-copy:before{content:"\f0c5"}
.fa-crown:before{content:"\f521"}
.fa-dice-six:before{content:"\f526"}
.fa-dollar-sign:before{content:"\24"}
.fa-arrow-alt-down:before{content:"\f354"}
.fa-compress-alt:before{content:"\f422"}
.fa-ellipsis-h:before{content:"\f141"}
.fa-envelope:before{content:"\f0e0"}
.fa-envelope-open-text:before{content:"\f658"}
.fa-eye:before{content:"\f06e"}
.fa-eye-evil:before{content:"\f6db"}
.fa-eye-slash:before{content:"\f070"}
.fa-angry:before{content:"\f556"}
.fa-frown:before{content:"\f119"}
.fa-grin-beam-sweat:before{content:"\f583"}
.fa-laugh-squint:before{content:"\f59b"}
.fa-smile-beam:before{content:"\f5b8"}
.fa-feather-alt:before{content:"\f56b"}
.fa-file-signature:before{content:"\f573"}
.fa-filter:before{content:"\f0b0"}
.fa-fire:before{content:"\f06d"}
.fa-fireplace:before{content:"\f79a"}
.fa-fish:before{content:"\f578"}
.fa-flag:before{content:"\f024"}
.fa-flag-usa:before{content:"\f74d"}
.fa-save:before{content:"\f0c7"}
.fa-gavel:before{content:"\f0e3"}
.fa-cog:before{content:"\f013"}
.fa-ghost:before{content:"\f6e2"}
.fa-gift:before{content:"\f06b"}
.fa-gingerbread-man:before{content:"\f79d"}
.fa-globe:before{content:"\f0ac"}
.fa-home-alt:before{content:"\f015"}
.fa-id-badge:before{content:"\f2c1"}
.fa-id-card:before{content:"\f2c2"}
.fa-image:before{content:"\f03e"}
.fa-infinity:before{content:"\f534"}
.fa-italic:before{content:"\f033"}
.fa-knife-kitchen:before{content:"\f6f5"}
.fa-lights-holiday:before{content:"\f7b2"}
.fa-link:before{content:"\f0c1"}
.fa-link-slash:before{content:"\f127"}
.fa-lock:before{content:"\f023"}
Add the "Misogynist" award to harass incels (#154) Whazzup? This PR is the final solution to the incel problem. There's an old indian proverb that says: "never judge a man until you've walked two moons in his mocassins". In this case, it should be: "never judge a woman until you've walked 24 hrs in her high-heels". The misogynist award is a comment-transforming award that "feminizes" comments. It does the following: - makes text pink - makes text lowercase - removes "complicated" punctuation - makes paragraphs into run-on sentences - adds stereotypical girly remarks to the beginning or end of a paragraph. For example: INPUT > What the fuck did you just fucking say about me, you little bitch? I'll have you know I graduated top of my class in the Navy Seals, and I've been involved in numerous secret raids on Al-Quaeda, and I have over 300 confirmed kills. I am trained in gorilla warfare and I'm the top sniper in the entire US armed forces. You are nothing to me but just another target. I will wipe you the fuck out with precision the likes of which has never been seen before on this Earth, mark my fucking words. You think you can get away with saying that shit to me over the Internet? Think again, fucker. As we speak I am contacting my secret network of spies across the USA and your IP is being traced right now so you better prepare for the storm, maggot. The storm that wipes out the pathetic little thing you call your life. You're fucking dead, kid. I can be anywhere, anytime, and I can kill you in over seven hundred ways, and that's just with my bare hands. Not only am I extensively trained in unarmed combat, but I have access to the entire arsenal of the United States Marine Corps and I will use it to its full extent to wipe your miserable ass off the face of the continent, you little shit. If only you could have known what unholy retribution your little "clever" comment was about to bring down upon you, maybe you would have held your fucking tongue. But you couldn't, you didn't, and now you're paying the price, you goddamn idiot. I will shit fury all over you and you will drown in it. You're fucking dead, kiddo. OUTPUT > im literally screaming, what the fuck did you just fucking say about me, you little bitch? ill have you know i graduated top of my class in the navy seals, and ive been involved in numerous secret raids on al-quaeda, and i have over 300 confirmed kills, i am trained in gorilla warfare and im the top sniper in the entire us armed forces, you are nothing to me but just another target, i will wipe you the fuck out with precision the likes of which has never been seen before on this earth, mark my fucking words, you think you can get away with saying that shit to me over the internet? think again, fucker, as we speak i am contacting my secret network of spies across the usa and your ip is being traced right now so you better prepare for the storm, maggot, the storm that wipes out the pathetic little thing you call your life, youre fucking dead, kid, i can be anywhere, anytime, and i can kill you in over seven hundred ways, and thats just with my bare hands, not only am i extensively trained in unarmed combat, but i have access to the entire arsenal of the united states marine corps and i will use it to its full extent to wipe your miserable ass off the face of the continent, you little shit, if only you could have known what unholy retribution your little clever comment was about to bring down upon you, maybe you would have held your fucking tongue, but you couldnt, you didnt, and now youre paying the price, you goddamn idiot, i will shit fury all over you and you will drown in it, youre fucking dead, kiddo It also sets the user's pfp to a random white woman. Well, psuedorandom - it's based off of the user's id, so each user will only ever have one pfp assigned to them, which I think is nifty. Finally, it changes the name of the user toa girly name. There is one small problem with the PR, which is simply that I manually added a badge for testing purposes. If you like this PR, I will submit the badge throught the proper chanels and fix it. ![image](/attachments/641c7276-ffe4-4e69-b3e9-aec9f4f94191) Co-authored-by: Chuck Sneed <sneed@formerlychucks.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/154 Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net> Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-06-21 12:36:07 +00:00
.fa-phone:before{content:"\f095"}
add thumbnails for videos on the frontpage
2022-12-09 06:35:56 +00:00
.fa-lock-alt:before{content:"\f30d"}
.fa-search:before{content:"\f002"}
.fa-cloudflare:before{content:"\e07d"}
.fa-comment-alt-smile:before{content:"\f4aa"}
.fa-microphone-stand:before{content:"\f8cb"}
.fa-palette:before{content:"\f53f"}
.fa-edit:before{content:"\f044"}
.fa-pizza-slice:before{content:"\f818"}
.fa-poop:before{content:"\f619"}
.fa-quote-right:before{content:"\f10e"}
.fa-reply:before{content:"\f3e5"}
.fa-robot:before{content:"\f544"}
.fa-sack-dollar:before{content:"\f81d"}
.fa-scroll-old:before{content:"\f70f"}
.fa-seedling:before{content:"\f4d8"}
.fa-shield:before{content:"\f132"}
.fa-random:before{content:"\f074"}
.fa-smoke:before{content:"\f760"}
.fa-snooze:before{content:"\f880"}
.fa-snowflake:before{content:"\f2dc"}
.fa-sparkles:before{content:"\f890"}
.fa-ticket:before{content:"\f145"}
.fa-cards:before{content:"\e3ed"}
.fa-spider:before{content:"\f717"}
.fa-square:before{content:"\f0c8"}
.fa-stocking:before{content:"\f7d5"}
.fa-store:before{content:"\f54e"}
.fa-columns:before{content:"\f0db"}
.fa-thumbtack:before{content:"\f08d"}
.fa-train:before{content:"\f238"}
.fa-trash-alt:before{content:"\f2ed"}
.fa-exclamation-triangle:before{content:"\f071"}
.fa-trophy:before{content:"\f091"}
.fa-arrow-alt-up:before{content:"\f357"}
.fa-expand-alt:before{content:"\f424"}
.fa-external-link-alt:before{content:"\f35d"}
.fa-user:before{content:"\f007"}
.fa-user-crown:before{content:"\f6a4"}
.fa-user-cog:before{content:"\f4fe"}
.fa-user-friends:before{content:"\f500"}
.fa-user-lock:before{content:"\f502"}
.fa-user-minus:before{content:"\f503"}
.fa-user-plus:before{content:"\f234"}
.fa-user-slash:before{content:"\f506"}
.fa-user-tag:before{content:"\f507"}
.fa-user-times:before{content:"\f235"}
.fa-users:before{content:"\f0c0"}
.fa-volume:before{content:"\f6a8"}
.fa-volume-mute:before{content:"\f6a9"}
.fa-times:before{content:"\f00d"}
.fa-mobile:before{content:"\f3ce"}
.fa-github:before{content:"\f09b"}
.fa-twitter:before{content:"\f099"}
.fa-git-alt:before{content:"\f841"}
.fa-head-side:before{content:"\f6e9"}
.fa-crab:before{content:"\e3ff"}
.fa-socks:before{content:"\f696"}
.fa-arrow-up:before{content:"\f062"}
.fa-tag:before{content:"\f02b"}
.fa-messages:before{content:"\f4b6"}
.fa-user-secret:before{content:"\f21b"}
.fa-gas-pump-slash:before{content:"\f5f4"}
.fa-gas-pump:before{content:"\f52f"}
.fa-hammer-crash:before{content:"\e414"}
.fa-music:before{content:"\f001"}
.fa-arrow-rotate-right:before{content:"\f01e"}
.fa-columns-3:before{content:"\e361"}
.fa-bahai:before{content:"\f666"}
.fa-party-horn:before{content:"\e31b"}
.fa-pinata:before{content:"\e3c3"}
.fa-file:before{content:"\f15b"}
.fa-box-open:before{content:"\f49e"}
.fa-eyes:before{content:"\e367"}
.fa-hexagon:before{content:"\f312"}
.fa-arrow-right-arrow-left:before{content:"\f0ec"}
.fa-coins:before{content:"\f51e"}
.fa-bell-slash:before{content:"\f1f6"}
.fa-chart-network:before{content:"\f78a"}
.fa-square-share-nodes:before{content:"\f1e1"}
.fa-sidebar:before{content:"\e24e"}
.fa-panorama:before{content:"\e209"}
.fa-external-link:before{content:"\f08e"}
.fa-circle-info:before{content:"\f05a"}
.fa-comment-question:before{content:"\e14b"}
.fa-sitemap:before{content:"\f0e8"}
.fa-grid:before{content:"\e195"}
.fa-x:before{content:"\58"}
.fa-paw-simple:before{content:"\f701"}
.fa-bat:before{content:"\f6b5"}
.fa-star-of-david:before{content:"\f69a"}
.fa-hat-cowboy:before{content:"\f8c0"}
.fa-cloud-rainbow:before{content:"\f73e"}
.fa-telegram:before{content:"\f2c6"}
.fa-css3-alt:before{content:"\f38b"}
.fa-landscape:before{content:"\e1b5"}
.fa-user-ninja:before{content:"\f504"}
.fa-trees:before{content:"\f724"}
.fa-flashlight:before{content:"\f8b8"}
.fa-candy-corn:before{content:"\f6bd"}
.fa-shirt:before{content:"\f553"}
.fa-bone:before{content:"\f5d7"}
.fa-jack-o-lantern:before{content:"\f30e"}
.fa-cloud-bolt:before{content:"\f76c"}
.fa-biohazard:before{content:"\f780"}
.fa-syringe:before{content:"\f48e"}
.fa-spider-web:before{content:"\f719"}
.fa-coffin-cross:before{content:"\e051"}
.fa-face-sleeping:before{content:"\e38d"}
.fa-block-question:before{content:"\e3dd"}
.fa-image-slash:before{content:"\e1b7"}
.fa-play:before{content:"\f04b"}
fix this https://stupidpol.site/post/138414/a-major-problem-with-the-page/3392464#context
2023-01-21 05:39:42 +00:00
.fa-temperature-snow:before{content:"\f768"}
fix missing modlog kind for DM images
2023-01-25 11:35:46 +00:00
.fa-images:before{content:"\f302"}
fix this https://stupidpol.site/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/3477994#context
2023-01-25 15:52:31 +00:00
.fa-lock:before{content:"\f023"}
.fa-lock-open:before{content:"\f3c1"}
adds an easy link to download all emojis
2023-02-24 23:14:18 +00:00
.fa-down:before{content:"\f354"}
add automatic DDOS mitigation
2023-03-11 06:13:58 +00:00
.fa-shield-virus:before{content:"\e06c"}
add namelock award
2023-05-13 04:53:14 +00:00
.fa-at:before{content:"\40"}
add thumbnails for videos on the frontpage
2022-12-09 06:35:56 +00:00
convert 1 a tag to a button, and change native button css
2022-10-28 22:30:28 +00:00
button {
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: none;
use tabs, not spaces
2022-10-28 23:39:31 +00:00
border: none;
padding: 0;
margin: 0;
convert more <a> tags to <button> tags
2022-10-28 22:51:10 +00:00
color: var(--primary);
use tabs, not spaces
2022-10-28 23:39:31 +00:00
text-decoration: none;
background-color: transparent;
convert 1 a tag to a button, and change native button css
2022-10-28 22:30:28 +00:00
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
*, *::before, *::after {
box-sizing: border-box;
}
html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, main, nav, section {
display: block;
}
body {
Fix PWA top padding (#163) Co-authored-by: borntolurk <borntolurk@rdrama.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/163 Co-authored-by: borntolurk <borntolurk@noreply.fsdfsd.net> Co-committed-by: borntolurk <borntolurk@noreply.fsdfsd.net>
2023-07-01 22:14:59 +00:00
--safe-area-inset-top: env(safe-area-inset-top);
padding-top: var(--safe-area-inset-top);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
[tabindex="-1"]:focus:not(:focus-visible) {
outline: 0 !important;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
p {
margin-top: 0;
margin-bottom: 1rem;
}
abbr[title], abbr[data-bs-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
text-decoration-skip-ink: none;
}
address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
ol, ul, dl {
margin-top: 0;
margin-bottom: 1rem;
}
ol ol, ul ul, ol ul, ul ol {
margin-bottom: 0;
}
dt {
font-weight: 600;
}
dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
b, strong {
font-weight: 700;
}
small {
font-size: 80%;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: var(--primary);
text-decoration: none;
background-color: transparent;
}
a:hover {
color: var(--primary);
text-decoration: underline;
}
Revert "remove all accessibility attributes" This reverts commit e3a8fe85e3481b7fcbd986ba6e9506ba0c5bad0d.
2023-01-01 11:12:35 +00:00
a:not([href], [role="button"])
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
{
color: inherit;
text-decoration: none;
}
pre, code, kbd, samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
}
figure {
margin: 0 0 1rem;
}
img {
vertical-align: middle;
border-style: none;
}
svg {
overflow: hidden;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
label {
display: inline-block;
margin-bottom: 0.5rem;
}
button {
border-radius: 0;
}
button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
input, button, select, optgroup, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
select {
word-wrap: normal;
}
button, [type=button], [type=reset], [type=submit] {
-webkit-appearance: button;
}
button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
cursor: pointer;
}
button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type=radio], input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
input[type=date], input[type=time], input[type=month] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
summary {
display: list-item;
cursor: pointer;
}
template {
display: none;
}
[hidden] {
display: none !important;
}
get rid of all header classes
2022-10-29 00:55:49 +00:00
h1, h2, h3, h4, h5, h6 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin-top: 1rem;
margin-bottom: 1rem;
font-weight: 600;
line-height: 1.2;
}
get rid of all header classes
2022-10-29 00:55:49 +00:00
h1 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 2.5rem;
}
get rid of all header classes
2022-10-29 00:55:49 +00:00
h2 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 2rem;
}
get rid of all header classes
2022-10-29 00:55:49 +00:00
h3 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 1.75rem;
}
get rid of all header classes
2022-10-29 00:55:49 +00:00
h4 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 1.5rem;
}
get rid of all header classes
2022-10-29 00:55:49 +00:00
h5 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 1.25rem;
}
get rid of all header classes
2022-10-29 00:55:49 +00:00
h6 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 1rem;
}
hr {
margin-top: 1rem;
margin-bottom: 1rem;
border: 0;
border-top: 1px solid var(--primary);
}
small, .small {
font-size: 0.75rem;
font-weight: 400;
}
mark, .mark {
padding: 0.2em;
background-color: #fcf8e3;
}
.list-inline {
padding-left: 0;
list-style: none;
}
.list-inline-item {
display: inline-block;
}
.list-inline-item:not(:last-child) {
margin-right: 0.5rem;
}
.img-fluid {
height: auto;
max-width: 100%;
}
.img-thumbnail {
padding: 0.25rem;
background-color: #fff;
border: 1px solid #dee2e6;
border-radius: 0.35rem;
max-width: 100%;
height: auto;
}
.figure {
display: inline-block;
}
code {
font-size: 87.5%;
color: #e83e8c;
word-wrap: break-word;
}
a > code {
color: inherit;
}
kbd {
padding: 0.2rem 0.4rem;
font-size: 87.5%;
color: #fff;
background-color: #212529;
border-radius: 0.2rem;
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: 600;
}
pre {
display: block;
font-size: 87.5%;
}
pre code {
font-size: inherit;
color: inherit;
word-break: normal;
}
.container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.shadow-sm {
box-shadow: 0 0.1px 3px 0 rgba(0, 0, 0, 0.05), 0 0.1px 2px 0 rgba(0, 0, 0, 0.03);
}
.shadow {
/* box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05); */
use tabs, not spaces
2022-10-28 23:39:31 +00:00
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.4);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.shadow-none {
box-shadow: none !important;
}
.container {
max-width: 1500px;
max-width: max(76%,1500px);
}
.row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col, .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.col-xl-3, .col-lg-10, .col-lg-8, .col-lg-4, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-sm-6, .col, .col-12, .col-10 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.row-cols-1 > * {
flex: 0 0 100%;
max-width: 100%;
}
.col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.col-12 {
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 576px) {
.col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 768px) {
.row-cols-md-3 > * {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
}
@media (min-width: 992px) {
.col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
}
@media (min-width: 1200px) {
.col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
}
.table {
width: 100%;
margin-bottom: 1rem;
color: #212529;
}
.table th, .table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid var(--gray-400);
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid var(--gray-400);
}
.table tbody + tbody {
border-top: 2px solid var(--gray-400);
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(0, 0, 0, 0.05);
}
.table-hover tbody tr:hover {
color: #212529;
background-color: rgba(0, 0, 0, 0.075);
}
.table .thead-dark th {
color: #fff;
background-color: #343a40;
border-color: #454d55;
}
.form-control {
display: block;
width: 100%;
height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
background-color: #fff;
background-clip: padding-box;
border: 1px solid var(--gray-400);
border-radius: 0.35rem;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.form-control {
transition: none;
}
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #495057;
}
.form-control:focus {
color: #495057;
background-color: #fff;
border-color: #80bdff;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.form-control::placeholder {
color: #6c757d;
opacity: 1;
}
.form-control:disabled, [readonly] {
background-color: #e9ecef;
opacity: 1;
}
select.form-control:focus::-ms-value {
color: #495057;
background-color: #fff;
}
.form-control-sm {
height: calc(1.5em + 0.5rem + 2px);
padding: 0.25rem 0.5rem;
font-size: 0.875rem;
line-height: 1.5;
border-radius: 0.2rem;
}
select.form-control[size], select.form-control[multiple] {
height: auto;
}
textarea.form-control {
height: auto;
}
.form-group {
margin-bottom: 1rem;
}
.form-text {
display: block;
margin-top: 0.25rem;
}
.form-inline {
display: flex;
flex-flow: row wrap;
align-items: center;
}
@media (min-width: 576px) {
.form-inline label {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0;
}
.form-inline .form-group {
display: flex;
flex: 0 0 auto;
flex-flow: row wrap;
align-items: center;
margin-bottom: 0;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .input-group {
width: auto;
}
.form-inline .custom-control {
align-items: center;
justify-content: center;
}
.form-inline .custom-control-label {
margin-bottom: 0;
}
}
.btn {
display: inline-block;
font-weight: 400;
text-align: center;
color: var(--primary);
vertical-align: middle;
cursor: pointer;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1.5;
border-radius: 0.35rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.btn {
transition: none;
}
}
.btn:hover {
color: #212529;
text-decoration: none;
}
.btn:focus, .btn.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.btn.disabled, .btn:disabled {
opacity: 0.65;
}
a.btn.disabled, fieldset:disabled a.btn {
pointer-events: none;
}
.btn-primary {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.btn-primary:hover {
color: #fff;
background-color: var(--primary);
border-color: #0062cc;
}
.btn-primary:focus, .btn-primary.focus {
color: #fff;
background-color: var(--primary);
border-color: #0062cc;
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.btn-primary:not(:disabled, .disabled):active, .btn-primary:not(:disabled, .disabled).active, .show > .btn-primary.dropdown-toggle {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: #fff;
background-color: #0062cc;
border-color: #005cbf;
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.btn-primary:not(:disabled, .disabled):active:focus, .btn-primary:not(:disabled, .disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}
.btn-secondary {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
.btn-secondary:hover {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
}
.btn-secondary:focus, .btn-secondary.focus {
color: #fff;
background-color: #5a6268;
border-color: #545b62;
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
color: #fff;
background-color: #6c757d;
border-color: #6c757d;
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.btn-secondary:not(:disabled, .disabled):active, .btn-secondary:not(:disabled, .disabled).active, .show > .btn-secondary.dropdown-toggle {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: #fff;
background-color: #545b62;
border-color: #4e555b;
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.btn-secondary:not(:disabled, .disabled):active:focus, .btn-secondary:not(:disabled, .disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.btn-success {
color: #fff;
background-color: #38A169;
border-color: #38A169;
}
.btn-success:hover {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
}
.btn-success:focus, .btn-success.focus {
color: #fff;
background-color: #218838;
border-color: #1e7e34;
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
color: #fff;
background-color: #38A169;
border-color: #38A169;
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.btn-success:not(:disabled, .disabled):active, .btn-success:not(:disabled, .disabled).active, .show > .btn-success.dropdown-toggle {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: #fff;
background-color: #1e7e34;
border-color: #1c7430;
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.btn-success:not(:disabled, .disabled):active:focus, .btn-success:not(:disabled, .disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5);
}
.btn-danger {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
.btn-danger:hover {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
}
.btn-danger:focus, .btn-danger.focus {
color: #fff;
background-color: #c82333;
border-color: #bd2130;
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
color: #fff;
background-color: #dc3545;
border-color: #dc3545;
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.btn-danger:not(:disabled, .disabled):active, .btn-danger:not(:disabled, .disabled).active, .show > .btn-danger.dropdown-toggle {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: #fff;
background-color: #bd2130;
border-color: #b21f2d;
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.btn-danger:not(:disabled, .disabled):active:focus, .btn-danger:not(:disabled, .disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5);
}
.btn-link {
font-weight: 400;
color: var(--primary);
text-decoration: none;
}
.btn-link:hover {
color: var(--primary);
text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
text-decoration: underline;
box-shadow: none;
}
.btn-lg {
padding: 0.5rem 1rem;
font-size: 1.25rem;
line-height: 1.5;
border-radius: 0.3rem;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 0.5rem;
}
input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block {
width: 100%;
}
.btn-follow {
display: block;
width: 100%;
margin-top: 0.5rem;
}
input[type=submit].btn-follow, input[type=reset].btn-follow, input[type=button].btn-follow {
width: 100%;
}
.fade {
transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
.fade {
transition: none;
}
}
.fade:not(.show) {
opacity: 0;
}
.collapse:not(.show) {
display: none;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
.collapsing {
transition: none;
}
}
.dropup, .dropdown {
position: relative;
}
.dropdown-toggle {
white-space: nowrap;
}
.dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-bottom: 0;
border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: -5px;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.4);
border-radius: 0.35rem;
use tabs, not spaces
2022-10-28 23:39:31 +00:00
box-shadow: 0px 2px 20px rgba(0, 0, 0, 0.3);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.dropdown-menu-right {
right: 0;
left: auto;
use tabs, not spaces
2022-10-28 23:39:31 +00:00
left: -2px !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
@media (min-width: 992px) {
.dropdown-menu-lg-left {
right: auto;
left: 0;
}
}
.dropup .dropdown-menu {
top: auto;
bottom: 100%;
margin-top: 0;
margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
display: inline-block;
margin-left: 0.255em;
vertical-align: 0.255em;
content: "";
border-top: 0;
border-right: 0.3em solid transparent;
border-bottom: 0.3em solid;
border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
margin-left: 0;
}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
right: auto;
bottom: auto;
}
.dropdown-item {
display: block;
width: 100%;
padding: 0.25rem 1.5rem;
clear: both;
font-weight: 400;
color: #212529;
text-align: inherit;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa;
}
.dropdown-item.active, .dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: var(--primary);
}
.dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: transparent;
}
.dropdown-menu.show {
display: block;
}
.input-group {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: stretch;
width: 100%;
}
.input-group > .form-control {
position: relative;
flex: 1 1 0%;
min-width: 0;
margin-bottom: 0;
}
.input-group > .form-control + .form-control {
margin-left: -1px;
}
.input-group > .form-control:focus {
z-index: 3;
}
.input-group > .form-control:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-append {
display: flex;
}
.input-group-append .btn {
position: relative;
z-index: 2;
}
.input-group-append .btn:focus {
z-index: 3;
}
.input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn {
margin-left: -1px;
}
.input-group-append {
margin-left: -1px;
}
.input-group-text {
display: flex;
align-items: center;
padding: 0.375rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #495057;
text-align: center;
white-space: nowrap;
background-color: #e9ecef;
border: 1px solid var(--gray-400);
border-radius: 0.35rem;
}
.input-group-text input[type=radio], .input-group-text input[type=checkbox] {
margin-top: 0;
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.input-group > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child, .dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom-control {
position: relative;
display: block;
min-height: 1.5rem;
padding-left: 1.5rem;
}
.custom-control-input {
position: absolute;
left: 0;
z-index: -1;
width: 1rem;
height: 1.25rem;
opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
color: #fff;
border-color: var(--primary);
background-color: var(--primary);
}
.custom-control-input:focus ~ .custom-control-label::before {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
border-color: #80bdff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
color: #fff;
background-color: #b3d7ff;
border-color: #b3d7ff;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
background-color: #e9ecef;
}
.custom-control-label {
position: relative;
margin-bottom: 0;
vertical-align: top;
}
.custom-control-label::before {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
pointer-events: none;
content: "";
background-color: #fff;
border: #adb5bd solid 1px;
}
.custom-control-label::after {
position: absolute;
top: 0.25rem;
left: -1.5rem;
display: block;
width: 1rem;
height: 1rem;
content: "";
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: no-repeat 50%/50% 50%;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.custom-checkbox .custom-control-label::before {
border-radius: 0.35rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
fix standard urls for w3.org (#57) Co-authored-by: Aevann1 <randomname42029@gmail.com> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/57 Co-authored-by: Aevann <aevann@noreply.fsdfsd.net> Co-committed-by: Aevann <aevann@noreply.fsdfsd.net>
2022-12-09 05:41:53 +00:00
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
border-color: var(--primary);
background-color: var(--primary);
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
fix standard urls for w3.org (#57) Co-authored-by: Aevann1 <randomname42029@gmail.com> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/57 Co-authored-by: Aevann <aevann@noreply.fsdfsd.net> Co-committed-by: Aevann <aevann@noreply.fsdfsd.net>
2022-12-09 05:41:53 +00:00
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-switch {
padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
width: 1.75rem;
pointer-events: all;
border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
top: calc(0.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1rem - 4px);
height: calc(1rem - 4px);
border-radius: 0.5rem;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: #fff;
transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
background-color: rgba(0, 123, 255, 0.5);
}
.custom-control-label::before {
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-control-label::before {
transition: none;
}
}
.nav {
display: flex;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
settings: rework settings frontend
2022-11-06 06:35:49 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
nav
{
}
.nav-link {
display: block;
padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
text-decoration: none;
}
.nav-pills .nav-link {
border-radius: 0.35rem;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: #fff;
background-color: var(--primary);
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.navbar {
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 0.5rem 1rem;
use tabs, not spaces
2022-10-28 23:39:31 +00:00
transition: border-bottom .2s;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.navbar-active
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
border-bottom: 1px solid rgba(18, 18, 18, .4);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.navbar .container, .navbar .container-fluid {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.navbar-brand {
display: inline-block;
padding-top: 0.3125rem;
padding-bottom: 0.3125rem;
margin-right: 1rem;
font-size: 1.25rem;
line-height: inherit;
white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
.navbar-nav {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.navbar-nav .nav-link {
padding-right: 0;
padding-left: 0;
}
.navbar-nav .dropdown-menu {
position: static;
float: none;
}
.navbar-collapse {
flex-basis: 100%;
flex-grow: 1;
align-items: center;
}
.navbar-toggler {
padding: 0.25rem 0.75rem;
font-size: 1.25rem;
line-height: 1;
background-color: transparent;
border: 1px solid transparent;
border-radius: 0.35rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
text-decoration: none;
}
.navbar-toggler-icon {
display: inline-block;
width: 1.5em;
height: 1.5em;
vertical-align: middle;
content: "";
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: no-repeat center center;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
background-size: 100% 100%;
}
@media (max-width: 767.98px) {
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 768px) {
.navbar-expand-md {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-md .navbar-nav {
flex-direction: row;
}
.navbar-expand-md .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-md > .container, .navbar-expand-md > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-md .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-md .navbar-toggler {
display: none;
}
}
@media (max-width: 991.98px) {
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
padding-right: 0;
padding-left: 0;
}
}
@media (min-width: 992px) {
.navbar-expand-lg {
flex-flow: row nowrap;
justify-content: flex-start;
}
.navbar-expand-lg .navbar-nav {
flex-direction: row;
}
.navbar-expand-lg .navbar-nav .dropdown-menu {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid {
flex-wrap: nowrap;
}
.navbar-expand-lg .navbar-collapse {
display: flex !important;
flex-basis: auto;
}
.navbar-expand-lg .navbar-toggler {
display: none;
}
}
.navbar-light .navbar-brand {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 0.5);
}
.navbar-light .navbar-toggler {
color: var(--black1);
border-color: rgba(0, 0, 0, 0.1);
}
.navbar-light .navbar-toggler-icon {
fix standard urls for w3.org (#57) Co-authored-by: Aevann1 <randomname42029@gmail.com> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/57 Co-authored-by: Aevann <aevann@noreply.fsdfsd.net> Co-committed-by: Aevann <aevann@noreply.fsdfsd.net>
2022-12-09 05:41:53 +00:00
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.navbar-dark .navbar-brand {
color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active {
color: #fff;
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
fix standard urls for w3.org (#57) Co-authored-by: Aevann1 <randomname42029@gmail.com> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/57 Co-authored-by: Aevann <aevann@noreply.fsdfsd.net> Co-committed-by: Aevann <aevann@noreply.fsdfsd.net>
2022-12-09 05:41:53 +00:00
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.35rem;
}
.card > hr {
margin-right: 0;
margin-left: 0;
}
.card > .list-group:first-child .list-group-item:first-child {
border-top-left-radius: 0.35rem;
border-top-right-radius: 0.35rem;
}
.card > .list-group:last-child .list-group-item:last-child {
border-bottom-right-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
}
.card-body {
flex: 1 1 auto;
min-height: 1px;
padding: 1.25rem;
}
.card-title {
margin-bottom: 0.75rem;
}
.card-text:last-child {
margin-bottom: 0;
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.35rem - 1px) calc(0.35rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.card-footer {
padding: 0.75rem 1.25rem;
background-color: rgba(0, 0, 0, 0.03);
border-top: 1px solid rgba(0, 0, 0, 0.125);
}
.card-footer:last-child {
border-radius: 0 0 calc(0.35rem - 1px) calc(0.35rem - 1px);
}
.card-img-top {
flex-shrink: 0;
width: 100%;
}
.card-img-top {
border-top-left-radius: calc(0.35rem - 1px);
border-top-right-radius: calc(0.35rem - 1px);
}
.directory--link {
width: 90%;
}
@media (min-width: 576px) {
.directory--link {
width: 45%;
}
}
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.35rem;
}
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
fix last commit
2023-05-01 22:07:15 +00:00
color: var(--primary);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
background-color: #fff;
border: 1px solid #dee2e6;
}
add page numbers to the frontpage
2023-05-01 19:50:32 +00:00
.page-link:not(.dots):hover {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
z-index: 2;
color: var(--primary);
text-decoration: none;
background-color: #e9ecef;
border-color: #dee2e6;
}
.page-link:focus {
z-index: 3;
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.page-item:first-child .page-link {
margin-left: 0;
border-top-left-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
}
.page-item:last-child .page-link {
border-top-right-radius: 0.35rem;
border-bottom-right-radius: 0.35rem;
}
.page-item.active .page-link {
z-index: 3;
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.page-item.disabled .page-link {
color: #6c757d;
pointer-events: none;
cursor: auto;
background-color: #fff;
border-color: #dee2e6;
}
.pagination-sm .page-link {
Revert "fix pagination overflow" This reverts commit 4941baa4779a2a9fae74e31b2bc65fbf34048758.
2023-06-25 17:19:06 +00:00
padding: 0.25rem min(20px, 3vw);
cleanup in aisle 4
2023-07-03 00:26:20 +00:00
font-size: min(25px, 5.8vw);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
border-top-left-radius: 0.2rem;
border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
border-top-right-radius: 0.2rem;
border-bottom-right-radius: 0.2rem;
}
.badge {
display: inline-block;
padding: 0.25em 0.4em;
font-size: 75%;
font-weight: 600;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.35rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.badge {
transition: none;
}
}
a.badge:hover, a.badge:focus {
text-decoration: none;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.badge-secondary {
color: #fff;
background-color: #6c757d;
}
a.badge-secondary:hover, a.badge-secondary:focus {
color: #fff;
background-color: var(--primary);
}
a.badge-secondary:focus, a.badge-secondary.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}
.badge-danger {
color: #fff;
background-color: #dc3545;
}
a.badge-danger:hover, a.badge-danger:focus {
color: #fff;
background-color: #bd2130;
}
a.badge-danger:focus, a.badge-danger.focus {
outline: 0;
box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}
.jumbotron {
padding: 2rem 1rem;
margin-bottom: 2rem;
background-color: #e9ecef;
border-radius: 0.3rem;
}
@media (min-width: 576px) {
.jumbotron {
padding: 4rem 2rem;
}
}
.jumbotron-fluid {
padding-right: 0;
padding-left: 0;
border-radius: 0;
}
.alert {
position: relative;
padding: 0.75rem 1.25rem;
margin-bottom: 1rem;
border: 1px solid transparent;
border-radius: 0.35rem;
}
.alert-link {
font-weight: 600;
}
.alert-dismissible {
padding-right: 4rem;
}
.alert-dismissible .close {
position: absolute;
top: 0;
right: 0;
padding: 0.75rem 1.25rem;
color: inherit;
}
.alert-success {
color: #155724;
background-color: #d4edda;
border-color: #c3e6cb;
}
.alert-success hr {
border-top-color: #b1dfbb;
}
.alert-success .alert-link {
color: #0b2e13;
}
.alert-warning {
color: #856404;
background-color: #fff3cd;
border-color: #ffeeba;
}
.alert-warning hr {
border-top-color: #ffe8a1;
}
.alert-warning .alert-link {
color: #533f03;
}
.alert-danger {
color: #721c24;
background-color: #f8d7da;
border-color: #f5c6cb;
}
.alert-danger hr {
border-top-color: #f1b0b7;
}
.alert-danger .alert-link {
color: #491217;
}
.media {
display: flex;
align-items: flex-start;
}
.media-body {
flex: 1;
}
.list-group {
display: flex;
flex-direction: column;
padding-left: 0;
margin-bottom: 0;
}
.list-group-item {
position: relative;
display: block;
padding: 0.75rem 1.25rem;
background-color: #fff;
border: 1px solid rgba(0, 0, 0, 0.125);
}
.list-group-item:first-child {
border-top-left-radius: 0.35rem;
border-top-right-radius: 0.35rem;
}
.list-group-item:last-child {
border-bottom-right-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
}
.list-group-item.disabled, .list-group-item:disabled {
color: #6c757d;
pointer-events: none;
background-color: #fff;
}
.list-group-item.active {
z-index: 2;
color: #fff;
background-color: var(--primary);
border-color: var(--primary);
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
margin-top: -1px;
border-top-width: 1px;
}
.close {
float: right;
font-size: 1.5rem;
font-weight: 600;
line-height: 1;
color: #fff;
opacity: 0.5;
}
.close:hover {
color: #000;
text-decoration: none;
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.close:not(:disabled, .disabled):hover, .close:not(:disabled, .disabled):focus {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
opacity: 0.75;
}
button.close {
padding: 0;
background-color: transparent;
border: 0;
appearance: none;
}
.toast {
max-width: 350px;
overflow: hidden;
font-size: 0.875rem;
background-color: rgba(255, 255, 255, 0.85);
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
backdrop-filter: blur(10px);
opacity: 0;
border-radius: 0.25rem;
make it possible to click thro toasts
2022-11-11 14:15:59 +00:00
pointer-events: none;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.toast:not(:last-child) {
margin-bottom: 0.75rem;
}
.toast.showing {
opacity: 1;
}
.toast.show {
display: block;
opacity: 1;
}
.toast.hide {
display: none;
}
.toast-body {
padding: 0.75rem;
}
.modal-open {
disallow scrolling in the backdrop of modals
2023-03-11 23:56:30 +00:00
overflow: hidden !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal {
position: fixed;
top: 0;
left: 0;
z-index: 1050;
display: none;
width: 100%;
height: 100%;
overflow: hidden;
outline: 0;
Fix Safari modal zoom issue (#148) On zoom Bootstrap tries to add padding to modals in \_adjustDialog, which breaks the appearance on iPhone. This fix forces the padding to 0 Reported here https://rdrama.net/post/170400/15k-mbux-for-the-codecel-who Co-authored-by: borntolurk <borntolurk@rdrama.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/148 Co-authored-by: borntolurk <borntolurk@noreply.fsdfsd.net> Co-committed-by: borntolurk <borntolurk@noreply.fsdfsd.net>
2023-05-14 22:01:57 +00:00
padding-right: 0 !important; /* fix Safari zoom issue */
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.modal-dialog {
position: relative;
width: auto;
pointer-events: none;
}
.modal.fade .modal-dialog {
transition: transform 0.3s ease-out;
transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
.modal.fade .modal-dialog {
transition: none;
}
}
.modal.show .modal-dialog {
transform: none;
}
.modal.modal-static .modal-dialog {
transform: scale(1.02);
}
.modal-dialog-scrollable {
display: flex;
5rem -> 3.5rem
2022-11-19 18:13:30 +00:00
max-height: calc(100% - 3.5rem);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.modal-dialog-scrollable .modal-content {
5rem -> 3.5rem
2022-11-19 18:13:30 +00:00
max-height: calc(100vh - 3.5rem);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
overflow: hidden;
}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer {
flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
overflow-y: auto;
}
reduce scroll chaining on scrollable modals (#100) Small lil PR to reduce/minimize overscroll (aka scroll chaining) when scrolling to the end of scrollable modals. Also relevant to mobile Primary targets: - GIFs scrollable tabs body - EMOJI scrollable tabs body - AWARDS scrollable tabs body Should (TM) apply to other scrollable modals if the same HTML structure is used Very important notes (TM): * this does not apply to non-scrollable modals (e.g. delete and report) * this only applies to the body of the modal where scrollable content is usually located (as per selector). Example of when it does not apply: * if we try to scroll near the search bar (e.g. on GIFs modal), we will still scroll the background * if we make the modal non-scrollable (e.g. limited search in emoji or its tabs), there is no overscroll protection Why I chose this implementation: * I have implemented this recently when all browsers started supporting it in the last months of 2022 * we cannot just disable the main body/html element scrollbar because it is likely to create headache-inducing content redraw situations * minimalistic and it is a relatively modern way to do it * about 300% better than some client-side javascript spaghetteh to avoid content redraws * methodical alternative is to reimplement site-wide modals/scrolling (LMAO) * I did not apply it to .modal-body because it does not work when we scroll in the empty area on the sides of the scrollable area (which I always do). Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/100 Co-authored-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net> Co-committed-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net>
2023-01-27 06:08:29 +00:00
.modal-content > div:last-child {
overscroll-behavior: contain;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.modal-dialog-centered {
display: flex;
align-items: center;
5rem -> 3.5rem
2022-11-19 18:13:30 +00:00
max-height: calc(100% - 3.5rem);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.modal-dialog-centered::before {
display: block;
5rem -> 3.5rem
2022-11-19 18:13:30 +00:00
height: calc(100vh - 3.5rem);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
flex-direction: column;
justify-content: center;
height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
content: none;
}
.modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
pointer-events: auto;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
outline: 0;
}
.modal-backdrop {
position: fixed;
top: 0;
left: 0;
z-index: 1040;
width: 100vw;
height: 100vh;
background-color: #000;
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
opacity: 0.5;
}
.modal-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
padding: 1rem 1rem;
border-bottom: 1px solid var(--gray-400);
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close {
padding: 1rem 1rem;
margin: -1rem -1rem -1rem auto;
}
.modal-title {
margin-bottom: 0;
line-height: 1.5;
}
.modal-body {
position: relative;
flex: 1 1 auto;
padding: 1rem;
}
.modal-footer {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
padding: 0.75rem;
border-top: 1px solid var(--gray-400);
border-bottom-right-radius: calc(0.3rem - 1px);
border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
margin: 0.25rem;
}
fix weird tabs
2022-11-16 10:52:11 +00:00
.modal-dialog-scrollable {
5rem -> 3.5rem
2022-11-19 18:13:30 +00:00
max-height: calc(100% - 3.5rem);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
fix weird tabs
2022-11-16 10:52:11 +00:00
.modal-dialog-scrollable .modal-content {
5rem -> 3.5rem
2022-11-19 18:13:30 +00:00
max-height: calc(100vh - 3.5rem);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
fix weird tabs
2022-11-16 10:52:11 +00:00
.modal-dialog-centered {
5rem -> 3.5rem
2022-11-19 18:13:30 +00:00
max-height: calc(100% - 3.5rem);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
fix weird tabs
2022-11-16 10:52:11 +00:00
.modal-dialog-centered::before {
5rem -> 3.5rem
2022-11-19 18:13:30 +00:00
height: calc(100vh - 3.5rem);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
@media (min-width: 992px) {
.modal-xl {
max-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
max-width: 1140px;
}
}
.tooltip {
position: absolute;
i hate css
2023-07-07 05:54:06 +00:00
z-index: 1070;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
display: block;
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
opacity: 1;
}
.tooltip .arrow {
position: absolute;
display: block;
width: 0.8rem;
height: 0.4rem;
}
.tooltip .arrow::before {
position: absolute;
content: "";
border-color: transparent;
border-style: solid;
}
.tooltip-inner {
max-width: 200px;
padding: 0.25rem 0.5rem;
color: #fff;
text-align: center;
background-color: #000;
reduce tooltip border radius
2022-11-26 22:07:03 +00:00
border-radius: 0.2rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: block;
max-width: 276px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
white-space: normal;
line-break: auto;
font-size: 0.875rem;
word-wrap: break-word;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 0.3rem;
}
.popover .arrow {
position: absolute;
display: block;
width: 1rem;
height: 0.5rem;
margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
position: absolute;
display: block;
content: "";
border-color: transparent;
border-style: solid;
}
.popover-header {
padding: 0.5rem 0.75rem;
margin-bottom: 0;
font-size: 1rem;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-top-left-radius: calc(0.3rem - 1px);
border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
display: none;
}
.popover-body {
padding: 0.5rem 0.75rem;
color: #212529;
}
.carousel {
position: relative;
}
.carousel.pointer-event {
touch-action: pan-y;
}
.carousel-item {
position: relative;
display: none;
float: left;
width: 100%;
margin-right: -100%;
backface-visibility: hidden;
transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.carousel-item {
transition: none;
}
}
.carousel-item.active, .carousel-item-next, .carousel-item-prev {
display: block;
}
.carousel-item-next:not(.carousel-item-left) {
transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-right) {
transform: translateX(-100%);
}
.carousel-indicators {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 15;
display: flex;
justify-content: center;
padding-left: 0;
margin-right: 15%;
margin-left: 15%;
list-style: none;
}
.carousel-indicators li {
box-sizing: content-box;
flex: 0 1 auto;
width: 30px;
height: 3px;
margin-right: 3px;
margin-left: 3px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
background-clip: padding-box;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
opacity: 0.5;
transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
.carousel-indicators li {
transition: none;
}
}
.carousel-indicators .active {
opacity: 1;
}
.align-top {
vertical-align: top !important;
}
.align-middle {
vertical-align: middle !important;
}
Fix signup overflowing on mobile, and related.
2022-12-02 23:32:31 +00:00
.bg-background {
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background));
Fix signup overflowing on mobile, and related.
2022-12-02 23:32:31 +00:00
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.bg-primary {
background-color: var(--primary) !important;
}
a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus {
background-color: #0062cc !important;
}
.bg-success {
background-color: #38A169 !important;
}
a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus {
background-color: #1e7e34 !important;
}
.bg-danger {
background-color: #dc3545 !important;
}
a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus {
background-color: #bd2130 !important;
}
.bg-light {
background-color: #f8f9fa !important;
}
a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus {
background-color: #dae0e5 !important;
}
.bg-transparent {
background-color: transparent !important;
}
.border {
border: 1px solid var(--gray-400) !important;
}
.border-top {
border-top: 1px solid var(--gray-400) !important;
}
.border-bottom {
border-bottom: 1px solid var(--gray-400) !important;
}
.border-left {
border-left: 1px solid var(--gray-400) !important;
}
.border-0 {
border: 0 !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border-warning {
border-color: #ffc107 !important;
}
.border-white {
border-color: #fff !important;
}
.rounded {
border-radius: 0.35rem !important;
}
.rounded-lg {
border-radius: 0.3rem !important;
}
.rounded-circle {
border-radius: 50% !important;
}
.d-none {
display: none !important;
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-flex {
display: flex !important;
}
.d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-flex {
display: flex !important;
}
}
@media (min-width: 768px) {
.d-md-none {
display: none !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
.d-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-flex {
display: flex !important;
}
.d-lg-block {
display: block !important;
}
}
.embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.embed-responsive::before {
display: block;
content: "";
}
.embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9::before {
padding-top: 56.25%;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
@media (min-width: 768px) {
.flex-md-row {
flex-direction: row !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
}
.float-right {
float: right !important;
}
user tables: add float plus margins to replace whitespace (#130) Kindly, In most pages where there are tables containing usernames, there is a space between the user icon and the username that gets underlined on hover. It happens in most tables in this app (applies both to rdrama and WPD). That automatic whitepace appears to come from the usual HTML default space between inline elements. The alternative is to change inheritence but appears cumbersome. This PR fixes that. Affected pages (those that render user_in_table.html): ./files/templates/admin/alts.html ./files/templates/admin/loggedin.html ./files/templates/admin/lottery.html ./files/templates/admin/patrons.html ./files/templates/admin/shadowbanned.html ./files/templates/admins.html ./files/templates/banned.html ./files/templates/chuds.html ./files/templates/grassed.html ./files/templates/hats.html ./files/templates/leaderboard.html ./files/templates/marseys.html ./files/templates/poll_votes.html ./files/templates/settings/security.html ./files/templates/special/worldcup22_leaderboard.html ./files/templates/sub/blockers.html ./files/templates/sub/exilees.html ./files/templates/sub/mods.html ./files/templates/userpage/blockers.html ./files/templates/userpage/followers.html ./files/templates/userpage/following.html ./files/templates/userpage/views.html ./files/templates/userpage/voters.html ./files/templates/votes.html Thanks, Granny Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/130 Co-authored-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net> Co-committed-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net>
2023-02-21 14:21:45 +00:00
.float-left {
float: left !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.overflow-auto {
overflow: auto !important;
}
.position-relative {
position: relative !important;
}
.position-absolute {
position: absolute !important;
}
.fixed-top {
position: fixed;
top: 0;
right: 0;
left: 0;
i hate css
2023-07-07 05:54:06 +00:00
z-index: 1030;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.fixed-bottom {
position: fixed;
right: 0;
bottom: 0;
left: 0;
z-index: 1030;
}
@supports (position: sticky) {
.sticky-top {
position: sticky;
top: 0;
z-index: 1020;
}
}
.w-100 {
width: 100% !important;
}
.h-100 {
height: 100% !important;
}
.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0);
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.m-0 {
margin: 0 !important;
}
.mt-0, .my-0 {
margin-top: 0 !important;
}
.mr-0, .mx-0 {
margin-right: 0 !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
margin-left: 0 !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.m-1 {
margin: 0.25rem !important;
}
.mt-1, .my-1 {
margin-top: 0.25rem !important;
}
.mr-1, .mx-1 {
margin-right: 0.25rem !important;
}
.mb-1, .my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1, .mx-1 {
margin-left: 0.25rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.m-2 {
margin: 0.5rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.mt-2, .my-2 {
margin-top: 0.5rem !important;
}
.mr-2, .mx-2 {
margin-right: 0.5rem !important;
}
.mb-2, .my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2, .mx-2 {
margin-left: 0.5rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.m-3 {
margin: 1rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.mt-3, .my-3 {
margin-top: 1rem !important;
}
.mr-3, .mx-3 {
margin-right: 1rem !important;
}
.mb-3, .my-3 {
margin-bottom: 1rem !important;
}
.ml-3, .mx-3 {
margin-left: 1rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.m-4 {
margin: 1.5rem !important;
}
.mt-4, .my-4 {
margin-top: 1.5rem !important;
}
.mr-4, .mx-4 {
margin-right: 1.5rem !important;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4, .mx-4 {
margin-left: 1.5rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.m-5 {
margin: 3rem !important;
}
.mt-5, .my-5 {
margin-top: 3rem !important;
}
add ml-5 mr-5 mx-5
2022-10-25 21:12:37 +00:00
.mr-5, .mx-5 {
margin-right: 3rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.mb-5, .my-5 {
margin-bottom: 3rem !important;
}
add ml-5 mr-5 mx-5
2022-10-25 21:12:37 +00:00
.ml-5, .mx-5 {
margin-left: 3rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.m-6 {
margin: 5rem !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.mt-6, .my-6 {
margin-top: 5rem !important;
}
.mr-6, .mx-6 {
margin-right: 5rem !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.mb-6, .my-6 {
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
margin-bottom: 5rem !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.ml-6, .mx-6 {
margin-left: 5rem !important;
}
.m-7 {
margin: 10rem !important;
}
.mt-7, .my-7 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin-top: 10rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.mr-7, .mx-7 {
margin-right: 10rem !important;
}
.mb-7, .my-7 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin-bottom: 10rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.ml-7, .mx-7 {
margin-left: 10rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.p-0 {
padding: 0 !important;
}
.pt-0, .py-0 {
padding-top: 0 !important;
}
.pr-0, .px-0 {
padding-right: 0 !important;
}
.pb-0, .py-0 {
padding-bottom: 0 !important;
}
.pl-0, .px-0 {
padding-left: 0 !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.p-1 {
padding: 0.25rem !important;
}
.pt-1, .py-1 {
padding-top: 0.25rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.pr-1, .px-1 {
padding-right: 0.25rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.pb-1, .py-1 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
padding-bottom: 0.25rem !important;
}
.pl-1, .px-1 {
padding-left: 0.25rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.p-2 {
padding: 0.5rem !important;
}
.pt-2, .py-2 {
padding-top: 0.5rem !important;
}
.pr-2, .px-2 {
padding-right: 0.5rem !important;
}
.pb-2, .py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2, .px-2 {
padding-left: 0.5rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.p-3 {
padding: 1rem !important;
}
.pt-3, .py-3 {
padding-top: 1rem !important;
}
.pr-3, .px-3 {
padding-right: 1rem !important;
}
.pb-3, .py-3 {
padding-bottom: 1rem !important;
}
.pl-3, .px-3 {
padding-left: 1rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.p-4 {
padding: 1.5rem !important;
}
.pt-4, .py-4 {
padding-top: 1.5rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.pr-4, .px-4 {
padding-right: 1.5rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.pb-4, .py-4 {
padding-bottom: 1.5rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.pl-4, .px-4 {
padding-left: 1.5rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.p-5 {
padding: 3rem !important;
}
.pt-5, .py-5 {
padding-top: 3rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.pr-5, .px-5 {
padding-right: 3rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.pb-5, .py-5 {
padding-bottom: 3rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.pl-5, .px-5 {
padding-left: 3rem !important;
}
.p-6 {
padding: 5rem !important;
}
.pt-6, .py-6 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
padding-top: 5rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.pr-6, .px-6 {
padding-right: 5rem !important;
}
.pb-6, .py-6 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
padding-bottom: 5rem !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
.pl-6, .px-6 {
padding-left: 5rem !important;
}
.p-7 {
padding: 10rem !important;
}
.pt-7, .py-7 {
padding-top: 10rem !important;
}
.pr-7, .px-7 {
padding-right: 10rem !important;
}
.pb-7, .py-7 {
padding-bottom: 10rem !important;
}
.pl-7, .px-7 {
padding-left: 10rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.mt-n3 {
margin-top: -1rem !important;
}
.mt-n6 {
margin-top: -3.5rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto, .my-auto {
margin-top: auto !important;
}
.mr-auto, .mx-auto {
margin-right: auto !important;
}
.mb-auto, .my-auto {
margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
restore all bootstrap margin and padding selectors
2023-01-01 08:38:09 +00:00
restore -sm bootstrap margins/padding classes but use them different;y
2023-02-19 09:12:14 +00:00
@media (max-width: 768px) {
.m-sm-0 {
margin: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mx-sm-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-sm-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-sm-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-sm-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-sm-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-sm-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-sm-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-sm-0 {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
.my-sm-1 {
margin-top: 0.25rem !important;
margin-bottom: 0.25rem !important;
}
.my-sm-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-sm-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-sm-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-sm-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-sm-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-sm-0 {
margin-top: 0 !important;
}
.mt-sm-1 {
margin-top: 0.25rem !important;
}
.mt-sm-2 {
margin-top: 0.5rem !important;
}
.mt-sm-3 {
margin-top: 1rem !important;
}
.mt-sm-4 {
margin-top: 1.5rem !important;
}
.mt-sm-5 {
margin-top: 3rem !important;
}
.mt-sm-auto {
margin-top: auto !important;
}
.mr-sm-0 {
margin-right: 0 !important;
}
.mr-sm-1 {
margin-right: 0.25rem !important;
}
.mr-sm-2 {
margin-right: 0.5rem !important;
}
.mr-sm-3 {
margin-right: 1rem !important;
}
.mr-sm-4 {
margin-right: 1.5rem !important;
}
.mr-sm-5 {
margin-right: 3rem !important;
}
.mr-sm-auto {
margin-right: auto !important;
}
.mb-sm-0 {
margin-bottom: 0 !important;
}
.mb-sm-1 {
margin-bottom: 0.25rem !important;
}
.mb-sm-2 {
margin-bottom: 0.5rem !important;
}
.mb-sm-3 {
margin-bottom: 1rem !important;
}
.mb-sm-4 {
margin-bottom: 1.5rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.mb-sm-5 {
margin-bottom: 3rem !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
restore -sm bootstrap margins/padding classes but use them different;y
2023-02-19 09:12:14 +00:00
.mb-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-0 {
margin-left: 0 !important;
}
.ml-sm-1 {
margin-left: 0.25rem !important;
}
.ml-sm-2 {
margin-left: 0.5rem !important;
}
.ml-sm-3 {
margin-left: 1rem !important;
}
.ml-sm-4 {
margin-left: 1.5rem !important;
}
.ml-sm-5 {
margin-left: 3rem !important;
}
.ml-sm-auto {
margin-left: auto !important;
}
.p-sm-0 {
padding: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.px-sm-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-sm-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-sm-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-sm-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-sm-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-sm-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
.py-sm-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.py-sm-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-sm-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-sm-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-sm-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-sm-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-sm-0 {
padding-top: 0 !important;
}
.pt-sm-1 {
padding-top: 0.25rem !important;
}
.pt-sm-2 {
padding-top: 0.5rem !important;
}
.pt-sm-3 {
padding-top: 1rem !important;
}
.pt-sm-4 {
padding-top: 1.5rem !important;
}
.pt-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-0 {
padding-right: 0 !important;
}
.pr-sm-1 {
padding-right: 0.25rem !important;
}
.pr-sm-2 {
padding-right: 0.5rem !important;
}
.pr-sm-3 {
padding-right: 1rem !important;
}
.pr-sm-4 {
padding-right: 1.5rem !important;
}
.pr-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-0 {
padding-bottom: 0 !important;
}
.pb-sm-1 {
padding-bottom: 0.25rem !important;
}
.pb-sm-2 {
padding-bottom: 0.5rem !important;
}
.pb-sm-3 {
padding-bottom: 1rem !important;
}
.pb-sm-4 {
padding-bottom: 1.5rem !important;
}
.pb-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-0 {
padding-left: 0 !important;
}
.pl-sm-1 {
padding-left: 0.25rem !important;
}
.pl-sm-2 {
padding-left: 0.5rem !important;
}
.pl-sm-3 {
padding-left: 1rem !important;
}
.pl-sm-4 {
padding-left: 1.5rem !important;
}
.pl-sm-5 {
padding-left: 3rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
.m-md-1 {
margin: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mx-md-0 {
margin-right: 0 !important;
margin-left: 0 !important;
}
.mx-md-1 {
margin-right: 0.25rem !important;
margin-left: 0.25rem !important;
}
.mx-md-2 {
margin-right: 0.5rem !important;
margin-left: 0.5rem !important;
}
.mx-md-3 {
margin-right: 1rem !important;
margin-left: 1rem !important;
}
.mx-md-4 {
margin-right: 1.5rem !important;
margin-left: 1.5rem !important;
}
.mx-md-5 {
margin-right: 3rem !important;
margin-left: 3rem !important;
}
.mx-md-auto {
margin-right: auto !important;
margin-left: auto !important;
}
.my-md-0 {
margin-top: 0 !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin-bottom: 0 !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
.my-md-1 {
margin-top: 0.25rem !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin-bottom: 0.25rem !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
.my-md-2 {
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.my-md-3 {
margin-top: 1rem !important;
margin-bottom: 1rem !important;
}
.my-md-4 {
margin-top: 1.5rem !important;
margin-bottom: 1.5rem !important;
}
.my-md-5 {
margin-top: 3rem !important;
margin-bottom: 3rem !important;
}
.my-md-auto {
margin-top: auto !important;
margin-bottom: auto !important;
}
.mt-md-0 {
margin-top: 0 !important;
}
.mt-md-1 {
margin-top: 0.25rem !important;
}
.mt-md-2 {
margin-top: 0.5rem !important;
}
.mt-md-3 {
margin-top: 1rem !important;
}
.mt-md-4 {
margin-top: 1.5rem !important;
}
.mt-md-5 {
margin-top: 3rem !important;
}
.mt-md-auto {
margin-top: auto !important;
}
.mr-md-0 {
margin-right: 0 !important;
}
.mr-md-1 {
margin-right: 0.25rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.mr-md-2 {
margin-right: 0.5rem !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
.mr-md-3 {
margin-right: 1rem !important;
}
.mr-md-4 {
margin-right: 1.5rem !important;
}
.mr-md-5 {
margin-right: 3rem !important;
}
.mr-md-auto {
margin-right: auto !important;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
.mb-md-1 {
margin-bottom: 0.25rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.mb-md-2 {
margin-bottom: 0.5rem !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
.mb-md-3 {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin-bottom: 1rem !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
.mb-md-4 {
margin-bottom: 1.5rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.mb-md-5 {
margin-bottom: 3rem !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
better UI for ping groups
2023-02-25 21:44:02 +00:00
.mb-md-5 {
margin-bottom: 5rem !important;
}
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
.mb-md-auto {
margin-bottom: auto !important;
}
.ml-md-0 {
margin-left: 0 !important;
}
.ml-md-1 {
margin-left: 0.25rem !important;
}
.ml-md-2 {
margin-left: 0.5rem !important;
}
.ml-md-3 {
margin-left: 1rem !important;
}
.ml-md-4 {
margin-left: 1.5rem !important;
}
.ml-md-5 {
margin-left: 3rem !important;
}
better UI for ping groups
2023-02-25 21:44:02 +00:00
.ml-md-6 {
margin-left: 5rem !important;
}
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
.ml-md-auto {
margin-left: auto !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.p-md-0 {
padding: 0 !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
.p-md-1 {
padding: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.px-md-0 {
padding-right: 0 !important;
padding-left: 0 !important;
}
.px-md-1 {
padding-right: 0.25rem !important;
padding-left: 0.25rem !important;
}
.px-md-2 {
padding-right: 0.5rem !important;
padding-left: 0.5rem !important;
}
.px-md-3 {
padding-right: 1rem !important;
padding-left: 1rem !important;
}
.px-md-4 {
padding-right: 1.5rem !important;
padding-left: 1.5rem !important;
}
.px-md-5 {
padding-right: 3rem !important;
padding-left: 3rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.py-md-0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
.py-md-1 {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.py-md-2 {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
}
.py-md-3 {
padding-top: 1rem !important;
padding-bottom: 1rem !important;
}
.py-md-4 {
padding-top: 1.5rem !important;
padding-bottom: 1.5rem !important;
}
.py-md-5 {
padding-top: 3rem !important;
padding-bottom: 3rem !important;
}
.pt-md-0 {
padding-top: 0 !important;
}
.pt-md-1 {
padding-top: 0.25rem !important;
}
.pt-md-2 {
padding-top: 0.5rem !important;
}
.pt-md-3 {
padding-top: 1rem !important;
}
.pt-md-4 {
padding-top: 1.5rem !important;
}
.pt-md-5 {
padding-top: 3rem !important;
}
.pr-md-0 {
padding-right: 0 !important;
}
.pr-md-1 {
padding-right: 0.25rem !important;
}
.pr-md-2 {
padding-right: 0.5rem !important;
}
.pr-md-3 {
padding-right: 1rem !important;
}
.pr-md-4 {
padding-right: 1.5rem !important;
}
.pr-md-5 {
padding-right: 3rem !important;
}
.pb-md-0 {
padding-bottom: 0 !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.pb-md-1 {
padding-bottom: 0.25rem !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
.pb-md-2 {
padding-bottom: 0.5rem !important;
}
.pb-md-3 {
padding-bottom: 1rem !important;
}
.pb-md-4 {
padding-bottom: 1.5rem !important;
}
.pb-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-0 {
padding-left: 0 !important;
}
.pl-md-1 {
padding-left: 0.25rem !important;
}
.pl-md-2 {
padding-left: 0.5rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.pl-md-3 {
padding-left: 1rem !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
.pl-md-4 {
padding-left: 1.5rem !important;
}
.pl-md-5 {
padding-left: 3rem !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
@media (min-width: 992px) {
.mx-lg-5 {
margin-right: 3rem !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.mx-lg-5 {
margin-left: 3rem !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.mx-lg-auto {
margin-right: auto !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.mx-lg-auto {
margin-left: auto !important;
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
restore all bootstrap css classes for desktop margins/padding
2023-02-19 08:56:06 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.text-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
WPD: add login required explanatory text.
2022-10-05 22:53:36 +00:00
.text-justify {
text-align: justify !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-center {
text-align: center !important;
}
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.font-weight-normal {
font-weight: 400 !important;
}
.font-weight-bold {
font-weight: 600 !important;
}
.font-weight-bolder {
font-weight: 700 !important;
}
.font-italic {
font-style: italic !important;
}
WPD: add login required explanatory text.
2022-10-05 22:53:36 +00:00
.font-underline {
text-decoration: underline !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.text-primary {
color: var(--primary) !important;
}
a.text-primary:hover, a.text-primary:focus {
color: #0056b3 !important;
}
.text-success {
color: #38A169 !important;
}
a.text-success:hover, a.text-success:focus {
color: #19692c !important;
}
.text-info {
color: #17a2b8 !important;
}
a.text-info:hover, a.text-info:focus {
color: #0f6674 !important;
}
.text-warning {
color: #ffc107 !important;
}
a.text-warning:hover, a.text-warning:focus {
color: #ba8b00 !important;
}
make /h/countryclub name be a rotating rainbow
2023-03-21 14:41:39 +00:00
.text-danger, :not(td) > a[href="/h/chudrama"] {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: #dc3545 !important;
}
make /h/countryclub name be a rotating rainbow
2023-03-21 14:41:39 +00:00
a.text-danger:hover, a.text-danger:focus, :not(td) > a[href="/h/chudrama"]:focus {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: #a71d2a !important;
}
.text-muted {
color: #6c757d !important;
}
.text-decoration-none {
text-decoration: none !important;
}
.text-break {
word-break: break-word !important;
overflow-wrap: break-word !important;
}
.visible {
visibility: visible !important;
}
.invisible {
visibility: hidden !important;
}
@media print {
*, *::before, *::after {
box-shadow: none !important;
}
a:not(.btn) {
text-decoration: underline;
}
abbr[title]::after {
content: " (" attr(title) ")";
}
pre {
white-space: pre-wrap !important;
}
pre {
border: 1px solid #adb5bd;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr, img {
page-break-inside: avoid;
}
p, h2, h3 {
orphans: 3;
widows: 3;
}
h2, h3 {
page-break-after: avoid;
}
@page {
size: a3;
}
body {
min-width: 992px !important;
}
.container {
min-width: 992px !important;
}
.navbar {
display: none;
}
.badge {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td, .table th {
background-color: #fff !important;
}
.table .thead-dark th {
color: inherit;
border-color: var(--gray-400);
}
}
html {
font-size: 14px;
}
@supports (font-variation-settings: normal) {
html {
font-family: "Inter var", sans-serif;
}
}
body {
color: var(--black);
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background));
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
p {
font-size: 14px;
}
pre {
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
word-wrap: break-word;
}
#settings, #submit {
padding-top: 98px;
background-color: var(--gray-600);
}
#page {
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background));
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#article {
padding-top: 0;
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background));
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#thread, #userpage {
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background));
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#article .navbar-light .navbar-nav .nav-link {
color: var(--black);
}
#article .navbar-light .navbar-nav .nav-link:hover {
background-color: transparent;
color: var(--primary);
}
#article .navbar-light .navbar-nav .nav-link:focus {
background-color: transparent;
color: var(--primary);
}
.article-title {
margin-bottom: 3rem;
font-weight: 600;
line-height: 3rem;
margin-top: 2rem;
}
#thread .custom-gutters {
padding: 0 10px;
}
.custom-gutters {
padding-left: 10px;
padding-right: 10px;
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 43px;
height: auto;
overflow-y: auto;
z-index: 4;
}
.text-lg {
font-size: 1.25rem !important;
}
.text-base {
font-size: 1rem !important;
}
.text-small {
font-size: 12px !important;
}
show price more prominently in award modal
2023-03-21 18:49:27 +00:00
@media (max-width: 768px) {
.text-small-sm {
font-size: 12px !important;
}
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.text-small-extra {
font-size: 10.1px !important;
}
#page p {
font-size: 16px;
}
a.dropdown-toggle:hover {
text-decoration: none;
}
ul.no-bullets {
list-style-type: none;
}
ol > li {
list-style-type: none;
counter-increment: count;
margin-bottom: 0.75rem;
}
ol > li::before {
content: counter(count) ".";
font-weight: 600;
margin-right: 0.5rem;
}
.footer .list-inline-item:not(:last-child) {
margin-right: 1.5rem;
}
[data-bs-toggle=collapse] .fa:before {
content: "\f139";
}
[data-bs-toggle=collapse].collapsed .fa:before {
content: "\f13a";
}
.btn {
font-weight: 600;
font-size: 1rem;
border-radius: 0.2rem;
}
.btn-lg {
font-size: 1rem;
}
.btn.disabled, .btn:disabled {
opacity: 0.5;
}
.btn-success, .btn-danger {
color: var(--white);
}
.btn.login, .btn.register {
height: calc(1.5em + 0.75rem + 2px);
border-radius: 0.35rem;
}
.tooltip {
font-weight: 600;
}
.tooltip-inner {
background-color: var(--white);
color: var(--dark);
}
.alert {
padding: 0.5rem 3rem 0.5rem 1rem;
}
.alert-dismissible .close {
padding: 0.5rem 1.25rem;
bottom: 0;
}
.alert-dismissible .close .fa, .alert-dismissible .close .fas, .alert-dismissible .close .far, .alert-dismissible .close .fab {
margin-right: 0rem;
}
.alert .fa, .alert .fas, .alert .far, .alert .fab {
margin-right: 0.5rem;
}
.toast {
font-size: 1rem;
font-weight: 600;
color: var(--black);
border: 0;
display: none;
position: fixed;
bottom: 1.5rem;
margin: 0 auto;
left: 1.5rem;
right: 0;
width: 300px;
z-index: 1041;
background-color: var(--dark);
}
.navbar-light {
background-color: var(--gray-500) !important;
box-shadow: 0 0.1px 2px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.1) !important;
}
.navbar-toggler-icon {
width: auto;
height: auto;
}
.navbar-toggler-icon, .navbar-dark .navbar-toggler-icon, .navbar-light .navbar-toggler-icon {
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: transparent;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.navbar-toggler, .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler {
border: none;
}
.navbar-expand-md .navbar-nav .nav-link {
padding-left: 1rem;
padding-right: 1rem;
}
#page .navbar-light .navbar-nav .nav-link {
color: var(--dark);
}
#page .navbar-light .navbar-nav .nav-link:hover {
background-color: transparent;
color: var(--primary);
}
.navbar-brand, .navbar-light .navbar-brand {
color: var(--primary);
font-weight: 600;
}
.navbar-dark .navbar-brand {
color: var(--white);
}
.navbar .text-white {
color: var(--white);
}
.tab-bar {
box-shadow: inset 0 -0.1px 0 var(--gray-400);
border-top-left-radius: 0.35rem;
border-top-right-radius: 0.35rem;
padding: 0.75rem 1rem 0 1rem;
background-color: var(--light);
z-index: 5;
}
.navbar-nav .nav-link {
padding: 0.25rem 0.5rem;
}
.navbar-expand-md .navbar-nav .nav-link {
padding: 0.25rem 0.5rem;
}
.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .nav-link:hover {
color: var(--black);
}
.navbar-light .navbar-nav .nav-link:hover {
border-radius: 0.35rem;
}
.navbar-light .navbar-nav .nav-link:focus {
background-color: rgba(0, 0, 0, 0.15);
border-radius: 0.35rem;
}
.navbar-light .navbar-nav .nav-link:active .fa, .navbar-light .navbar-nav .nav-link:active .fas, .navbar-light .navbar-nav .nav-link:active .far, .navbar-light .navbar-nav .nav-link:active .fab, .mobile-nav-icon:active .fas {
color: var(--primary) !important;
text-align: center;
font-size: 1rem;
}
.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab {
color: var(--white);
text-align: center;
font-size: 1rem;
}
.navbar-light .navbar-nav .btn-primary.nav-link {
color: var(--white);
}
.navbar-dark .navbar-nav .nav-link {
color: var(--white);
}
.navbar-dark .navbar-nav .nav-link:hover {
background-color: rgba(0, 0, 0, 0.15);
border-radius: 0.35rem;
}
.navbar-dark .navbar-nav .show > .nav-link:focus, .navbar-dark .navbar-nav .show > .nav-link:active, .navbar-dark .navbar-nav .show > .nav-link:hover {
background-color: var(--light);
border-radius: 0.35rem;
}
.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab {
color: var(--white);
text-align: center;
font-size: 1.25rem;
}
.navbar-dark .navbar-nav .show > .nav-link:focus .fa, .navbar-dark .navbar-nav .show > .nav-link:focus .fas, .navbar-dark .navbar-nav .show > .nav-link:focus .far, .navbar-dark .navbar-nav .show > .nav-link:focus .fab {
color: var(--black);
}
.navbar-dark .navbar-nav .nav-link:hover:active .fa, .navbar-dark .navbar-nav .nav-link:hover:active .fas, .navbar-dark .navbar-nav .nav-link:hover:active .far, .navbar-dark .navbar-nav .nav-link:hover:active .fab {
color: var(--white);
}
.post-nav .nav-link {
color: var(--muted);
font-size: 1rem;
font-weight: 600;
padding: 0.75rem 1rem;
}
.settings-nav .nav-link {
color: var(--gray-200);
font-weight: 400;
padding: 0.75rem 1rem;
}
.settings-nav .nav-item {
font-size: 1rem;
}
.post-nav > .nav-item > .nav-link.active {
color: var(--primary);
}
small cosmetic change
2022-10-30 20:07:56 +00:00
.settings-nav > .nav-item > .nav-link.active, .settings-nav > .nav-item > .nav-link:focus, .settings-nav > .nav-item > .nav-link:hover {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: var(--primary);
box-shadow: inset 0 -2px 0 var(--primary);
}
.post-nav .nav-link:hover, .post-nav .nav-link:focus, .settings-nav .nav-link:hover, .settings-nav .nav-link:focus {
color: var(--primary);
}
.post-nav .nav-link:hover .fa, .post-nav .nav-link:focus .fa, .post-nav .nav-link:hover .fas, .post-nav .nav-link:focus .fas, .post-nav .nav-link:hover .far, .post-nav .nav-link:focus .far, .post-nav .nav-link:hover .fab, .post-nav .nav-link:focus .fab {
color: var(--primary);
}
.post-nav > .nav-item > .nav-link.active .fa, .post-nav > .nav-item > .nav-link.active .fas, .post-nav > .nav-item > .nav-link.active .far, .post-nav > .nav-item > .nav-link.active .fab {
color: var(--primary);
}
.post-nav .fa, .post-nav .fas, .post-nav .far, .post-nav .fab, .post-nav .fal {
font-size: 12px;
margin-right: 0.5rem;
color: var(--muted);
}
.settings-nav > .nav-item > .nav-link.active {
color: var(--primary);
box-shadow: inset 0 -2px 0 var(--primary);
}
.settings-nav > .nav-item > .nav-link.active .fa, .settings-nav > .nav-item > .nav-link.active .fas, .settings-nav > .nav-item > .nav-link.active .far, .settings-nav > .nav-item > .nav-link.active .fab {
color: var(--primary);
}
.settings-nav .fa, .settings-nav .fas, .settings-nav .far, .settings-nav .fab, .settings-nav .fal {
font-size: 16px;
color: var(--muted);
}
.color-picker input[type=radio] {
display: none;
}
label.color-radio {
display: inline-block;
width: 25px;
height: 25px;
margin: 0.5rem 1rem 0.5rem 0;
cursor: pointer;
}
label.color-radio span {
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
text-align: center;
line-height: 2.25;
}
#page .nav-pills .nav-link {
border-radius: 0;
font-size: 1rem;
font-weight: 600;
color: var(--muted);
border-bottom: 2px solid transparent;
padding: 1rem 1.5rem;
}
#page .nav-pills .nav-link:hover {
color: var(--primary);
}
#page .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
color: var(--primary);
background-color: transparent;
transition: ease 0.25s;
border-bottom: 2px solid var(--primary);
}
#page .bg-light .nav-pills .nav-link.active, .bg-light .nav-pills .show > .nav-link {
color: var(--primary);
background-color: transparent;
transition: ease 0.25s;
border-bottom: 2px solid var(--primary);
}
.form-inline.search .form-control:hover, .form-inline.search .form-control:active, .form-inline.search .form-control:focus {
border-color: var(--primary);
}
.form-inline.search .form-control:active, .form-inline.search .form-control:focus {
background-color: var(--gray-900);
color: var(--black);
}
.form-inline.search .input-group-append .input-group-text .fa.fa-search {
color: var(--black);
}
.form-inline.search .form-control::placeholder {
color: var(--black);
}
.form-inline.search .form-control::-ms-input-placeholder {
color: var(--black);
}
.form-inline.search .form-control::-ms-input-placeholder {
color: var(--black);
}
.form-inline.search .form-control:active::placeholder, .form-inline.search .form-control:focus::placeholder {
color: var(--black);
}
.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder {
color: var(--black);
}
.form-inline.search .form-control:active::-ms-input-placeholder, .form-inline.search .form-control:focus::-ms-input-placeholder {
color: var(--black);
}
.form-control {
color: var(--muted);
border-color: var(--muted);
border-width: 2px;
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: #dee2e6;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
transition: none;
}
.form-control:disabled, [readonly] {
background-color: var(--dark) !important;
}
.form-control:hover {
color: var(--black);
background-color: var(--gray-600);
outline: 0;
border-color: var(--primary);
box-shadow: none;
}
.form-control:focus, .form-control:active {
color: var(--black);
background-color: var(--gray-900);
outline: 0;
border-color: var(--primary);
box-shadow: none;
}
.form-control::placeholder {
color: var(--black);
}
.form-control::-ms-input-placeholder {
color: var(--black);
}
.form-control::-ms-input-placeholder {
color: var(--black);
}
label {
font-weight: 600;
font-size: 12px;
letter-spacing: 0.025rem;
color: var(--black);
}
#login label {
color: var(--black);
}
label.terms {
font-weight: normal;
text-transform: none;
font-size: 13px;
color: var(--black);
vertical-align: middle;
padding: 0.1rem 0;
}
.dropdown-menu {
padding: 0.5rem;
color: var(--white);
background-color: var(--gray-600);
}
.dropdown-item {
padding: 0.5rem 1rem;
border-radius: 0.35rem;
color: var(--black);
use tabs, not spaces
2022-10-28 23:39:31 +00:00
transition: background .1s, transform .2s;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active {
color: var(--black);
text-decoration: none;
background-color: var(--gray-300);
}
.dropdown-item:active {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
transform: scale(0.95);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.dropdown-item:hover .fas, .dropdown-item:focus .fas, .dropdown-item.active .fas, .dropdown-item:hover .far, .dropdown-item:focus .far, .dropdown-item.active .far .dropdown-item:hover .fa, .dropdown-item:focus .fa, .dropdown-item.active .fa {
color: var(--black);
}
small, .small {
font-size: 12px;
}
.fa-rotate--45 {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.icon::before {
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
}
.format .fa-bold:hover, .format .fa-italic:hover, .format .fa-quote-right:hover, .format .fa-link:hover, .format .fa-image:hover {
color: var(--black);
}
.voting {
position: relative;
z-index: 2;
font-size: 12px;
font-weight: 600;
text-align: center;
word-break: keep-all;
min-width: 40px;
}
.voting.d-md-flex {
align-items: center;
flex-direction: column;
justify-content: center;
}
#thread .voting {
post: fix post vote horizontal content reflow (#131) Kindly, Currently, the vote count at the top left of any post reserves too little space leading to many reflow situations when we vote on it: * only happens on desktop version, considering the mobile website uses different layout/code * happens whenever our vote changes the count between 9 to 10 (?), 99 to 100, 999 to 1000. Also happens in more common situations like 81 to 82 and :marseymanysuchcases: I did a minimalist approach by removing the margin, reserving just enough width (values between -XXX and XXXX) and lowering the vote buttons to minimize hat collision. Arguably, the vote buttons look better with the PR, because they are centered with flairs (WPD) and less off-center on rdrama with post rewards, pfp, ... Net excess of ~10px, which I feel is borderline too much Thanks, granny Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/131 Co-authored-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net> Co-committed-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net>
2023-02-22 06:27:11 +00:00
min-width: 32px;
margin-right: 1px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#frontpage .voting, #search .voting, #userpage .voting {
margin: auto 0;
}
.active.arrow-up::before {
color: var(--primary);
}
.active-anim.arrow-up::before
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
color: var(--primary);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.arrow-up::before {
cursor: pointer;
font-size: 1.3rem;
color: var(--gray-200);
font-family: "font awesome 5 pro" !important;
font-weight: 900;
content: "\f357";
}
.arrow-up:hover::before {
/* color: var(--primary); */
/* opacity: 0.5; */
}
.arrow-up, .arrow-down
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
position: relative;
display: inline-block;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.active.arrow-down::before {
color: #38B2AC;
}
.arrow-down::before {
cursor: pointer;
font-size: 1.3rem;
color: var(--gray-200);
font-family: "font awesome 5 pro" !important;
font-weight: 900;
content: "\f354";
}
.comment-actions .arrow-up {
top: 0;
}
.comment-actions .arrow-down {
bottom: 0;
}
.upvoted .arrow-mobile-up {
color: var(--primary) !important;
}
.downvoted .arrow-mobile-down {
color: #38B2AC !important;
}
.score {
color: var(--black);
font-size: 1.1rem;
}
.score-up {
color: var(--primary);
font-size: 1.1rem;
}
.score-up-anim
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
color: var(--primary);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.score-down {
color: #38B2AC !important;
font-size: 1.1rem;
}
#voting .arrow-up,
.voting .arrow-up,
.voting .arrow-down
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
display: block;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.box-shadow-bottom {
box-shadow: inset 0 -0.1px 0 var(--gray-400);
}
.border-1 {
border-width: 0.1px;
border-style: solid;
}
.border-2 {
border-width: 2px;
border-style: solid;
}
.border-3 {
border-width: 3px;
border-style: solid;
}
.opacity-25 {
opacity: 0.25;
}
.pseudo-submit-form .card-header {
background-color: var(--gray-600) !important;
}
#frontpage .pseudo-submit-form.card, #search .search-results.card {
background-color: var(--gray-600);
border-radius: 0.35rem;
border: none;
}
#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 {
background-color: var(--light);
}
#frontpage .pseudo-submit-form.card .card-body .form-control:hover, #frontpage .pseudo-submit-form.card .card-body .form-control:active, #frontpage .pseudo-submit-form.card .card-body .form-control:focus {
background-color: var(--light);
}
.user-name {
color: inherit;
}
.banner-pic-135 {
object-fit: cover;
height: 135px;
max-width: 572px;
width: 572px;
}
.profile-pic {
width: 50px;
height: 50px;
border-radius: 50%;
margin: auto;
text-align: center;
Revert "try object-fit: contain for pfps instead "cover"" This reverts commit b9a9efcdf4655ce4d1c9cd4e4dfc12636653991a.
2022-11-12 10:32:31 +00:00
object-fit: cover;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: var(--white);
}
.navbar .navbar-nav .profile-pic {
display: inline-block;
width: 28px;
height: 28px;
}
.profile-pic-20, .pp20, img[src^="/uid/"], img[src^="/pp/"]:not(img[alt^=":"]) {
margin-right: 0.25rem !important;
width: 20px;
height: 20px;
border-radius: 50%;
text-align: center;
Revert "try object-fit: contain for pfps instead "cover"" This reverts commit b9a9efcdf4655ce4d1c9cd4e4dfc12636653991a.
2022-11-12 10:32:31 +00:00
object-fit: cover;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.profile-pic-25 {
width: 25px;
height: 25px;
border-radius: 50%;
text-align: center;
Revert "try object-fit: contain for pfps instead "cover"" This reverts commit b9a9efcdf4655ce4d1c9cd4e4dfc12636653991a.
2022-11-12 10:32:31 +00:00
object-fit: cover;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.profile-pic-30 {
width: 30px;
height: 30px;
border-radius: 50%;
text-align: center;
Revert "try object-fit: contain for pfps instead "cover"" This reverts commit b9a9efcdf4655ce4d1c9cd4e4dfc12636653991a.
2022-11-12 10:32:31 +00:00
object-fit: cover;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.profile-pic-35 {
width: 35px;
height: 35px;
border-radius: 50%;
text-align: center;
Revert "try object-fit: contain for pfps instead "cover"" This reverts commit b9a9efcdf4655ce4d1c9cd4e4dfc12636653991a.
2022-11-12 10:32:31 +00:00
object-fit: cover;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.profile-pic-50 {
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
Revert "try object-fit: contain for pfps instead "cover"" This reverts commit b9a9efcdf4655ce4d1c9cd4e4dfc12636653991a.
2022-11-12 10:32:31 +00:00
object-fit: cover;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.profile-pic-65 {
width: 65px;
height: 65px;
border-radius: 50%;
text-align: center;
Revert "try object-fit: contain for pfps instead "cover"" This reverts commit b9a9efcdf4655ce4d1c9cd4e4dfc12636653991a.
2022-11-12 10:32:31 +00:00
object-fit: cover;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.profile-pic-75 {
width: 75px;
height: 75px;
border-radius: 50%;
text-align: center;
Revert "try object-fit: contain for pfps instead "cover"" This reverts commit b9a9efcdf4655ce4d1c9cd4e4dfc12636653991a.
2022-11-12 10:32:31 +00:00
object-fit: cover;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.profile-pic-100 {
width: 100px;
height: 100px;
border-radius: 50%;
text-align: center;
Revert "try object-fit: contain for pfps instead "cover"" This reverts commit b9a9efcdf4655ce4d1c9cd4e4dfc12636653991a.
2022-11-12 10:32:31 +00:00
object-fit: cover;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.profile-pic-20-wrapper,
.profile-pic-30-wrapper,
.profile-pic-35-wrapper,
.profile-pic-50-wrapper,
.profile-pic-65-wrapper,
.profile-pic-75-wrapper,
.profile-pic-100-wrapper {
display: inline-block;
position: relative;
vertical-align: middle;
}
.profile-pic-20-hat,
.profile-pic-30-hat,
.profile-pic-35-hat,
.profile-pic-50-hat,
.profile-pic-65-hat,
.profile-pic-75-hat,
.profile-pic-100-hat {
position: absolute;
left: 0;
bottom: 0;
}
.profile-pic-20-wrapper { width: 20px; height: 20px; }
.profile-pic-30-wrapper { width: 30px; height: 30px; }
.profile-pic-35-wrapper { width: 35px; height: 35px; }
.profile-pic-50-wrapper { width: 50px; height: 50px; }
.profile-pic-65-wrapper { width: 65px; height: 65px; }
.profile-pic-75-wrapper { width: 75px; height: 75px; }
.profile-pic-100-wrapper { width: 100px; height: 100px; }
.profile-pic-20-hat { width: 20px; }
.profile-pic-30-hat { width: 30px; }
.profile-pic-35-hat { width: 35px; }
.profile-pic-50-hat { width: 50px; }
.profile-pic-65-hat { width: 65px; }
.profile-pic-75-hat { width: 75px; }
.profile-pic-100-hat { width: 100px; }
@media (min-width: 767.98px) {
.profile-pic-20-hat {
bottom: -2.7px;
}
}
.profile--pfp--hat {
margin-top: 20px;
}
.card-header:first-child {
border-radius: 0.35rem 0.35rem 0 0;
}
.card-header {
font-size: 1rem;
font-weight: 600;
color: var(--black);
padding: 0.5rem 1rem;
border-bottom: 0.1px solid var(--gray-400);
}
.card-thumbnail {
display: flex;
align-items: center;
}
.card-thumbnail > a {
position: relative;
}
.card-block {
position: relative; /* fixes stretched-link in card view */
}
.card {
background-color: var(--gray-900);
}
#thread .card {
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background));
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#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, #userpage .posts .card, #search .posts .card {
border-width: 0.1px;
css change
2022-11-28 23:50:23 +00:00
border-color: #303030;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
border-style: solid;
border-radius: 0;
padding: 0.5rem;
}
#frontpage .posts .card:hover, #userpage .posts .card:hover, #search .posts .card:hover {
background-color: var(--gray-600);
}
.post-title {
font-size: 16px;
font-weight: 600;
word-break: break-word;
overflow: hidden;
}
.post-title a {
color: var(--black);
}
.post-title a:hover, .post-title a:active, .post-title a:focus {
text-decoration: none;
color: var(--primary);
}
#frontpage .post-title a {
color: var(--black);
}
#frontpage .post-title a:hover, #frontpage .post-title a:active, #frontpage .post-title a:focus {
text-decoration: none;
color: var(--black);
}
.stretched-link a:hover {
color: #6f42c1;
}
.post-meta {
position: relative;
z-index: 2;
color: var(--muted);
font-size: 12px;
improve submission listing spacing
2022-11-10 05:56:50 +00:00
width: 100%;
overflow: scroll -> auto
2023-06-29 21:35:42 +00:00
overflow-x: auto;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
css: fix alignment on ghost posts
2022-11-25 17:49:37 +00:00
minor cosmetic fix for ghost posts
2023-02-08 03:15:52 +00:00
.posts .ghost-post .post-meta {
css: fix alignment on ghost posts
2022-11-25 17:49:37 +00:00
height: 30px;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.sub-flair {
padding: 3px 5px 2px 5px;
border-radius: 5px;
color: white;
background-color: var(--primary);
margin-right: 3px;
font-weight: bold;
}
.sub-flair:hover {
color: var(--white);
text-decoration: none;
}
.post-meta-domain {
rename submissions to posts
2023-06-07 23:26:32 +00:00
/* fixes very long domains overflowing post_listing */
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
display: inline-block;
max-width: 20em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
vertical-align: middle;
}
#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;
}
.post-body {
word-break: break-word;
overflow: hidden;
}
.modal-backdrop.show {
opacity: 1;
background-color: rgba(30, 30, 30, 0.9);
}
.modal-backdrop {
background-color: transparent;
}
.modal-header {
border-bottom: none;
border-top-left-radius: 0.35rem;
border-top-right-radius: 0.35rem;
padding: 0.5rem 1rem;
box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05);
}
.modal-header .close {
padding: 1.25rem 1rem 1.25rem 0.5rem;
}
.modal-content {
border: none;
background-color: var(--gray-400);
border-radius: 0.35rem;
box-shadow: 0 0.1px 3px rgba(190, 113, 113, 0.05), 0 0 0 0.1px rgba(0, 0, 0, 0.05);
}
.modal-footer {
border: none;
border-bottom-right-radius: 0.35rem;
border-bottom-left-radius: 0.35rem;
}
.modal .post-actions .list-group-item {
border: none;
border-radius: 0.35rem;
background-color: var(--gray-400);
}
.modal .post-actions .list-group-item:focus, .modal .post-actions .list-group-item:hover {
background-color: var(--gray-300);
}
.modal .post-actions .fa, .modal .post-actions .fas, .modal .post-actions .far {
width: 1.25rem;
font-size: 1rem;
}
.post-actions .fa, .post-actions .fas, .post-actions .far {
font-size: 12px;
margin-right: 0.5rem;
width: 1rem;
}
.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far {
color: inherit;
}
.post-actions .dropdown-item:active .fa, .post-actions .dropdown-item:active .fas {
color: var(--black);
}
.post-actions .dropdown-item:hover .fa, .post-actions .dropdown-item:hover .fas {
color: var(--gray);
}
.post-actions:hover, .post-actions:focus {
z-index: 4;
}
.post-actions .copy-link:hover {
color: var(--black);
}
.post-actions .fas.fa-ellipsis-h, .post-actions .far.fa-ellipsis-h {
font-size: 1.25rem;
vertical-align: middle;
}
.post-actions .list-inline {
margin-bottom: 0;
}
.post-actions .list-inline .list-inline-item {
Fix post actions staggered vertically uneven.
2022-11-06 06:17:18 +00:00
margin-right: 0.75rem;
margin-left: 0rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.post-actions .list-inline .list-inline-item:last-child {
margin-right: 0;
}
.close .far, .close .fab, .close .fal, .close .fas {
font-size: 1.25rem;
}
@media (max-width: 767.98px) {
.modal-dialog {
margin: auto;
max-width: 80%;
}
}
.dropdown-actions {
position: relative;
color: var(--muted);
font-weight: 600;
font-size: 12px;
}
.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far {
font-size: 12px;
color: var(--muted);
margin-right: 0.5rem;
width: 1rem;
text-align: center;
}
.dropdown-actions .voting .fa, .dropdown-actions .voting .fas, .dropdown-actions .voting .far {
color: inherit;
}
.dropdown-actions .dropdown-item:active .fa, .dropdown-actions .dropdown-item:active .fas {
color: var(--black);
}
.dropdown-actions .dropdown-item:hover .fa, .dropdown-actions .dropdown-item:hover .fas {
color: var(--black);
}
.dropdown-actions a:hover .fa, .dropdown-actions a:hover .fas {
color: var(--black);
}
.dropdown-actions:hover, .dropdown-actions:focus {
z-index: 4;
}
.dropdown-actions .copy-link:hover {
color: var(--black);
}
.dropdown-actions .fas.fa-ellipsis-h, .dropdown-actions .far.fa-ellipsis-h {
font-size: 1.25rem;
vertical-align: middle;
}
.dropdown-actions .list-inline {
margin-bottom: 0;
}
.dropdown-actions .list-inline .list-inline-item {
margin-right: 1rem;
}
.dropdown-actions .list-inline .list-inline-item:last-child {
margin-right: 0;
}
.page-link {
font-weight: 900;
fix this https://rdrama.net/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/4088456#context
2023-05-03 16:11:08 +00:00
background-color: transparent;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
border: 0.1px solid #343a40;
}
add page numbers to the frontpage
2023-05-01 19:50:32 +00:00
.page-link.active {
spaces -> tabs
2023-05-02 16:15:46 +00:00
background-color: var(--primary);
use background color in pages
2023-05-04 16:55:24 +00:00
color: rgb(var(--background));
add page numbers to the frontpage
2023-05-01 19:50:32 +00:00
}
.page-link:not(.dots):hover {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
background-color: var(--gray-100);
}
.page-item.disabled .page-link {
font-weight: 600;
background-color: var(--dark);
border: 0.1px solid #343a40;
opacity: 0.5;
}
@media (max-width: 767.98px) {
.post-actions .list-inline .list-inline-item {
margin-right: 1.5rem;
margin-top: auto;
margin-bottom: auto;
}
.post-actions .list-inline .list-inline-item:last-child {
margin-right: 0;
}
}
.post-actions .list-inline .list-inline-item .dropdown-item {
font-size: 1rem;
}
.post-actions .list-inline .list-inline-item .dropdown-item:active {
color: var(--white);
}
Fix submission listing actions covered by link.
2022-11-01 10:06:54 +00:00
.post-actions {
position: relative;
improve submission listing spacing
2022-11-10 05:56:50 +00:00
display: flex;
}
.post-actions .list-inline {
flex: none;
Fix submission listing actions covered by link.
2022-11-01 10:06:54 +00:00
}
improve submission listing spacing
2022-11-10 05:56:50 +00:00
@media (max-width: 767.98px) {
.post-actions .list-inline {
flex: auto;
}
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.post-actions a, .post-actions button {
color: var(--gray-100);
convert more <a> tags to <button> tags
2022-10-28 23:09:06 +00:00
font-weight: 600;
font-size: 12px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
text-decoration: none;
text-transform: none;
Fix post actions staggered vertically uneven.
2022-11-06 06:17:18 +00:00
padding-left: 0.25rem;
padding-right: 0.25rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
convert more <a> tags to <button> tags
2022-10-28 23:09:06 +00:00
.post-actions a:hover, .post-actions button:hover {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: var(--black);
}
.post-actions .dropdown-item:hover {
color: var(--black);
}
.post-img {
width: 100px;
height: 70px;
object-fit: cover;
border: 0.1px solid var(--primary);
border-radius: 0.35rem;
z-index: 2;
background-color: var(--gray-300);
}
@media (max-width: 767.98px) {
.post-img {
width: 80px;
height: 60px;
}
}
rename flags to reports
2023-06-23 16:49:23 +00:00
.post-actions .comments, .post-actions .share, .post-actions .report {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin-right: 0.5rem;
vertical-align: top;
}
.time-stamp, .points {
color: var(--muted);
}
.comments-count {
display: flex;
}
.comments-count .total {
font-weight: 600;
font-size: 12px;
color: var(--muted);
}
.comment {
display: flex;
position: relative;
margin-top: 2rem;
padding-left: 12px;
}
#notifications .comment, #userpage .comment {
margin-top: 0.5rem;
margin-bottom: 1rem;
}
#notifications .comment:last-child, #userpage .comment:last-child {
margin-bottom: 0;
}
.comment .comment-body {
width: 100%;
}
.comment .comment-body .user-info {
font-size: 12px;
color: var(--muted);
margin-bottom: 0.25rem;
margin-top: -0.25rem;
padding-top: 10px;
}
.comment .comment-body .user-name {
color: var(--black);
}
.comment .comment-body .comment-text {
margin-bottom: 1rem;
word-break: break-word;
color: var(--black);
overflow: hidden;
padding-right: 10px !important;
padding-top: 10px !important;
}
.modal .comment-actions .list-group-item {
border: none;
border-radius: 0.35rem;
background-color: var(--gray-400);
}
.modal .comment-actions .list-group-item:focus, .modal .comment-actions .list-group-item:hover {
background-color: var(--gray-300) !important;
}
.modal .comment-actions .fa, .modal .comment-actions .fas, .modal .comment-actions .far {
width: 1.25rem;
font-size: 1rem;
}
.comment-section {
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background));
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.comment p {
word-break: break-word;
}
.comment-actions {
font-weight: 600;
font-size: 12px;
margin-bottom: 0;
}
.comment-actions .fa, .comment-actions .fas, .comment-actions .far {
font-size: 12px;
margin-right: 0.25rem;
margin-left: 0.25rem;
color: var(--gray-100);
}
@media (min-width: 768px) {
.comment-actions .fa, .comment-actions .fas, .comment-actions .fa {
margin-right: 0.5rem;
margin-left: 0;
}
}
.comment-actions .dropdown-item:active .fa, .comment-actions .dropdown-item:active .fas, .comment-actions .dropdown-item:active .far {
color: var(--black);
}
.comment-actions .dropdown-item:hover .fa, .comment-actions .dropdown-item:hover .fas, .comment-actions .dropdown-item:hover .far {
color: var(--black);
}
.comment-actions .fas.fa-ellipsis-h {
font-size: 1.25rem;
vertical-align: bottom;
}
.comment-actions .list-inline {
margin-bottom: 0;
}
.comment-actions .list-inline li .btn, .comment-actions .list-inline .btn {
margin-right: 0.5rem;
box-shadow: none;
border: none;
font-size: 12px;
}
.comment-actions .list-inline .list-inline-item .dropdown-item {
font-size: 12px;
}
.comment-actions .list-inline .list-inline-item .dropdown-item:active {
color: var(--black);
}
.comment-actions .dropdown-item:hover {
color: var(--black);
}
ul.comment-section {
padding-left: 0;
margin-bottom: 0;
}
.comment-write {
position: relative;
}
.comment-write.child {
margin-top: 1rem;
}
.comment-write.collapsed textarea:focus, .comment-write.collapsed textarea:active {
background-color: var(--gray-900);
}
.comment-write.collapsed textarea {
width: 100%;
box-sizing: border-box;
padding: 0.5rem 0.75rem;
min-height: 84px;
}
.comment-format, .ghostdiv {
display: flex;
align-items: center;
bottom: 0;
left: 0;
padding: 0.5rem 0 0 0;
width: 100%;
z-index: 1;
}
fix this https://stupidpol.site/h/meta/post/134631/im-too-lazy-to-test-so/3311840#context
2022-12-27 06:30:33 +00:00
.format {
minor format css changes
2022-12-30 08:06:00 +00:00
padding: 0.3rem 0.4rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 1rem;
color: var(--gray-200);
}
fix this https://stupidpol.site/h/meta/post/134631/im-too-lazy-to-test-so/3311840#context
2022-12-27 06:30:33 +00:00
.format:hover {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: var(--black);
}
.comment .comment-collapse-icon:hover::before {
border-left-color: var(--primary);
}
.comment.collapsed .comment-collapse-icon::before {
content: "\f055";
font-family: "font awesome 5 pro" !important;
font-weight: 900;
border-left: none;
top: -0.1px;
left: -3px;
make collapse icon bigger
2022-12-01 18:31:34 +00:00
font-size: 14px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.comment.collapsed .comment-collapse-icon:hover::before {
color: var(--primary);
}
.comment.collapsed .comment-body p.text, .comment.collapsed div.comment-text, .comment.collapsed .comment-actions, .comment.collapsed .comment-write, .comment.collapsed .comment {
display: none;
}
.comment.collapsed .user-info {
margin-bottom: 0;
}
.comment.collapsed .profile-pic-30 {
opacity: 0.5;
}
.comment.collapsed .comment-body {
opacity: 0.5;
}
.comment.collapsed .comment-body:hover {
opacity: 1;
}
#login {
padding-top: 0;
height: 100%;
Fix signup overflowing on mobile, and related.
2022-12-02 23:32:31 +00:00
overflow-x: hidden;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
background-color: var(--light);
}
.splash-wrapper {
position: relative;
width: 100%;
height: 100%;
font-size: 0;
}
.splash-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(127, 127, 127, 0.25);
background-image: linear-gradient(135deg, rgba(30, 30, 36, 0.1) 0%, var(--primary) 150%);
}
.splash-img {
height: 100%;
width: 100%;
background-size: cover;
background-position: bottom;
object-fit: cover;
}
.pagination {
padding: 1rem 0;
}
.table .thead-dark th {
color: var(--muted);
font-size: 12px;
text-transform: uppercase;
border: none;
}
.settings .settings-section {
margin-bottom: 3rem;
border: 0.1px solid var(--gray-400);
border-radius: 0.35rem;
overflow: hidden;
}
.settings .settings-section .title, .settings .settings-section .body, .settings .settings-section .footer {
padding: 1rem;
}
.settings .settings-section .title p:last-of-type {
margin-bottom: 0;
}
.settings .settings-section .footer {
background-color: var(--secondary);
}
.modal .profile-actions .list-group-item {
border: none;
border-radius: 0.35rem;
}
.modal .profile-actions .list-group-item:focus, .modal .profile-actions .list-group-item:hover {
background-color: var(--gray-200);
}
.modal .profile-actions a {
color: var(--black);
font-size: 1rem;
}
.modal .profile-actions .fa, .modal .profile-actions .fas, .modal .profile-actions .far {
width: 1.25rem;
font-size: 1rem;
}
.profile-actions a {
color: var(--gray);
text-decoration: none;
font-size: 12px;
}
.profile-actions .fa, .profile-actions .fas, .profile-actions .far {
font-size: 12px;
color: var(--gray);
}
.profile-actions .dropdown-item:hover {
color: var(--black);
}
.profile-actions .dropdown-item {
font-size: 13px;
}
.profile-actions .dropdown .dropdown-menu .dropdown-item .fa, .profile-actions .dropdown .dropdown-menu .dropdown-item .fas, .profile-actions .dropdown .dropdown-menu .dropdown-item .far {
font-size: 12px;
color: var(--gray);
width: 1rem;
margin-right: 0.5rem;
text-align: center;
}
.profile-actions .dropdown-item:active .fa, .profile-actions .dropdown-item:active .fas, .profile-actions .dropdown-item:active .far {
color: var(--black);
}
.profile-actions .dropdown-item:hover .fa, .profile-actions .dropdown-item:hover .fas, .profile-actions .dropdown-item:active .far {
color: var(--black);
}
make text gold when owned all hats
2022-10-08 17:44:39 +00:00
.profile-owned-all-hats {
color: gold;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
#page .footer h1, #page .footer h2, #page .footer h3, #page .footer h4, #page .footer h5, #page .footer h6, #article .footer h1, #article .footer h2, #article .footer h3, #article .footer h4, #article .footer h5, #article .footer h6 {
font-weight: 600;
}
#page .footer a, #article .footer a {
color: var(--white);
opacity: 0.8;
}
#page .footer li, #article .footer li {
padding: 0.25rem 0;
}
.footer .list-inline-item {
font-weight: 400;
}
.footer a {
text-decoration: none;
color: var(--muted);
}
.footer a:hover, .footer a:focus, .footer a:active {
text-decoration: underline;
}
.border-top {
border-top: 1px solid var(--gray-400) !important;
}
.border-bottom {
border-bottom: 1px solid var(--gray-400) !important;
}
.border-left {
border-left: 1px solid var(--gray-400) !important;
}
.border-bottom-0 {
border-bottom: 0 !important;
}
.border {
border: 1px solid var(--gray-400) !important;
}
.border-0 {
border: none !important;
}
.rounded {
border-radius: 0.35rem;
}
account linking improvements (#448) currently account delinking is very messy and can sometimes just not work we do codey stuff so it's not as bad also we create a pretty page for mops to mop up borked account links * alts: allow proper delinking * fix prev commit * url fix * fix 500 * fixes * :pepodrool: * flag * :pepodrool: redux * sdsdsdsds * correct endpoint * fix html page * alts: only adjust session history if flag is set * fix 500 * allow relinking * fsdsds * :pepodrool: redux * alts: don't fail if an alt isn't history * use postToastSwitch + some API changes * remove unnecessary variables * d-none * delink accounts mod action * fa-link-slash * alts: add form to create alt * remove copied and pasted template * rounded section * UI improvement + fix * \n * fix status * admin: remove duplicate route admin: do a permissions check on 2 pages that need it admin: set the manual flag for manually flagged alts * variable change * fix 500 * alts * add shadowban icon to alt link tool * shadowbanned tooltip * add user info section * fix 500, remove unnecessary form, and add alt votes button * trans and also link to page * margin * sdsdsd * stop the count * fix prev commit * with ctx * plural * alts * don't show shadowbanned users to those who can't see them this is... extremely rare and won't ever be seen in production however if perms were ever rearranged in the future, this keeps permissions correct * shadowban check in alt list * let shadow realm enthusiasts see shadowban alts * sdsdsds * test * be graceful where needed * sdsdsdsds * alts: don't allow adding the same account alts: clarify wording * rename and reorder on admin panel * EOL * remove frankly unnecessary check * try with a set * test * Revert "try with a set" This reverts commit 72be353fba5ffa39b37590cc5d3bf584c94ee06e. * Revert "Revert "try with a set"" This reverts commit 81e41890a192e8b46d0463477998e905fddf56ba. * Revert "Revert "Revert "try with a set""" This reverts commit be51592135a3c09848f993f0154bd2ac862ae505. * clean up test
2022-11-14 17:32:13 +00:00
.rounded-section {
margin-bottom: 3rem;
border: .1px solid var(--gray-400);
border-radius: .35rem;
overflow: hidden;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.rounded-circle {
border-radius: 50%;
}
@media (min-width: 768px) {
.border-md {
border: 1px solid var(--gray-400) !important;
}
.border-md-0 {
border: none !important;
}
.rounded-md {
border-radius: 0.35rem;
}
}
@media (min-width: 992px) {
.rounded-lg {
border-radius: 0.35rem;
}
}
@media (min-width: 992px) {
.w-lg-25 {
width: 25% !important;
}
.w-lg-75 {
width: 75% !important;
}
.w-lg-95 {
width: 95% !important;
}
.w-lg-100 {
width: 100% !important;
}
}
rename submissions to posts
2023-06-07 23:26:32 +00:00
.post .body {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
padding: 1rem;
}
rename submissions to posts
2023-06-07 23:26:32 +00:00
.post .footer {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
background-color: transparent;
padding: 1rem;
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
}
.custom-control-label {
font-weight: 600;
font-size: 1rem;
letter-spacing: 0;
color: var(--black);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
background-color: var(--primary);
border: 0.1px solid #6f42c1;
}
.custom-switch {
padding-left: 2.25rem;
padding-bottom: 1rem;
}
.custom-switch .custom-control-label {
padding-top: 0.5rem;
padding-left: 2rem;
padding-bottom: 0.1rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
opacity: 1;
background-color: var(--primary);
border: #38A169 solid 0.1px;
}
.custom-control-input:checked ~ .custom-control-label:hover::before {
opacity: 1;
}
.custom-switch .custom-control-label::before {
left: -2.25rem;
height: 1.5rem;
width: 2.75rem;
pointer-events: all;
border-radius: 1rem;
background-color: var(--gray-100);
border: #f8f9fa solid 0.1px;
opacity: 0.7;
}
.custom-switch .custom-control-label:hover::before {
opacity: 0.85;
}
.custom-switch .custom-control-label::after {
top: calc(0.25rem + 2px);
left: calc(-2.25rem + 2px);
width: calc(1.5rem - 4px);
height: calc(1.5rem - 4px);
minor css fix
2023-03-21 11:43:24 +00:00
background-color: #000;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
border-radius: 2rem;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label::after {
transition: none;
}
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
background-color: var(--white);
-webkit-transform: translateX(1.25rem);
transform: translateX(1.25rem);
}
pre code {
word-break: break-word;
white-space: break-spaces;
color: var(--primary);
}
pre ol > li {
margin-bottom: 0;
}
pre ol > li::before {
color: var(--white);
font-weight: 400;
background-color: transparent;
right: 1rem;
padding: 0.25rem;
text-align: right;
margin-right: 0.5rem;
width: 3rem;
}
pre .str, code .str {
color: #38A169;
opacity: 0.75;
}
pre .com, code .com {
color: #ab4bc3;
}
@media (max-width: 991.98px) {
body {
Fix PWA top padding (#163) Co-authored-by: borntolurk <borntolurk@rdrama.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/163 Co-authored-by: borntolurk <borntolurk@noreply.fsdfsd.net> Co-committed-by: borntolurk <borntolurk@noreply.fsdfsd.net>
2023-07-01 22:14:59 +00:00
padding-top: calc(var(--safe-area-inset-top) + 74.55px);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
}
.modal-backdrop.show
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
background-color: rgba(33, 38, 45, .8);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
@media (max-width: 767.98px) {
html {
font-size: 14px;
}
.container {
overflow: hidden;
max-width: none;
}
body, #settings, #notifications, #submit {
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background));
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#thread, #userpage {
background-color: var(--gray-600);
}
.custom-gutters, .user-gutters {
minor padding change
2022-12-10 15:22:29 +00:00
padding-left: 0;
padding-right: 0;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.navbar.bg-primary {
background-color: var(--dark) !important;
}
.navbar-nav {
height: 100vh;
}
.navbar-nav .nav-link, .navbar-expand-md .navbar-nav .nav-link {
padding: 0.5rem;
}
.navbar-dark .navbar-nav .nav-link:hover {
background-color: transparent;
border-radius: 0;
}
.navbar-dark .navbar-nav .nav-link:active {
background-color: rgba(0, 0, 0, 0.15);
border-radius: 0;
}
.navbar-dark .navbar-nav .nav-link .fa, .navbar-dark .navbar-nav .nav-link .fas, .navbar-dark .navbar-nav .nav-link .far, .navbar-dark .navbar-nav .nav-link .fab {
font-size: 1rem;
}
.navbar-light .navbar-nav .nav-link .fa, .navbar-light .navbar-nav .nav-link .fas, .navbar-light .navbar-nav .nav-link .far, .navbar-light .navbar-nav .nav-link .fab {
color: var(--primary);
font-size: 1.25rem;
}
#fixed-bar-mobile {
box-shadow: none;
}
.mobile-nav-icon {
padding: 0.25rem 0.6rem;
}
#thread, #submit {
background-color: var(--light);
}
#search .search-results.card {
border-bottom: 0.1px solid var(--gray-400);
border-width: 0 0 0.1px 0;
border-radius: 0;
}
#frontpage .posts .card, #userpage .posts .card, #search .posts .card {
padding: 7px;
}
#frontpage .posts .card:first-of-type, #userpage .posts .card:first-of-type, #search .posts .card:first-of-type {
border-radius: 0;
}
#frontpage .posts .card, #userpage .posts .card, #search .posts .card, #userpage .posts .card {
background-color: var(--gray-600);
}
#frontpage .posts .card:hover .post-title a, #search .posts .card:hover .post-title a {
color: var(--primary);
}
#frontpage .posts .card .post-img, #search .posts .card .post-img {
z-index: 3;
}
.toast {
bottom: 1.5rem;
margin: 0 auto;
left: 0;
right: 0;
}
#thread .card {
background-color: var(--gray-600);
}
.card {
background-color: var(--gray-600);
}
.posts, #thread #main-content-col {
box-shadow: none;
border: none;
border-radius: 0;
}
#thread #main-content-col {
margin: 0;
}
.post-title a {
color: var(--black);
}
.post-title a:hover, .post-title a:active, .post-title a:focus {
color: var(--primary);
}
#thread .voting {
min-width: 0;
margin-right: 0;
margin-top: 0;
}
.voting {
font-weight: 400;
font-size: 1.2rem;
}
#frontpage .voting, #search .voting, #userpage .voting {
margin: 0;
}
.post-title {
font-size: 14px;
font-weight: 400;
line-height: normal;
overflow: hidden;
}
.post-meta {
font-size: 1rem;
padding-left: 3px;
}
.post-actions .fa, .post-actions .fas, .post-actions .far {
font-size: 1rem;
}
.post-actions .voting .fa, .post-actions .voting .fas, .post-actions .voting .far {
font-size: 1.25rem;
}
.arrow-up::before, .arrow-down::before, .arrow-up:hover::before, .arrow-down:hover::before {
font-size: 1.5rem;
color: var(--gray-200);
opacity: 1;
use tabs, not spaces
2022-10-28 23:39:31 +00:00
}
#voting .arrow-up,
.voting .arrow-up,
.voting .arrow-down
{
display: inline-block;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.active.arrow-up::before, .active.arrow-up:hover::before {
color: var(--primary);
}
.active.arrow-down::before, .active.arrow-down:hover::before {
color: #38B2AC;
}
.dropdown-actions a {
font-size: 1rem;
}
.dropdown-actions .fa, .dropdown-actions .fas, .dropdown-actions .far {
font-size: 1rem;
}
.comment-section {
background-color: var(--gray-600);
}
.comment {
fix this https://stupidpol.site/h/changelog/post/153683/did-this/3763064#context
2023-03-11 12:17:21 +00:00
padding-left: 0;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin-top: 1.5rem;
}
.comment.collapsed .user-info {
padding-top: 0.5rem;
}
.comment.collapsed .comment-body:hover {
opacity: 0.5;
}
.banner-pic-135 {
max-width: 100%;
}
.x-scroll-parent {
overflow: hidden;
}
.x-scroll {
width: 100%;
overflow-x: auto;
white-space: nowrap;
}
#thread .post-title {
font-size: 16px;
}
rename submissions to posts
2023-06-07 23:26:32 +00:00
#submit .post {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
border: none;
}
rename submissions to posts
2023-06-07 23:26:32 +00:00
#submit .post .body {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
padding: 0;
}
rename submissions to posts
2023-06-07 23:26:32 +00:00
#submit .post .footer {
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: transparent;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
padding: 1rem 0;
}
.footer .list-inline-item {
line-height: 3;
}
.comments-count .total {
font-weight: 400;
font-size: 1rem;
}
.comment-actions {
font-weight: 400;
font-size: 1.2rem;
}
.user-name {
font-weight: 400;
}
.comment .comment-body .user-name {
color: var(--black);
font-weight: 600;
}
.pagination {
padding: 1rem;
}
input[type=color], input[type=date], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select:focus, textarea {
font-size: 16px !important;
}
textarea, input[type=text] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
}
.bg-white {
background-color: var(--gray-600) !important;
}
.text-muted {
color: var(--muted) !important;
}
.text-primary {
color: var(--primary) !important;
}
.text-gray-400, .text-gray-500 {
color: var(--gray-200) !important;
}
span.red {
color: var(--primary);
}
span.green {
color: #38A169;
}
.banned {
background-color: #960000 !important;
border-left: 10px solid #ff0000 !important;
}
.deleted {
background-color: #4a4a15 !important;
border-left: 10px solid #4a4a15 !important;
}
.deleted.banned {
background-color: #964000 !important;
border-left: 10px solid #964000 !important;
}
comments overhaul
2023-03-24 16:30:27 +00:00
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.text-admin {
color: var(--primary);
}
.spoiler, spoiler {
hide unicode emojis in spoilers
2023-06-22 16:25:27 +00:00
color: transparent !important;
fix spoilers on some themes
2023-02-02 04:03:26 +00:00
background-color: var(--white) !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-weight: 600 !important;
padding: 1px 3px 1px 3px;
better cursor for spoiler
2023-03-11 05:15:07 +00:00
cursor: default;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.spoiler:hover, spoiler:hover {
fix spoilers on some themes
2023-02-02 04:03:26 +00:00
color: var(--gray) !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.spoiler img, spoiler img {
visibility: hidden;
}
.spoiler:hover img, spoiler:hover img {
visibility: visible;
}
@media (min-width: 768px) {
.comment {
border-left: 0 !important;
padding-left: 0 !important;
}
}
.comment .comment-collapse-desktop:hover {
border-left-color: var(--white) !important;
}
.comment.collapsed .comment-collapse-desktop:hover {
color: var(--white) !important;
}
@media (max-width: 767.98px) {
.settings-nav .nav-link {
padding: 0.75rem 0.6rem;
}
.settings-nav .nav-item:first-child:nth-last-child(6),
.settings-nav .nav-item:first-child:nth-last-child(6) ~ li {
font-size: 0.80rem;
}
}
@media (max-width: 320px) {
.settings-nav .nav-link {
padding: 0.75rem 0.4rem;
}
}
.table {
color: var(--white);
}
.comment-box {
border: 2px solid #e9ecef;
}
.btn {
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: transparent;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.form-control {
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: transparent;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.navbar-light .navbar-nav .nav-link {
border-radius: 5px;
}
.btn-secondary {
color: var(--muted);
}
.btn-primary {
color: var(--muted);
}
.btn-success {
border-color: #38A169 !important;
}
.btn-danger {
border-color: #E53E3E !important;
}
.alert {
color: #000000;
font-weight: 500;
}
.btn-lg {
border-color: transparent !important;
}
.btn-primary:focus, .btn-primary.focus {
box-shadow: none !important;
}
rename flags to reports
2023-06-23 16:49:23 +00:00
.reports {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin: 7px;
border: 1px solid var(--primary);
padding: 10px;
border-radius: 3px;
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background)) !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.text-info {
color: var(--primary) !important;
}
.patron {
padding: 2px 5px 3px 5px !important;
border-radius: 5px !important;
color: white !important;
}
fix black patron name
2023-03-11 06:40:16 +00:00
.patron[style*="background-color:#ffffff"] {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: black !important;
}
.container, .container-fluid {
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background)) !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.btn {
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background)) !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.nobackground {
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: None !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
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: rgba(0, 0, 0, 0.7);
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;
}
}
@media (min-width: 767.98px) {
.directory--link {
width: 30%;
}
}
@media (min-width: 992px) {
.directory--link {
width: 23%;
min-height: 17vh;
display: flex;
}
.directory--link-content {
margin: auto;
}
}
.container, .container-fluid {
change container padding
2022-11-19 12:28:48 +00:00
padding-bottom: 8vh;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.navbar {
padding: 0.2rem 0 0 0.2rem;
}
@media (min-width: 767.98px) {
.navbar {
padding: 0.5rem 1.5rem 0.5rem 0.5rem;
}
}
@media (min-width: 767.98px) {
.modal-dialog {
max-width: 50%;
margin: 1.75rem auto !important;
}
}
.in-comment-image, .img, img[alt^="![]("],
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.preview img:not(img[src*="/uid/"], img[src*="/pp/"], img[src$="/pic"], img[src="/i/hand.webp"], img[src*="/e/"]) {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
max-height: 150px !important;
max-width: 100% !important;
border-radius: 0.2rem !important;
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
cursor: pointer;
}
video {
resizable videos
2022-12-10 19:12:14 +00:00
max-height: 50vh !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
max-width: 100% !important;
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.spotify {
max-height: 80px !important;
max-width: 100% !important;
margin-top: 0.5rem !important;
margin-bottom: 0.5rem !important;
}
.text-pink {
change #fa2d8b to #ff459a
2023-06-07 03:44:14 +00:00
color: #ff459a !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.text-purple {
color: #805ad5 !important;
}
.text-black-50 {
color: #808080 !important;
}
.text-orange {
color: orange !important;
}
.text-silver {
color: silver !important;
}
.text-gold {
color: gold !important;
}
.text-lightgreen {
color: lightgreen !important;
}
.text-blue {
color: #1D9BF0 !important;
}
.text-yellow {
color: yellow !important;
}
.timeline-Widget {
max-height: 500px !important;
overflow-y: auto !important;
}
.comment .comment-collapse-icon {
padding-right: 10px;
}
.comment .comment-collapse-icon::before {
font-family: "font awesome 5 pro" !important;
color: var(--primary);
display: inline-block;
cursor: pointer;
width: 10px;
content: "\f056";
position: static;
make collapse icon bigger
2022-12-01 18:31:34 +00:00
font-size: 14px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-weight: 900;
border: none;
margin-left: 0.25rem;
}
.text-removed {
color: #ffabab !important;
}
fix this https://stupidpol.site/h/changelog/post/148586/message-search/3624361#context
2023-02-20 19:14:35 +00:00
.mirrored, img[alt^=":"][alt*="!"], span[alt^=":"][alt*="!"] {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
}
@media (max-width: 768px) {
.popover-bio * {
font-size: 0.8rem !important;
}
}
@media (min-width: 768px) {
.popover-bio * {
font-size: 1rem !important;
}
}
.b2 {
border: 2px solid !important;
}
.fl-r {
float: right !important;
}
.edit-title {
background-color: #fff !important;
color: #000 !important
}
.text-lightblue {
color: lightblue;
}
input[type=radio] ~ .custom-control-label::before {
border-radius: 50%;
}
.emoji-modal {
fix margins for award_modal and emoji_modal and popover
2022-10-06 21:16:16 +00:00
max-width: 80% !important
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
remove repeated ":not" from the css
2022-11-11 14:06:28 +00:00
.emj, .emoji, strong a img, img[alt^=":"]:not(img[b], img[alt*="#"]) {
add :marseycursor:
2023-05-13 03:09:04 +00:00
height: 40px;
width: 40px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
fix this https://stupidpol.site/h/changelog/post/148586/message-search/3624361#context
2023-02-20 19:14:35 +00:00
.bigemoji, .emoji-md, img[alt^=":"] {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
height: 60px;
width: 60px;
}
fix this https://stupidpol.site/h/changelog/post/148586/message-search/3624361#context
2023-02-20 19:14:35 +00:00
.bigemoji, .emoji-lg, img[alt^=":"][alt*="#"] {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
height: 150px;
width: 150px;
}
.emj, .emoji, .bigemoji, .emoji-md, .emoji-lg, img[alt^=":"]
{
max-width: 150px !important;
max-height: 150px !important;
max-width: min(150px,25vw) !important;
max-height: min(150px,25vw) !important;
display: inline-block;
object-fit: contain;
}
span[data-bs-toggle], .pat-preview {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
position: relative;
display: inline-block;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
img[src="/i/hand.webp"] {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
position: absolute;
width: 90%;
height: 90%;
margin-top: -10%;
z-index: 1;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
img[src="/i/hand.webp"]+img {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
animation: pat-pfp-anim 0.3s infinite;
transform-origin: bottom center;
margin-top: 10%;
text-align: center;
object-fit: contain;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
img[src="/i/hand.webp"]+img[src^="/pp/"], img[src="/i/hand.webp"]+img[src$="/pic"] {
border-radius: 50%;
}
@keyframes pat-pfp-anim {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
0% { transform: scale(1, 0.8) }
50% { transform: scale(0.8, 1) }
100% { transform: scale(1, 0.8) }
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
/* Fix for <ol> being populated with <li><p></p></li> in many contexts. */
.post-body li > p:first-child,
.comment-text li > p:first-child,
.preview li > p:first-child,
div[id^="form-preview-"] li > p:first-child {
display: inline;
}
.twitter-tweet {
margin-bottom: 9.8px;
padding-bottom: 7px;
}
.controversial {
color: #f27d0c !important;
font-weight: 800;
}
code {
text-transform: none !important;
}
.noshadow {
box-shadow: none !important;
}
Revert "remove all accessibility attributes" This reverts commit e3a8fe85e3481b7fcbd986ba6e9506ba0c5bad0d.
2023-01-01 11:12:35 +00:00
[role="button"], :not(textarea)[onclick], :not(textarea)[data-onclick], th {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
cursor: pointer !important;
}
add javascript and css for non-click-sortable table headers th (#107) I noticed there are some over-interactive tables in general on rdrama. Particularly, multiple columns in the shop tables (awards and hats), which allow you to sort by buttons, icons, … The one page for user profile views also comes to mind, because it uses relative time since last visit, is paged server-side and browsers do not know how to sort that type of data anyway. Also I noticed there are some tables that have disabled sorting by using <td> instead of <th> for the headers as is the case of the following pages: * @uid/followed * @uid/following All of these situations are accounted for but need to be changed later in a different PR, because I can't right now. For example, the "Buy" column of the shop can be changed to the following to disable sorting: `<th class="disable-sort-click">Buy</th>` Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/107 Co-authored-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net> Co-committed-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net>
2023-02-01 14:10:10 +00:00
.disable-sort-click {
cursor: default !important;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
lite-youtube {
background-color: #000;
position: relative;
contain: content;
background-position: center center;
background-size: cover;
cursor: pointer;
margin-bottom: 1.3rem !important;
Revert "Revert "do this https://rdrama.net/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/3892942#context"" This reverts commit 4d55acbfff05944ad4a64513f9fc9c9170aa982c.
2023-04-25 08:12:03 +00:00
display: inline-block;
resize: both;
overflow: auto;
max-height: 70vh !important;
max-width: 100vw !important;
fix this https://rdrama.net/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/4044542#context
2023-04-25 17:31:59 +00:00
width: min(100%, 500px);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
lite-youtube::before {
content: '';
display: block;
position: absolute;
top: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADGCAYAAAAT+OqFAAAAdklEQVQoz42QQQ7AIAgEF/T/D+kbq/RWAlnQyyazA4aoAB4FsBSA/bFjuF1EOL7VbrIrBuusmrt4ZZORfb6ehbWdnRHEIiITaEUKa5EJqUakRSaEYBJSCY2dEstQY7AuxahwXFrvZmWl2rh4JZ07z9dLtesfNj5q0FU3A5ObbwAAAABJRU5ErkJggg==);
background-position: top;
background-repeat: repeat-x;
height: 60px;
padding-bottom: 50px;
width: 100%;
transition: all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
lite-youtube::after {
content: "";
display: block;
padding-bottom: calc(100% / (16 / 9));
}
lite-youtube > iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0;
}
lite-youtube > .lty-playbtn {
width: 100px;
height: 100px;
position: absolute;
cursor: pointer;
transform: translate3d(-50%, -50%, 0);
top: 50%;
left: 50%;
z-index: 1;
background-color: transparent;
cachebust everything
2023-06-29 20:14:30 +00:00
background-image: url('/i/youtube.webp?x=6');
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
transition: filter .1s cubic-bezier(0, 0, 0.2, 1);
border: none;
}
lite-youtube:hover > .lty-playbtn,
lite-youtube .lty-playbtn:focus {
filter: none;
}
lite-youtube.lyt-activated {
cursor: unset;
}
lite-youtube.lyt-activated::before,
lite-youtube.lyt-activated > .lty-playbtn {
opacity: 0;
pointer-events: none;
}
.lyt-visually-hidden {
clip: rect(0 0 0 0);
clip-path: inset(50%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.ytp-pause-overlay-controls-hidden .ytp-pause-overlay, ytp-pause-overlay ytp-scroll-min {
display: none!important;
}
.overflow-x-auto {
overflow-x: auto !important;
}
@media (max-width: 768px) {
.comment .comment-body .comment-text {
padding-top: 5px;
}
p {
margin-bottom: 7px;
}
}
@keyframes golden {
from {filter: sepia(1) saturate(2)}
to {filter: sepia(1) saturate(3) drop-shadow(-1px 1px 3px gold)}
}
img.golden, img[g]:not([data-src]) {
fix gold/glow + pat
2022-11-11 04:48:42 +00:00
animation: golden 1s infinite alternate linear;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
fix gold/glow + pat
2022-11-11 04:48:42 +00:00
img[src="/i/hand.webp"]+img[g]:not([data-src]),
img[src="/i/hand.webp"]+img.golden {
animation: golden 1s infinite alternate linear,
pat-pfp-anim .3s infinite;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
@keyframes glowing {
from {filter: sepia(1) hue-rotate(80deg) saturate(2)}
to {filter: sepia(1) hue-rotate(80deg) saturate(5) drop-shadow(-1px 1px 3px lime)}
}
img[glow]:not([data-src]) {
fix gold/glow + pat
2022-11-11 04:48:42 +00:00
animation: glowing 1s infinite alternate linear;
}
img[src="/i/hand.webp"]+img[glow]:not([data-src]) {
animation: glowing 1s infinite alternate linear,
pat-pfp-anim .3s infinite;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
rework awards (#26) dude cherrypicking lmao Co-authored-by: geese_suck <deandre.williams@geese-suck.us> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/26 Co-authored-by: geese_suck <geese_suck@noreply.fsdfsd.net> Co-committed-by: geese_suck <geese_suck@noreply.fsdfsd.net>
2022-11-28 00:37:52 +00:00
.glow .post-title, .glow a, .glow .post-meta *, .glow .user-info *, .glow .comment-text, .glow .comment-actions *, .glow {
color:lightgreen !important;
text-shadow:1px 1px 1px darkgreen, 0 0 5px green;
}
.glow .score-up, .glow .active.arrow-up::before, .glow .arrow-up::after, .glow .arrow-up:hover::before {
color: lime !important;
}
.glow .score-down, .glow .active.arrow-down::before, .glow .arrow-down::after, .glow .arrow-down:hover::before {
color: lime !important;
}
.glow .arrow-up::before, .glow .arrow-down::before, .glow .score {
color: lightgreen;
}
.glow .post-body a, .glow .comment-text a {
text-decoration: underline;
}
zoz zle zozzle
2022-11-23 00:09:42 +00:00
@keyframes rb {
10% { color: red; }
20% { color: orange; }
30% { color: yellow; }
40% { color: green; }
50% { color: cyan; }
70% { color: blue; }
80% { color: indigo; }
90% { color: violet; }
}
.zozbot {
font-weight: bold;
animation: rb 8s linear infinite;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.text-black {
color: var(--black);
}
.bg-muted {
background-color: #6c757d !important;
}
.srd {
width: 100%;
background-color: var(--primary);
padding: 2px;
Fix PWA top padding (#163) Co-authored-by: borntolurk <borntolurk@rdrama.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/163 Co-authored-by: borntolurk <borntolurk@noreply.fsdfsd.net> Co-committed-by: borntolurk <borntolurk@noreply.fsdfsd.net>
2023-07-01 22:14:59 +00:00
padding-top: calc(2px + var(--safe-area-inset-top));
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
text-align: center;
font-weight: bold;
white-space: nowrap;
color: white;
reduce the visitor count size on mobile
2023-03-17 07:21:07 +00:00
font-size: 11.5px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.srd *, .srd a:hover {
color: white;
}
#srd-discuss {
font-weight: normal;
}
@media (max-width: 768px) {
.toast {
bottom: 5rem !important;
}
}
.awards-wrapper input[type="radio"] {
display: none;
}
add tabs to award modal
2023-02-25 19:40:15 +00:00
.awards-wrapper > div > div {
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
padding: 5px !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
text-align: center;
text-transform: none!important;
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
display: inline-block!important;
make font-size on award modal bigger
2022-12-27 02:48:09 +00:00
width: 117px!important;
higher padding for awards
2022-12-27 02:54:40 +00:00
margin-bottom: 1rem!important;
minor css changes to award modal
2022-12-26 19:11:26 +00:00
border-radius: 0.2rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
add tabs to award modal
2023-02-25 19:40:15 +00:00
.awards-wrapper > div > div > i {
make font-size on award modal bigger
2022-12-27 02:48:09 +00:00
font-size: 16px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
add tabs to award modal
2023-02-25 19:40:15 +00:00
.awards-wrapper > div > div.disabled {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
opacity: 0.6;
}
add tabs to award modal
2023-02-25 19:40:15 +00:00
.awards-wrapper > div > div:hover:not(.disabled), .awards-wrapper .picked {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
background-color: var(--primary)!important;
}
.awardmodal {
increase award modal width from 80% to 90%
2023-06-07 20:39:13 +00:00
max-width: 90% !important;
fix margins for award_modal and emoji_modal and popover
2022-10-06 21:16:16 +00:00
height: 100% !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin: auto !important
}
toast {
make sure toast is always on top
2022-12-30 09:52:19 +00:00
z-index: 999999999999999999 !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
minor css change
2023-05-11 12:49:19 +00:00
@media (max-width: 426px) {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.awardbtn {
display:block;
margin-right:0 !important;
clear:both !important;
}
}
html {
scroll-padding-top: 100px;
}
.comment .comment-body {
padding: 0px 0 0 0;
}
.comment-anchor {
padding: 1px;
}
.comment-anchor::before {
content: '';
display: block;
}
do this https://rdrama.net/post/170794/psa-u-can-completely-disable-18/4160823#context
2023-05-16 00:45:23 +00:00
*:target, .unread {
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: #ffffff22 !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
padding: 12px;
padding-bottom: 4px;
}
.mod {
padding: 2px 5px 3px 5px;
border-radius: 5px;
color:white!important;
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);
background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet );
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
}
.popover {
same as last commit
2023-06-30 17:54:31 +00:00
max-width: min(50%, 500px);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175);
border-color: #dadada;
}
minor tweak to popover size
2023-06-30 17:51:30 +00:00
@media (max-width: 768px) {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.popover {
same as last commit
2023-06-30 17:54:31 +00:00
max-width: min(90%, 500px) !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
}
.popover-arrow {
display: none !important;
}
.popover-user-profile {
display: flex;
flex-direction: column;
padding: 0;
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: var(--gray-600);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.popover-body {
padding: 0;
border-radius: .25rem;
overflow: hidden;
}
.mt-n6 {
margin-top: -1.75rem !important;
}
.h-64 {
height: 64px;
}
increase popover banner height
2023-06-30 17:45:51 +00:00
.h-200 {
height: 200px;
double the height of cover picture inside popover
2023-04-25 08:18:18 +00:00
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.object-cover {
object-fit: cover;
}
.smolbtn {
font-weight: 600;
font-size: .9rem;
border-radius: 0.2rem;
padding: 0.1rem 0.50rem 0rem 0.30rem;
background-color: var(--black) !important;
}
.smol {
font-size: 11.5px;
}
@media (max-width: 768px) {
.commentmob {
margin-top: 0.5rem !important;
}
}
.treasure {
margin-left: 10px;
margin-right: 3px;
margin-top: -2px;
}
a.emojitab {
padding: 0.5rem 0.7rem !important;
font-size: 13px !important;
}
.emoji2 {
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: None!important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
width:60px;
overflow: hidden;
border: none;
}
.emoji2:focus {
border: 1px solid var(--primary) !important;
}
.m-5 {
margin: 2.5rem !important;
}
.notif-count {
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: red;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
border-radius: 20%;
color: white;
padding: 2px 5px;
font-weight: 700;
}
li > .sidebar {
display: block !important;
max-width: 100% !important;
}
.sidebar
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
border-radius: 6px;
margin-top: 6px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
@media (max-width: 768px) {
.sorting {
padding-bottom: 0.5rem !important;
padding-right: 0.5rem;
}
}
.self {
border-top:2px solid var(--primary);
border-bottom:2px solid var(--primary);
}
.marsey {
max-width: 125px;
max-height: 125px;
}
@media (max-width: 768px) {
.marsey {
max-width: 60px;
max-height: 60px;
}
}
.btn-dead:hover, .active.btn-dead:hover, .active.btn-dead {
border: 1px solid var(--primary)!important;
}
.navsettings {
increase settings icons padding on mobile
2022-11-21 00:28:22 +00:00
padding-left: 1.2rem !important;
padding-right: 1.2rem !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
@media (max-width: 768px) {
.table th {
better UI for ping groups
2023-02-25 21:44:02 +00:00
padding-left: 0.5rem;
padding-right: 0.5rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.table td {
better UI for ping groups
2023-02-25 21:44:02 +00:00
padding-left: 0.5rem;
padding-right: 0.5rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 0.9rem;
}
.marseybux {
font-size: 0.7rem !important;
}
}
.shop-table-actions {
width: 13rem;
}
Fix shop buy button widths.
2022-11-01 09:11:29 +00:00
.shop-table-actions button {
width: 100%;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
@media (max-width: 500px) {
.count {
display:block;
text-align: center;
}
}
th, td {
font-weight: 700;
}
fix-small-tisms that I had piled up in my todo (#109) fix-small-tisms that I had piled up in my todo Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/109 Co-authored-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net> Co-committed-by: mummified-corroding-granny <mummified-corroding-granny@noreply.fsdfsd.net>
2023-02-02 16:54:52 +00:00
.discounted-price {
text-decoration: line-through;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.fas {
text-align: center;
}
.text-small-mobile {
font-size: min(3vw,14px) !important;
}
.text-white, th a {
color: #fff !important;
}
@media (max-width: 350px) {
.mobile-nav-icon {
padding: 0.25rem 0.5rem;
}
.settings-nav .nav-item {
font-size: 12px;
}
}
.text-green {
color: green !important;
}
#profile--bio a, #profile-mobile--bio a {
overflow-wrap: break-word;
}
rename #profile-content--nav to #content
2023-02-28 17:31:51 +00:00
#content .nav-link {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 0.85rem;
padding: 0.75rem 0.5rem;
text-align: center;
}
@media (max-width: 464px) {
rename #profile-content--nav to #content
2023-02-28 17:31:51 +00:00
#content .nav-link {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 0.80rem;
padding: 0.75rem 0.25rem;
}
}
.checkmark {
color: #1DA1F2 !important;
}
audio, video {
max-width: 100%;
}
.fa-manhole:before{content:"\e1d6"}
/* Lottery */
.lottery-page--wrapper {
display: flex;
align-items: center;
justify-content: center;
}
.lottery-page--wrapper > div {
width: 400px;
}
.lottery-page--image {
max-width: 400px;
height: 400px;
margin-right: 1rem;
margin-bottom: 0;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.lottery-page--image > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.lottery-page--action {
border-width: 2px;
font-size: 1.4rem;
}
.lottery-page--stats {
display: flex;
flex-direction: column;
align-items: stretch;
justify-content: flex-end;
flex: 1;
margin-left: 2rem;
max-width: 500px;
}
.lottery-page--stat {
display: flex;
align-items: center;
justify-content: space-between;
background-color: var(--gray);
border: 1px solid var(--black);
border-radius: 8px;
padding: 1rem;
margin-bottom: 1rem;
}
.lottery-page--stat-keys {
color: var(--black);
font-variant: small-caps;
font-weight: bold;
}
.lottery-page--stat-values {
text-align: right;
}
@media screen and (max-width: 1680px) {
.lottery-page--image {
margin-right: 0;
margin-bottom: 2rem;
}
.lottery-page--content {
width: 440px;
min-width: 0;
}
.lottery-page--wrapper {
flex-direction: column;
justify-content: center;
}
.lottery-page--action {
margin-bottom: 1rem;
}
.lottery-page--stats {
margin-left: 0;
width: 300px;
flex-direction: column-reverse;
}
.lottery-page--dialog {
min-width: 440px !important;
}
}
@media screen and (max-width: 464px) {
.lottery-page--image {
margin-right: 0;
margin-bottom: 2rem;
}
.lottery-page--content {
width: 440px;
min-width: 0;
}
.lottery-page--wrapper {
flex-direction: column;
justify-content: center;
use tabs, not spaces
2022-10-28 23:39:31 +00:00
padding: 2rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
use tabs, not spaces
2022-10-28 23:39:31 +00:00
.lottery-page--wrapper > div
{
width: 300px;
height: 300px;
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.lottery-page--action {
margin-bottom: 1rem;
}
.lottery-page--stats {
margin-left: 0;
width: 300px;
flex-direction: column-reverse;
}
.lottery-page--dialog {
min-width: 440px !important;
}
}
#header--icon {
increase header--icon size
2023-02-03 03:10:20 +00:00
height: 35px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#header--username {
padding-left: 5px;
}
.header--currency {
font-size: 12px;
line-height: 13px;
display: inline-block;
}
.header--currency img {
max-height: 13px;
}
#header--dropdown, #header--dropdown-menu {
min-width: 12.5em;
}
#sidebar-content {
max-width: 300px;
padding-bottom: 15rem;
}
.sidebar-link {
display: inline;
padding: 0rem 0.60rem 1rem 0.60rem;
font-size: 1rem;
color: var(--black);
}
.sidebar-link:hover, .sidebar-link:focus {
text-decoration: none;
color: var(--black);
}
#sidebar--counter--total,
#sidebar--counter--flavor,
#sidebar--counter--loggedin {
font-size: 1.1rem;
}
#sidebar--counter--admin {
display: block;
text-align: center;
font-size: 0.9rem;
}
.sidebar--heading {
font-size: 1.4rem;
margin-bottom: 1rem;
text-align: center;
text-decoration: underline;
text-transform: uppercase;
}
allow JL3 to edit rules (#39) Co-authored-by: Aevann1 <randomname42029@gmail.com> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/39 Co-authored-by: Aevann <aevann@noreply.fsdfsd.net> Co-committed-by: Aevann <aevann@noreply.fsdfsd.net>
2022-12-05 05:22:08 +00:00
.sidebar--rules ol {
Make rDrama sidebar markup semantic.
2022-10-29 23:08:35 +00:00
margin-left: 0;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
padding-left: 0;
Make rDrama sidebar markup semantic.
2022-10-29 23:08:35 +00:00
}
allow JL3 to edit rules (#39) Co-authored-by: Aevann1 <randomname42029@gmail.com> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/39 Co-authored-by: Aevann <aevann@noreply.fsdfsd.net> Co-committed-by: Aevann <aevann@noreply.fsdfsd.net>
2022-12-05 05:22:08 +00:00
.sidebar--rules--rdrama li > p {
margin-bottom: 0;
Make rDrama sidebar markup semantic.
2022-10-29 23:08:35 +00:00
}
allow JL3 to edit rules (#39) Co-authored-by: Aevann1 <randomname42029@gmail.com> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/39 Co-authored-by: Aevann <aevann@noreply.fsdfsd.net> Co-committed-by: Aevann <aevann@noreply.fsdfsd.net>
2022-12-05 05:22:08 +00:00
.sidebar--rules--wpd ol {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 0.95rem;
}
WPD: sidebar update for flair & rule changes.
2022-10-08 05:10:39 +00:00
.sidebar-wpd--flairs {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
display: grid;
align-items: center;
grid-gap: 1px;
}
WPD: sidebar update for flair & rule changes.
2022-10-08 05:10:39 +00:00
.sidebar-wpd--flairs--3 {
grid-template-columns: repeat(3, 1fr);
}
.sidebar-wpd--flairs--2 {
grid-template-columns: repeat(2, 1fr);
}
.sidebar-wpd--flairs a {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
padding: 5px 5px 4px 5px;
text-align: center;
color: var(--muted);
tie transparent theme to backgrounds
2022-12-07 17:53:29 +00:00
background-color: rgb(var(--background));
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
box-shadow: 0 0 0 1px var(--primary);
}
WPD: sidebar update for flair & rule changes.
2022-10-08 05:10:39 +00:00
.sidebar-wpd--flairs a:hover {
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
color: #fff;
text-decoration: none;
}
#sidebar--directory--head {
display: block;
font-size: 1.35rem;
}
#sidebar--directory--subhead {
display: block;
font-size: 0.85rem;
}
#directory--wrapper {
margin: 2rem 0rem;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.directory--link {
height: 100%;
padding: 1rem;
margin: 0.5rem;
border: 1px solid var(--gray);
border-radius: 0.4rem;
background-color: var(--gray-700);
text-align: center;
vertical-align: top;
}
.directory--link--icon {
font-size: 2rem;
text-shadow:
-1px -1px 0 #000,
1px -1px 0 #000,
-1px 1px 0 #000,
1px 1px 0 #000;
}
.directory--link--title {
padding-top: 0.5rem;
font-size: 1.15rem;
font-weight: bold;
color: var(--black);
text-transform: uppercase;
}
.directory--link--description {
font-size: 0.9rem;
color: var(--black);
}
g {
color: #209920 !important
}
.ext-link {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
position:absolute;
bottom: 0;
right: 0;
font-size:14px;
color:white;
background-color:var(--primary);
padding:3px;
border-radius:.35rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
add thumbnails for videos on the frontpage
2022-12-09 06:35:56 +00:00
.video-play {
position:absolute;
minor position change for video icon
2022-12-10 13:35:00 +00:00
bottom:33%;
spaces -> tabs
2023-05-02 16:15:46 +00:00
right:38%;
add thumbnails for videos on the frontpage
2022-12-09 06:35:56 +00:00
font-size:14px;
color:white;
background-color:var(--primary);
spaces -> tabs
2023-05-02 16:15:46 +00:00
padding: 5px 6px 4px 7px;
add thumbnails for videos on the frontpage
2022-12-09 06:35:56 +00:00
border-radius:.35rem;
vid-thumbs: suppress ffmpeg stdout, fix vid toggle Previous behavior on submission_listing was clicking a thumbnail would toggle an inline video player. This was retained for clicking the thumbnail off the `.video-play` element; however, directly clicking the `.video-play` did not have the `toggleVideo` onclick event attached and would navigate the browser to the video file directly.
2022-12-10 04:02:35 +00:00
pointer-events: none;
add thumbnails for videos on the frontpage
2022-12-09 06:35:56 +00:00
}
minor position change for video icon
2022-12-10 13:35:00 +00:00
@media (max-width: 768px) {
.video-play {
bottom:31%;
right:36%;
}
}
Revert "Merge pull request #396 from nekobbbbbbit/debooterstrap" This reverts commit ae1e6b01a44a8a2b885689289ac02d56f3258551, reversing changes made to 7e5c1b0ad8f5b30ca12de2f1edc43e00af2e383e.
2022-10-31 22:35:47 +00:00
/* ------- Font Awesome ------- */
@font-face{
font-family:"Font Awesome 6 Pro";
font-style:normal;
font-weight:400;
font-display:block;
src:url(../fonts/fa-regular-400.woff2) format("woff2"),
url(../fonts/fa-regular-400.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 6 Pro";
font-style:normal;
font-weight:900;
font-display:block;
src:url(../fonts/fa-solid-900.woff2) format("woff2"),
url(../fonts/fa-solid-900.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 5 Brands";
font-display:block;
font-weight:400;
src:url(../fonts/fa-brands-400.woff2) format("woff2"),
url(../fonts/fa-brands-400.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 5 Pro";
font-display:block;
font-weight:900;
src:url(../fonts/fa-solid-900.woff2) format("woff2"),
url(../fonts/fa-solid-900.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 5 Pro";
font-display:block;
font-weight:400;
src:url(../fonts/fa-regular-400.woff2) format("woff2"),
url(../fonts/fa-regular-400.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 5 Pro";
font-display:block;
font-weight:300;
src:url(../fonts/fa-light-300.woff2) format("woff2"),
url(../fonts/fa-light-300.ttf) format("truetype")
}
@font-face{
font-family:"Font Awesome 5 Duotone";
font-display:block;
font-weight:900;
src:url(../fonts/fa-duotone-900.woff2) format("woff2"),
url(../fonts/fa-duotone-900.ttf) format("truetype")
}
@font-face{
font-family:"FontAwesome";
font-display:block;
src:url(../fonts/fa-solid-900.woff2) format("woff2"),
url(../fonts/fa-solid-900.ttf) format("truetype")
}
@font-face{
font-family:"FontAwesome";
font-display:block;
src:url(../fonts/fa-brands-400.woff2) format("woff2"),
url(../fonts/fa-brands-400.ttf) format("truetype")
}
@font-face{
font-family:"FontAwesome";
font-display:block;
src:url(../fonts/fa-regular-400.woff2) format("woff2"),
url(../fonts/fa-regular-400.ttf) format("truetype");
unicode-range:u+f003,u+f006,u+f014,u+f016-f017,u+f01a-f01b,u+f01d,u+f022,u+f03e,u+f044,
u+f046,u+f05c-f05d,u+f06e,u+f070,u+f087-f088,u+f08a,u+f094,u+f096-f097,u+f09d,u+f0a0,
u+f0a2,u+f0a4-f0a7,u+f0c5,u+f0c7,u+f0e5-f0e6,u+f0eb,u+f0f6-f0f8,u+f10c,u+f114-f115,
u+f118-f11a,u+f11c-f11d,u+f133,u+f147,u+f14e,u+f150-f152,u+f185-f186,u+f18e,u+f190-f192,
u+f196,u+f1c1-f1c9,u+f1d9,u+f1db,u+f1e3,u+f1ea,u+f1f7,u+f1f9,u+f20a,u+f247-f248,u+f24a,
u+f24d,u+f255-f25b,u+f25d,u+f271-f274,u+f278,u+f27b,u+f28c,u+f28e,u+f29c,u+f2b5,u+f2b7,
u+f2ba,u+f2bc,u+f2be,u+f2c0-f2c1,u+f2c3,u+f2d0,u+f2d2,u+f2d4,u+f2dc;
}
@font-face{
font-family:"FontAwesome";
font-display:block;
src:url(../fonts/fa-v4compatibility.woff2) format("woff2"),
url(../fonts/fa-v4compatibility.ttf) format("truetype");
unicode-range:u+f041,u+f047,u+f065-f066,u+f07d-f07e,u+f080,u+f08b,u+f08e,u+f090,u+f09a,u+f0ac,
u+f0ae,u+f0b2,u+f0d0,u+f0d6,u+f0e4,u+f0ec,u+f10a-f10b,u+f123,u+f13e,u+f148-f149,u+f14c,
u+f156,u+f15e,u+f160-f161,u+f163,u+f175-f178,u+f195,u+f1f8,u+f219,u+f250,u+f252,u+f27a;
}
@font-face{
font-family:"Font Awesome 6 Pro";
font-style:normal;
font-weight:300;
font-display:block;
src:url(../fonts/fa-light-300.woff2) format("woff2"),
url(../fonts/fa-light-300.ttf) format("truetype");
}
@font-face{
font-family:"Font Awesome 6 Brands";
font-style:normal;font-weight:400;
font-display:block;
src:url(../fonts/fa-brands-400.woff2) format("woff2"),
url(../fonts/fa-brands-400.ttf) format("truetype");
}
@font-face{
font-family:"Font Awesome 6 Duotone";
font-style:normal;font-weight:900;
font-display:block;
src:url(../fonts/fa-duotone-900.woff2) format("woff2"),
url(../fonts/fa-duotone-900.ttf) format("truetype");
}
:root{
--fa-font-solid:normal 900 1em/1 "Font Awesome 6 Pro";
--fa-font-regular:normal 400 1em/1 "Font Awesome 6 Pro";
--fa-font-light:normal 300 1em/1 "Font Awesome 6 Pro";
--fa-font-thin:normal 100 1em/1 "Font Awesome 6 Pro";
--fa-font-brands:normal 400 1em/1 "Font Awesome 6 Brands";
--fa-font-duotone:normal 900 1em/1 "Font Awesome 6 Duotone";
}
.fa{font-family:var(--fa-style-family,"Font Awesome 6 Pro");font-weight:var(--fa-style,900)}
.fas{font-family:"Font Awesome 6 Pro";font-weight:900}
.far{font-family:"Font Awesome 6 Pro";font-weight:400}
.fal{font-family:"Font Awesome 6 Pro";font-weight:300}
.fab{font-family:"Font Awesome 6 Brands";font-weight:400}
.fad{
position:relative;
font-family:"Font Awesome 6 Duotone";
font-weight:900;
letter-spacing:normal;
}
.fad:before{
position:absolute;
color:var(--fa-primary-color,inherit);
opacity:var(--fa-primary-opacity,1);
}
.fad:after{
color:var(--fa-secondary-color,inherit);
}
.fad:after{
opacity:var(--fa-secondary-opacity,.4);
}
.fa,.fab,.fad,.fal,.far,.fas{
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
display:var(--fa-display,inline-block);
font-style:normal;
font-variant:normal;
line-height:1;
text-rendering:auto;
}
.fa-2x{font-size:2em}
.fa-sm{font-size:.875em;line-height:.07143em;vertical-align:.05357em}
.fa-lg{font-size:1.25em;line-height:.05em;vertical-align:-.075em}
.fa-fw{text-align:center;width:1.25em}
.fa-flip-horizontal{-webkit-transform:scaleX(-1);transform:scaleX(-1)}
.fa-stack{
display:inline-block;
height:2em;
line-height:2em;
position:relative;
vertical-align:middle;
width:2.5em;
}
.fa-stack-1x,.fa-stack-2x{
left:0;
position:absolute;
text-align:center;
width:100%;
z-index:var(--fa-stack-z-index,auto);
}
.fa-stack-1x{line-height:inherit}
.fa-stack-2x{font-size:2em}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.pronouns {
font-size: 9px;
margin-left: 0.25rem;
font-weight: 700;
padding: 2px 5px 3px 5px;
border-radius: 5px;
color: white;
border: 2px solid transparent;
}
@media (max-width: 767.98px) {
.pronouns, .patron, .mod {
padding: 2px 5px !important;
}
}
.post-preview {
increase top padding for post-preview
2022-12-29 06:31:12 +00:00
padding: 14px 14px 0 14px !important;
use tabs, not spaces
2022-10-28 23:39:31 +00:00
margin-bottom: 0.5rem !important;
increase top margin for post markdown preview
2023-01-11 13:43:01 +00:00
margin-top: 0.8rem !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
@media (max-width: 767.98px) {
.post-preview {
increase top padding for post-preview
2022-12-29 06:31:12 +00:00
padding: 10px 9px 2px 9px !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
}
.showmore {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
width: 99%;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
padding: 5px;
margin: 5px 1px;
border-radius: 5px;
color:white!important;
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet);
background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet );
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black;
font-weight: 600;
use tabs, not spaces
2022-10-28 23:39:31 +00:00
border: 2px solid var(--primary);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
font-size: 20px;
}
.emoji-option {
vertical-align: text-top;
}
.btn:active {
opacity: 0.65;
}
.ghostdiv
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
display: block;
white-space: pre-wrap;
word-break: break-word;
/* Attempt to copy the textarea/input padding */
padding: 15px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#speed-carot-modal
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
background-color: var(--gray-700);
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
border-radius: 4px;
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
z-index:999;
}
#speed-carot-modal .speed-modal-option
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
border-bottom: 1px solid #606060;
padding: 4px;
cursor: pointer;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#speed-carot-modal .speed-modal-option:hover,
#speed-carot-modal .speed-modal-option:focus,
#speed-carot-modal .speed-modal-option.selected
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
background-color: rgba(255, 255, 255, 0.2);
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#speed-carot-modal .speed-modal-image
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
object-fit: contain;
width: 30px;
height: 30px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
#speed-carot-modal .speed-modal-option span
{
use tabs, not spaces
2022-10-28 23:39:31 +00:00
overflow: hidden;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
margin-right: 10px;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.rainbow-text:not(a) {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
background-image: repeating-linear-gradient(135deg, violet, rgb(178, 94, 238), lightblue, green, yellow, orange, #ff7f7f 50%) !important;
color: transparent !important;
background-clip: text !important;
-webkit-background-clip: text !important;
font-weight: 700 !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
Add the "Misogynist" award to harass incels (#154) Whazzup? This PR is the final solution to the incel problem. There's an old indian proverb that says: "never judge a man until you've walked two moons in his mocassins". In this case, it should be: "never judge a woman until you've walked 24 hrs in her high-heels". The misogynist award is a comment-transforming award that "feminizes" comments. It does the following: - makes text pink - makes text lowercase - removes "complicated" punctuation - makes paragraphs into run-on sentences - adds stereotypical girly remarks to the beginning or end of a paragraph. For example: INPUT > What the fuck did you just fucking say about me, you little bitch? I'll have you know I graduated top of my class in the Navy Seals, and I've been involved in numerous secret raids on Al-Quaeda, and I have over 300 confirmed kills. I am trained in gorilla warfare and I'm the top sniper in the entire US armed forces. You are nothing to me but just another target. I will wipe you the fuck out with precision the likes of which has never been seen before on this Earth, mark my fucking words. You think you can get away with saying that shit to me over the Internet? Think again, fucker. As we speak I am contacting my secret network of spies across the USA and your IP is being traced right now so you better prepare for the storm, maggot. The storm that wipes out the pathetic little thing you call your life. You're fucking dead, kid. I can be anywhere, anytime, and I can kill you in over seven hundred ways, and that's just with my bare hands. Not only am I extensively trained in unarmed combat, but I have access to the entire arsenal of the United States Marine Corps and I will use it to its full extent to wipe your miserable ass off the face of the continent, you little shit. If only you could have known what unholy retribution your little "clever" comment was about to bring down upon you, maybe you would have held your fucking tongue. But you couldn't, you didn't, and now you're paying the price, you goddamn idiot. I will shit fury all over you and you will drown in it. You're fucking dead, kiddo. OUTPUT > im literally screaming, what the fuck did you just fucking say about me, you little bitch? ill have you know i graduated top of my class in the navy seals, and ive been involved in numerous secret raids on al-quaeda, and i have over 300 confirmed kills, i am trained in gorilla warfare and im the top sniper in the entire us armed forces, you are nothing to me but just another target, i will wipe you the fuck out with precision the likes of which has never been seen before on this earth, mark my fucking words, you think you can get away with saying that shit to me over the internet? think again, fucker, as we speak i am contacting my secret network of spies across the usa and your ip is being traced right now so you better prepare for the storm, maggot, the storm that wipes out the pathetic little thing you call your life, youre fucking dead, kid, i can be anywhere, anytime, and i can kill you in over seven hundred ways, and thats just with my bare hands, not only am i extensively trained in unarmed combat, but i have access to the entire arsenal of the united states marine corps and i will use it to its full extent to wipe your miserable ass off the face of the continent, you little shit, if only you could have known what unholy retribution your little clever comment was about to bring down upon you, maybe you would have held your fucking tongue, but you couldnt, you didnt, and now youre paying the price, you goddamn idiot, i will shit fury all over you and you will drown in it, youre fucking dead, kiddo It also sets the user's pfp to a random white woman. Well, psuedorandom - it's based off of the user's id, so each user will only ever have one pfp assigned to them, which I think is nifty. Finally, it changes the name of the user toa girly name. There is one small problem with the PR, which is simply that I manually added a badge for testing purposes. If you like this PR, I will submit the badge throught the proper chanels and fix it. ![image](/attachments/641c7276-ffe4-4e69-b3e9-aec9f4f94191) Co-authored-by: Chuck Sneed <sneed@formerlychucks.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/154 Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net> Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-06-21 12:36:07 +00:00
.queen:not(a) {
color: hotpink !important;
font-weight: 700 !important;
cleanup in aisle 4
2023-07-03 00:26:20 +00:00
text-transform: lowercase !important;
Add the "Misogynist" award to harass incels (#154) Whazzup? This PR is the final solution to the incel problem. There's an old indian proverb that says: "never judge a man until you've walked two moons in his mocassins". In this case, it should be: "never judge a woman until you've walked 24 hrs in her high-heels". The misogynist award is a comment-transforming award that "feminizes" comments. It does the following: - makes text pink - makes text lowercase - removes "complicated" punctuation - makes paragraphs into run-on sentences - adds stereotypical girly remarks to the beginning or end of a paragraph. For example: INPUT > What the fuck did you just fucking say about me, you little bitch? I'll have you know I graduated top of my class in the Navy Seals, and I've been involved in numerous secret raids on Al-Quaeda, and I have over 300 confirmed kills. I am trained in gorilla warfare and I'm the top sniper in the entire US armed forces. You are nothing to me but just another target. I will wipe you the fuck out with precision the likes of which has never been seen before on this Earth, mark my fucking words. You think you can get away with saying that shit to me over the Internet? Think again, fucker. As we speak I am contacting my secret network of spies across the USA and your IP is being traced right now so you better prepare for the storm, maggot. The storm that wipes out the pathetic little thing you call your life. You're fucking dead, kid. I can be anywhere, anytime, and I can kill you in over seven hundred ways, and that's just with my bare hands. Not only am I extensively trained in unarmed combat, but I have access to the entire arsenal of the United States Marine Corps and I will use it to its full extent to wipe your miserable ass off the face of the continent, you little shit. If only you could have known what unholy retribution your little "clever" comment was about to bring down upon you, maybe you would have held your fucking tongue. But you couldn't, you didn't, and now you're paying the price, you goddamn idiot. I will shit fury all over you and you will drown in it. You're fucking dead, kiddo. OUTPUT > im literally screaming, what the fuck did you just fucking say about me, you little bitch? ill have you know i graduated top of my class in the navy seals, and ive been involved in numerous secret raids on al-quaeda, and i have over 300 confirmed kills, i am trained in gorilla warfare and im the top sniper in the entire us armed forces, you are nothing to me but just another target, i will wipe you the fuck out with precision the likes of which has never been seen before on this earth, mark my fucking words, you think you can get away with saying that shit to me over the internet? think again, fucker, as we speak i am contacting my secret network of spies across the usa and your ip is being traced right now so you better prepare for the storm, maggot, the storm that wipes out the pathetic little thing you call your life, youre fucking dead, kid, i can be anywhere, anytime, and i can kill you in over seven hundred ways, and thats just with my bare hands, not only am i extensively trained in unarmed combat, but i have access to the entire arsenal of the united states marine corps and i will use it to its full extent to wipe your miserable ass off the face of the continent, you little shit, if only you could have known what unholy retribution your little clever comment was about to bring down upon you, maybe you would have held your fucking tongue, but you couldnt, you didnt, and now youre paying the price, you goddamn idiot, i will shit fury all over you and you will drown in it, youre fucking dead, kiddo It also sets the user's pfp to a random white woman. Well, psuedorandom - it's based off of the user's id, so each user will only ever have one pfp assigned to them, which I think is nifty. Finally, it changes the name of the user toa girly name. There is one small problem with the PR, which is simply that I manually added a badge for testing purposes. If you like this PR, I will submit the badge throught the proper chanels and fix it. ![image](/attachments/641c7276-ffe4-4e69-b3e9-aec9f4f94191) Co-authored-by: Chuck Sneed <sneed@formerlychucks.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/154 Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net> Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-06-21 12:36:07 +00:00
}
Add the edgy award (and some other goodies) (#157) # The Edgy Award * Makes text bold, italic, and red, symbolizing the fire that burns within. * Adds "fucking" to various places, after articles and prepositional phrases (I think) (tbh I just eyeballed it). EX: He is the fucking best * Adds "motherfucker" and "bitch" to exclamations and questions, respectively. # Goodies * For the queen award: * based => comfy * Xpilled => x vibes * Xmaxxing => normalizing X Co-authored-by: Chuck Sneed <sneed@formerlychucks.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/157 Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net> Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-06-26 14:38:48 +00:00
.sharpen:not(a) {
color: red !important;
font-weight: bold !important;
cleanup in aisle 4
2023-07-03 00:26:20 +00:00
font-style: italic !important;
Add the edgy award (and some other goodies) (#157) # The Edgy Award * Makes text bold, italic, and red, symbolizing the fire that burns within. * Adds "fucking" to various places, after articles and prepositional phrases (I think) (tbh I just eyeballed it). EX: He is the fucking best * Adds "motherfucker" and "bitch" to exclamations and questions, respectively. # Goodies * For the queen award: * based => comfy * Xpilled => x vibes * Xmaxxing => normalizing X Co-authored-by: Chuck Sneed <sneed@formerlychucks.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/157 Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net> Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-06-26 14:38:48 +00:00
}
fix Xmaxxing (and add badass images) (#164) Co-authored-by: Chuck Sneed <sneed@formerlychucks.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/164 Co-authored-by: HeyMoon <heymoon@noreply.fsdfsd.net> Co-committed-by: HeyMoon <heymoon@noreply.fsdfsd.net>
2023-07-02 17:41:46 +00:00
.sharpen-0:after {
background: url("/i/sharpen/0.webp?x=6");
}
.sharpen-1:after {
background: url("/i/sharpen/1.webp?x=6");
}
.sharpen-2:after {
background: url("/i/sharpen/2.webp?x=6");
}
.sharpen-3:after {
background: url("/i/sharpen/3.webp?x=6");
}
.sharpen-4:after {
background: url("/i/sharpen/4.webp?x=6");
}
.sharpen-5:after {
background: url("/i/sharpen/5.webp?x=6");
}
.sharpen-6:after {
background: url("/i/sharpen/6.webp?x=6");
}
.sharpen-7:after {
background: url("/i/sharpen/7.webp?x=6");
}
.sharpen-8:after {
background: url("/i/sharpen/8.webp?x=6");
}
.sharpen-9:after {
background: url("/i/sharpen/9.webp?x=6");
}
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
.rainbow-text:not(a) > p {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
color: transparent !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.btn-rainbow {
color:white !important;
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: -moz-linear-gradient(180deg, red, orange, yellow, green, blue, indigo, violet) !important;
background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet ) !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
text-shadow:-1px -1px 0 black,1px -1px 0 black,-1px 1px 0 black,1px 1px 0 black !important;
}
div.custom-control:last-of-type {
margin-bottom: 1rem;
}
@media (max-width: 768px) {
div.custom-control:last-of-type {
margin-bottom: 7px;
}
}
.dropdown-menu button.searchparam {
color: var(--gray-100);
text-decoration: none;
text-transform: none;
background-color: transparent;
border: 2px solid gray;
border-radius: 3px;
padding: 6px;
width: 150px;
}
blockquote {
border-left: 2px solid var(--primary);
color: var(--black);
font-size: 1rem;
font-weight: 400;
make links in quotes easier to read
2023-01-21 12:35:36 +00:00
background-color: #26242a;
make blockquotes look nicer
2023-02-10 06:15:04 +00:00
padding: 0 0 0 1rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
margin: 1rem 0 0 0;
}
div > blockquote:last-child {
margin-bottom: 1rem !important;
}
blockquote + :not(blockquote) {
margin-top: 1rem;
}
blockquote > :not(blockquote) {
margin-bottom: 0;
padding-bottom: 0.7rem;
padding-top: 0.7rem;
make blockquotes look nicer
2023-02-10 06:15:04 +00:00
padding-right: 0.7rem;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
blockquote + blockquote, div > blockquote:first-child, blockquote:last-child {
margin-top: 0 !important;
}
.contain {
object-fit: contain;
}
.text-gray {
color: gray !important;
}
div.markdown {
height: auto;
use tabs, not spaces
2022-10-28 23:39:31 +00:00
white-space: pre-wrap;
fix this https://rdrama.net/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/4344899#context
2023-06-14 18:20:39 +00:00
word-break: break-word;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
@media (max-width: 768px) or (min-width: 992px) {
#sidebar-btn {
display: None !important;
}
}
.table th, .table td {
vertical-align: middle;
}
.directory--link:focus, .directory--link:active, .directory--link:hover {
border: 1px solid var(--primary);
text-decoration: none;
}
.directory--link:hover * {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
color: var(--primary) !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
::-webkit-input-placeholder {
use tabs, not spaces
2022-10-28 23:39:31 +00:00
opacity: 0.7 !important;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
.text-brown {
color: #433722;
}
.distribute {
font-size:10px;
padding: 2px 0.5rem !important;
margin: 0 0.5rem !important;
}
.bug {
pointer-events: none !important;
make bugs absolute + fix script overlap + dont set style in js if not necessary
2023-07-14 10:43:52 +00:00
top: 0;
left: 0;
z-index: 9999999;
convert repo from CRLF to LF
2022-10-04 15:24:58 +00:00
}
@media (min-width: 768px) {
#speed-carot-modal .speed-modal-image
{
width: 50px;
height: 50px;
}
minor css modification
2023-01-01 08:17:10 +00:00
.emoji-modal, .awardmodal {
make emoji-modal and award-modal 90% width on desktop insttead of 80%
2022-10-06 23:41:18 +00:00
max-width: 90% !important
minor css change
2023-01-01 08:03:51 +00:00
}
decrrease max-width for a bunch of modals from 90% to 85%
2022-10-06 01:01:52 +00:00
}
increase margin for "forgot password?"
2022-10-16 08:26:19 +00:00
.d-block {
display: block !important;
}
limit height of bio in popover to 50vh
2022-10-17 08:51:16 +00:00
.popover-bio-div {
same as last commit
2022-11-07 05:19:15 +00:00
max-height: 20vh !important;
limit height of bio in popover to 50vh
2022-10-17 08:51:16 +00:00
overflow: auto;
}
stop using "d-none d-md-block"
2022-10-23 17:57:38 +00:00
remove ugly scrollbar from popover
2022-11-12 10:46:51 +00:00
.popover-badges-div {
max-height: 10vh !important;
overflow: auto;
}
stop using "d-none d-md-block"
2022-10-23 17:57:38 +00:00
@media (max-width: 768px) {
.d-mob-none {
display: none !important;
}
}
convert more <a> tags to <button> tags
2022-10-28 22:51:10 +00:00
.comment-actions > * {
color: var(--gray-100);
text-decoration: none;
text-align: left;
margin-bottom: 2px;
font-size: 1rem;
font-weight: 600;
}
.comment-actions *:hover {
color: var(--black);
}
small refactor to buttons on userpages
2022-10-31 22:43:18 +00:00
.actionbtns > *:not(.d-none) {
display: inline !important;
margin-bottom: 10px !important;
margin-right: 5px !important;
}
.actionbtns > form > * {
margin-bottom: 10px !important;
}
minor css changes for expanded images on mobile
2023-06-26 11:52:38 +00:00
fix expanded images
2023-06-07 04:43:55 +00:00
#expandImageModal > .modal-dialog {
make expanded images take full width on mobile
2023-06-25 17:40:08 +00:00
max-width: 100% !important;
fix expanded images
2023-06-07 04:43:55 +00:00
max-height: 100%;
height: 100%;
same as last commit
2023-06-07 04:52:28 +00:00
margin-top: 0 !important;
cleanup in aisle 4
2023-07-03 00:26:20 +00:00
margin-bottom: 0 !important;
fix expanded images
2023-06-07 04:43:55 +00:00
}
minor css changes for expanded images on mobile
2023-06-26 11:52:38 +00:00
#desktop-expanded-image {
max-width: 90%;
increase expanded image height on desktop
2023-06-29 19:46:30 +00:00
max-height: 100vh;
minor css changes for expanded images on mobile
2023-06-26 11:52:38 +00:00
border: 5px white solid;
}
@media (max-width: 768px) {
reduce expanded image height on mobile
2023-06-25 18:21:20 +00:00
#desktop-expanded-image {
minor css changes for expanded images on mobile
2023-06-26 11:52:38 +00:00
max-width: 100%;
max-height: 65vh;
same as last commit
2023-06-07 05:03:33 +00:00
}
}
minor css changes for expanded images on mobile
2023-06-26 11:52:38 +00:00
small margin fix
2022-11-07 07:25:16 +00:00
.fas.fa-ellipsis-h {
fix margins
2022-11-08 10:05:07 +00:00
margin: 0 0.15rem 0 0 !important;
small margin fix
2022-11-07 07:25:16 +00:00
}
fix sizing of thin badge in popover
2022-11-12 10:42:08 +00:00
.pop-badge {
width: 32px;
height: 35px;
object-fit: contain;
}
make banners not retarded + increase future scalability
2022-11-15 01:28:43 +00:00
exempt holes from the new banner code
2023-05-05 22:08:12 +00:00
.site-banner {
make banners not retarded + increase future scalability
2022-11-15 01:28:43 +00:00
width: 100%;
stop banners from making page jump
2023-05-02 16:44:39 +00:00
height: 100%;
adjust last commit
2023-04-27 12:05:16 +00:00
max-height: 30vh;
Revert "use "cover" for site banners" This reverts commit 31df17004e7f610beb756bd398c86aaf7577f067.
2023-05-03 22:34:19 +00:00
object-fit: contain;
make banners not retarded + increase future scalability
2022-11-15 01:28:43 +00:00
}
exempt holes from the new banner code
2023-05-05 22:08:12 +00:00
.site-banner-hole {
width: 100%;
height: 100%;
max-height: min(42vh,30vw) !important;
object-fit: cover;
}
stop banners from making page jump
2023-05-02 16:44:39 +00:00
.banner-wrapper > div {
position: relative;
}
.banner-wrapper > div > div {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
minor css fix
2022-11-26 04:07:26 +00:00
log: fix word wrap bug log: remove network bloat by abt 10x
2022-11-26 19:08:26 +00:00
.modlog-action {
display: flex;
flex-wrap: wrap;
Revert "stop using background css property and use its parts instead" This reverts commit e4e67a44248ea37d8f2cc205407d8a6309184a34.
2022-12-03 22:17:24 +00:00
background: var(--gray-600) !important;
log: fix word wrap bug log: remove network bloat by abt 10x
2022-11-26 19:08:26 +00:00
position: relative;
align-items: center;
justify-content: space-between;
overflow-wrap: anywhere;
padding: 1rem 1rem 1rem 1rem;
}
.modlog-action:not(:first-of-type) {
border-top: 1px solid var(--gray-400) !important;
}
sigs: limit to 250px (configurable by variable)
2022-11-27 18:15:33 +00:00
:root {
increase --signature-max-height by 50px
2022-12-11 19:55:50 +00:00
--signature-max-height: 300px;
sigs: limit to 250px (configurable by variable)
2022-11-27 18:15:33 +00:00
}
.user-signature {
max-height: var(--signature-max-height);
overflow: clip;
}
fix award modal on mobile
2022-12-03 00:14:08 +00:00
.award-name {
font-weight: bold;
color:#E1E1E1;
}
like last commit
2022-12-27 03:57:34 +00:00
.award-name, .award-owned {
like last commit sorta
2022-12-27 03:57:20 +00:00
font-size: 13px;
fix award modal on mobile
2022-12-03 00:14:08 +00:00
}
downloadable videos on apple devices (#42) ![image](/attachments/bd1b3e1e-c0a9-4eee-9b1c-a03e1e8a8cbd) Co-authored-by: Aevann1 <randomname42029@gmail.com> Co-authored-by: Snakes <duolsm@outlook.com> Co-authored-by: Snakes <snakes@noreply.fsdfsd.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/42 Co-authored-by: Aevann <aevann@noreply.fsdfsd.net> Co-committed-by: Aevann <aevann@noreply.fsdfsd.net>
2022-12-04 19:02:22 +00:00
@media (max-width: 768px) {
like last commit sorta
2022-12-27 03:57:20 +00:00
.award-name, .award-owned {
reduce award name size on mobile
2022-12-27 03:56:08 +00:00
font-size: 11px;
}
add tabs to award modal
2023-02-25 19:40:15 +00:00
.awards-wrapper > div > div {
like last commit
2022-12-27 04:00:22 +00:00
width: 101px!important;
}
downloadable videos on apple devices (#42) ![image](/attachments/bd1b3e1e-c0a9-4eee-9b1c-a03e1e8a8cbd) Co-authored-by: Aevann1 <randomname42029@gmail.com> Co-authored-by: Snakes <duolsm@outlook.com> Co-authored-by: Snakes <snakes@noreply.fsdfsd.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/42 Co-authored-by: Aevann <aevann@noreply.fsdfsd.net> Co-committed-by: Aevann <aevann@noreply.fsdfsd.net>
2022-12-04 19:02:22 +00:00
.download-video {
font-size: 10px;
}
}
resizable videos
2022-12-10 19:12:14 +00:00
[DO NOT MERGE] multiple sub banners (#59) allows multiple sub banners Snakes note: By request of Carp, especially for WPD. Co-authored-by: justcool393 <justcool393@gmail.com> Co-authored-by: Snakes <duolsm@outlook.com> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/59 Co-authored-by: justcool393 <justcool393@noreply.fsdfsd.net> Co-committed-by: justcool393 <justcool393@noreply.fsdfsd.net>
2022-12-11 23:44:34 +00:00
.sub-banner-update-section .sub-settings-subsection {
margin-bottom: 1em;
}
resizable videos
2022-12-10 19:12:14 +00:00
.resizable {
same as last 4 commits
2022-12-14 19:48:31 +00:00
resize: both;
same as last 2 commits
2022-12-14 19:45:30 +00:00
display: inline-block;
resizable videos
2022-12-10 19:12:14 +00:00
overflow: auto;
css fix for videos
2022-12-15 14:47:11 +00:00
max-width: 100vw !important;
resizable videos
2022-12-10 19:12:14 +00:00
}
.resizable > video {
prevent hiding of resize icon
2023-03-07 02:05:37 +00:00
height: 99% !important;
width: 99% !important;
back to 70vh for videos
2023-03-12 10:28:42 +00:00
max-height: 70vh !important;
css fix for videos
2022-12-15 14:47:11 +00:00
max-width: 100vw !important;
same as last 2 commits
2022-12-14 19:45:30 +00:00
margin: 0 !important;
resizable videos
2022-12-10 19:12:14 +00:00
}
fix css rule
2022-12-11 17:16:30 +00:00
.user-signature video {
max-height: min(var(--signature-max-height),50vh) !important;
}
make yt videos smaller inside textareas
2022-12-11 18:27:31 +00:00
.comment-text lite-youtube, #post-text lite-youtube {
spaces -> tabs
2023-05-02 16:15:46 +00:00
max-width: 500px;
margin-top: 5px;
make yt videos smaller inside textareas
2022-12-11 18:27:31 +00:00
}
minor css fix
2022-12-21 14:14:31 +00:00
.btn {
spaces -> tabs
2023-05-02 16:15:46 +00:00
overflow: hidden;
minor css fix
2022-12-21 14:14:31 +00:00
}
better looking award and gif modal
2022-12-21 16:07:17 +00:00
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
.giphy {
overflow: hidden;
background-color: var(--gray-600);
cursor: pointer;
better looking award and gif modal
2022-12-21 16:07:17 +00:00
}
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
#root > div.App {
background-color: rgb(var(--background));
better looking award and gif modal
2022-12-21 16:07:17 +00:00
}
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
.gif-categories img {
border-radius: 0.35rem;
width: 200px;
height: 35vh;
margin: 0 10px;
object-fit: contain;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
cursor: pointer;
better looking award and gif modal
2022-12-21 16:07:17 +00:00
}
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
.gif-categories img:hover {
border: 3px solid var(--primary);
better looking award and gif modal
2022-12-21 16:07:17 +00:00
}
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
.gif-categories .card .gif-cat-overlay {
position: absolute;
text-align: center;
fix gif modal cursor
2023-01-01 11:29:31 +00:00
height: 100%;
width: 100%;
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
background-color: rgba(0, 0, 0, 0.4);
border-radius: 0.35rem;
-webkit-transition: all 0.15s ease;
-moz-transition: all 0.15s ease;
-o-transition: all 0.15s ease;
-ms-transition: all 0.15s ease;
transition: all 0.15s ease;
fix gif modal cursor
2023-01-01 11:29:31 +00:00
cursor: pointer;
better looking award and gif modal
2022-12-21 16:07:17 +00:00
}
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
.gif-categories .card:hover .gif-cat-overlay {
background-color: rgba(0, 0, 0, 0.6);
border: 3px solid var(--primary);
better looking award and gif modal
2022-12-21 16:07:17 +00:00
}
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
.gif-categories .card {
display: inline-block;
margin: 0;
better looking award and gif modal
2022-12-21 16:07:17 +00:00
}
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
.gif-categories .card img {
margin: 0;
rework gif modal
2022-12-25 01:45:24 +00:00
}
rework gif modal and award modal
2022-12-26 01:57:09 +00:00
.gif-cat-overlay > div {
position: relative;
top: 50%;
transform: translateY(-50%);
color: #ffffff;
font-weight: bold;
limit chat on rdrama to jannoids
2022-12-25 20:13:29 +00:00
}
hide all scrollbars
2022-12-28 06:54:30 +00:00
restore main scrollbar
2022-12-30 04:00:29 +00:00
body * {
hide all scrollbars
2022-12-28 06:54:30 +00:00
-ms-overflow-style: none;
scrollbar-width: none;
}
restore main scrollbar
2022-12-30 04:00:29 +00:00
body *::-webkit-scrollbar {
hide all scrollbars
2022-12-28 06:54:30 +00:00
display: none;
}
stop using inline style/script elements
2022-12-29 14:20:27 +00:00
.shop-tabs {
padding-top: 50px;
}
more shop consistency
2023-05-03 17:26:44 +00:00
#shop-banner {
width: 500px;
}
stop using inline style/script elements
2022-12-29 14:20:27 +00:00
@media (max-width: 768px) {
more shop consistency
2023-05-03 17:26:44 +00:00
#shop-banner {
width: 80vw;
stop using inline style/script elements
2022-12-29 14:20:27 +00:00
}
.shop-tabs {
padding-top: 30px;
}
}
.shop-tab {
display: inline-flex;
max-width: 46.6%;
letter-spacing: 3px;
border-radius: 0;
}
.shop-tab.active {
background-color: var(--primary) !important;
pointer-events: none !important;
cursor: default !important;
}
PWA fixes (#161) * Content now takes the whole screen on latest iPhones and bottom bar now respects the bottom safe area inset * You can now pull to refresh in PWA Co-authored-by: borntolurk <borntolurk@rdrama.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/161 Co-authored-by: borntolurk <borntolurk@noreply.fsdfsd.net> Co-committed-by: borntolurk <borntolurk@noreply.fsdfsd.net>
2023-06-30 19:39:19 +00:00
#pulltorefresh {
align-content: center;
justify-content: center;
position: absolute;
top: 12px;
width: 100%;
display: flex;
}
#pulltorefresh > img {
height: 50px;
}
stop using inline style/script elements
2022-12-29 14:20:27 +00:00
body > .container {
PWA fixes (#161) * Content now takes the whole screen on latest iPhones and bottom bar now respects the bottom safe area inset * You can now pull to refresh in PWA Co-authored-by: borntolurk <borntolurk@rdrama.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/161 Co-authored-by: borntolurk <borntolurk@noreply.fsdfsd.net> Co-committed-by: borntolurk <borntolurk@noreply.fsdfsd.net>
2023-06-30 19:39:19 +00:00
--safe-area-inset-left: env(safe-area-inset-left);
--safe-area-inset-right: env(safe-area-inset-right);
padding-left: calc(20px + var(--safe-area-inset-left)) !important;
padding-right: calc(20px + var(--safe-area-inset-right)) !important;
stop using inline style/script elements
2022-12-29 14:20:27 +00:00
}
.emoji2 {
get rid of useless tabs and spaces
2023-01-01 11:36:20 +00:00
width:60px;
stop using inline style/script elements
2022-12-29 14:20:27 +00:00
height: 85px;
border: none
}
.emoji2 > img {
object-fit: contain;
minor css fix
2023-05-03 17:32:46 +00:00
width: 60px;
fix emoij-modal scrolling
2023-05-12 22:19:25 +00:00
height: 75px;
stop using inline style/script elements
2022-12-29 14:20:27 +00:00
}
.bg-image {
padding: 0.25rem;
width: 15rem;
height: 10rem;
object-fit: cover;
}
.bg-button {
margin: 0.25rem;
padding: 0;
}
.dismiss-beg {
color: #919191;
float: left;
font-size: 14px;
padding: 0.25rem 0.7rem 2rem 0.7rem;
}
#mobile-prompt + .bs-tooltip-bottom {
transform: None !important;
inset: 0px 0px auto auto !important;
}
.mod-rdrama:before {
content: '(((';
}
.mod-rdrama:after {
content: ')))';
}
#emojiTabs {height: 80%;}
@media (max-width: 650px) {
#emojiTabs {height: 100%;}
#emojiModalInternalDivIDK {margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 3rem !important; padding-bottom: 0 !important;}
#emoji-modal-tabs-container {
overflow-x: auto;
}
#emoji-modal-tabs {
white-space: nowrap;
flex-wrap: nowrap;
}
#emoji-modal-tabs li {
display: inline-block;
}
}
minor css fixes
2023-01-01 05:55:16 +00:00
@media (min-width: 1000px) {
#logo-WPD {
fix body top padding
2023-03-15 03:13:16 +00:00
width: 90px;
minor css fixes
2023-01-01 05:55:16 +00:00
margin-left: 0.5rem !important;
}
}
@media (min-width: 380px) {
#logo-rDrama {
width: 100px;
margin-left: 0.5rem !important;
}
}
make award modal look nicer
2023-01-01 08:56:05 +00:00
@media (min-width: 1400px) {
minor css modification
2023-01-01 08:17:10 +00:00
.awardmodal {
max-width: min(90%, 1200px) !important
}
}
remove vertical padding for <select> elements
2023-01-01 08:20:55 +00:00
select {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
background improvements
2023-01-01 09:59:29 +00:00
body {
background-color: rgb(var(--background));
}
fix color picker
2023-01-01 10:19:18 +00:00
.color-picker .fa-check {
spaces -> tabs
2023-05-02 16:15:46 +00:00
line-height: 2.3;
fix color picker
2023-01-01 10:19:18 +00:00
}
minor css fix
2023-01-01 11:06:28 +00:00
use .img class
2023-03-12 13:13:28 +00:00
.dm_img {
make a UI for /admin/dm_images
2023-01-27 12:24:39 +00:00
width: 200px;
max-height: 100vh !important;
fix squished images
2023-06-27 22:01:32 +00:00
object-fit: contain;
cleanup in aisle 4
2023-07-03 00:26:20 +00:00
object-position: left;
make a UI for /admin/dm_images
2023-01-27 12:24:39 +00:00
}
minor css fix
2023-02-06 06:05:37 +00:00
.navbar-nav > .nav-item {
text-align: left;
}
fix this https://stupidpol.site/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/3540539#context
2023-02-07 01:57:36 +00:00
sub, sup {
color: var(--black) !important;
}
add a max height for individial tags inside comments so this doesnt happen again https://stupidpol.site/h/meta/post/147023/poll-whos-ur-favorite-rdrama-train/3587461#context
2023-02-18 19:32:37 +00:00
hide number arrows
2023-02-21 18:12:33 +00:00
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
input[type=number] {
-moz-appearance: textfield !important;
}
merge header.css into main.css
2023-02-24 03:50:40 +00:00
fix unnecessary padding in headerless templates
2023-02-24 06:31:27 +00:00
.has_header {
minor css fix
2023-03-16 13:40:13 +00:00
padding-top: 85.75px !important
merge header.css into main.css
2023-02-24 03:50:40 +00:00
}
@media (max-width: 767.98px) {
fix unnecessary padding in headerless templates
2023-02-24 06:31:27 +00:00
.has_header {
Fix PWA top padding (#163) Co-authored-by: borntolurk <borntolurk@rdrama.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/163 Co-authored-by: borntolurk <borntolurk@noreply.fsdfsd.net> Co-committed-by: borntolurk <borntolurk@noreply.fsdfsd.net>
2023-07-01 22:14:59 +00:00
padding-top: calc(var(--safe-area-inset-top) + 67.8px) !important
merge header.css into main.css
2023-02-24 03:50:40 +00:00
}
}
make reply link unbreakable
2023-02-25 16:12:18 +00:00
unbreakable user mentions
2023-03-24 22:46:47 +00:00
.unbreakable, a[href^="/id/"] {
make reply link unbreakable
2023-02-25 16:12:18 +00:00
white-space: nowrap;
}
add tabs to award modal
2023-02-25 19:40:15 +00:00
add "owner" icon to ping groups member list
2023-02-26 10:35:50 +00:00
.group-owner {
height: 50px;
}
add tabs to award modal
2023-02-25 19:40:15 +00:00
@media (max-width: 768px) {
.award-tab {
better UI for ping groups
2023-02-25 21:44:02 +00:00
font-size: 10px !important;
letter-spacing: 1px !important;
}
.ping-groups * {
font-size: 12px !important;
}
.ping-groups .btn {
font-size: 10px !important;
padding: 5px !important;
}
#ping-groups .members {
padding-right: 3.7rem !important;
add tabs to award modal
2023-02-25 19:40:15 +00:00
}
add "owner" icon to ping groups member list
2023-02-26 10:35:50 +00:00
.group-owner {
height: 30px;
}
add tabs to award modal
2023-02-25 19:40:15 +00:00
}
minor padding fix
2023-03-05 19:47:23 +00:00
fix message input
2023-03-05 23:02:54 +00:00
#input-message, #input-message-mobile {
spaces -> tabs
2023-05-02 16:15:46 +00:00
min-height: 100px;
fix message input
2023-03-05 23:02:54 +00:00
}
fix this https://stupidpol.site/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/3729129#context
2023-03-06 23:41:59 +00:00
fix award note height
2023-03-10 21:41:07 +00:00
#note {
spaces -> tabs
2023-05-02 16:15:46 +00:00
min-height: 60px;
fix award note height
2023-03-10 21:41:07 +00:00
}
minor cosmetic hanges to award note
2023-06-08 04:07:08 +00:00
#notelabel {
font-size: 16px;
}
@media (max-width: 767.98px) {
#note, #notelabel {
font-size: 14px !important;
}
}
@media (max-width: 394px) {
#note {
min-height: 80px;
}
}
fix award note height
2023-03-10 21:41:07 +00:00
fix this https://stupidpol.site/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/3729129#context
2023-03-06 23:41:59 +00:00
.collapsed .showmore-text
{
spaces -> tabs
2023-05-02 16:15:46 +00:00
display: none;
fix this https://stupidpol.site/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/3729129#context
2023-03-06 23:41:59 +00:00
}
minor cosmetic improvement to /ping_groups
2023-03-07 01:02:49 +00:00
.ping-groups td > a {
spaces -> tabs
2023-05-02 16:15:46 +00:00
min-width: 30px;
display: inline-block;
minor cosmetic improvement to /ping_groups
2023-03-07 01:02:49 +00:00
}
reduce blockquote padding on mobile
2023-03-12 14:19:02 +00:00
.comment .comment-collapse-desktop {
padding-right: 20px;
cursor: pointer;
}
@media (max-width: 767.98px) {
.comment .comment-collapse-desktop {
Revert "bigger collapse lines on mobile" This reverts commit 0abd80a24de5d55f934b9f13e06058ba965d3c19.
2023-03-14 06:29:26 +00:00
padding-right: 10px;
reduce blockquote padding on mobile
2023-03-12 14:19:02 +00:00
}
blockquote {
padding-left: 10px;
}
}
prevent buttons from getting underlined
2023-03-15 05:58:00 +00:00
button, .btn {
spaces -> tabs
2023-05-02 16:15:46 +00:00
text-decoration: none !important;
prevent buttons from getting underlined
2023-03-15 05:58:00 +00:00
}
minor css fixes for body padding
2023-03-16 04:50:38 +00:00
@media (min-width: 767.98px) {
.srd {
minor css fix
2023-03-16 13:40:13 +00:00
font-size: 16px;
minor css fixes for body padding
2023-03-16 04:50:38 +00:00
}
}
disable "GIVE AWARD" button on carp and pizzashill
2023-03-18 16:10:14 +00:00
[disabled], .disabled, button[disabled], .btn[disabled], button.disabled, .btn.disabled {
color: #6c757d !important;
pointer-events: none !important;
cursor: default !important;
}
fix this https://stupidpol.site/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/3818998#context
2023-03-18 17:06:32 +00:00
.form-inline.search .form-control, [readonly] {
background-color: var(--gray-800);
font-size: 1rem;
color: var(--white) !important;
}
make /h/countryclub name be a rotating rainbow
2023-03-21 14:41:39 +00:00
:not(td) > a[href="/h/countryclub"] {
animation: rb 8s linear infinite;
}
use css for chud images instead
2023-03-24 12:29:19 +00:00
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-img:after {
fix chud images for firefox-cels
2023-03-25 15:57:49 +00:00
content: "";
display: inline-block;
margin-top: 10px;
spaces -> tabs
2023-05-02 16:15:46 +00:00
margin-bottom: 10px;
fix chud images for firefox-cels
2023-03-25 15:57:49 +00:00
width: 250px;
height: 150px;
background-size: contain !important;
background-repeat: no-repeat !important;
}
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-0:after {
cachebust everything
2023-06-29 20:14:30 +00:00
background: url("/i/chud/0.webp?x=6");
use css for chud images instead
2023-03-24 12:29:19 +00:00
}
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-1:after {
cachebust everything
2023-06-29 20:14:30 +00:00
background: url("/i/chud/1.webp?x=6");
use css for chud images instead
2023-03-24 12:29:19 +00:00
}
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-2:after {
cachebust everything
2023-06-29 20:14:30 +00:00
background: url("/i/chud/2.webp?x=6");
use css for chud images instead
2023-03-24 12:29:19 +00:00
}
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-3:after {
cachebust everything
2023-06-29 20:14:30 +00:00
background: url("/i/chud/3.webp?x=6");
use css for chud images instead
2023-03-24 12:29:19 +00:00
}
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-4:after {
cachebust everything
2023-06-29 20:14:30 +00:00
background: url("/i/chud/4.webp?x=6");
use css for chud images instead
2023-03-24 12:29:19 +00:00
}
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-5:after {
cachebust everything
2023-06-29 20:14:30 +00:00
background: url("/i/chud/5.webp?x=6");
fix chud images for firefox-cels
2023-03-25 15:57:49 +00:00
height: 100px;
use css for chud images instead
2023-03-24 12:29:19 +00:00
}
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-6:after {
cachebust everything
2023-06-29 20:14:30 +00:00
background: url("/i/chud/6.webp?x=6");
use css for chud images instead
2023-03-24 12:29:19 +00:00
}
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-7:after, .chud-8:after, .chud-9:after {
cachebust everything
2023-06-29 20:14:30 +00:00
background: url("/i/chud/7.webp?x=6");
use css for chud images instead
2023-03-24 12:29:19 +00:00
}
reduce agendaposter:after size for small screens
2023-03-24 14:16:45 +00:00
fix chud images for firefox-cels
2023-03-25 15:57:49 +00:00
reduce agendaposter:after size for small screens
2023-03-24 14:16:45 +00:00
@media (max-width: 410px) {
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-img:after {
minor cosmetic fix to chud images
2023-03-25 16:03:38 +00:00
margin-bottom: 0;
fix chud images for firefox-cels
2023-03-25 15:57:49 +00:00
width: 50vw;
height: 100px;
minor css change
2023-03-24 22:10:11 +00:00
}
rename "agendaposter" to "chud"
2023-06-23 11:07:47 +00:00
.chud-5:after {
fix chud images for firefox-cels
2023-03-25 15:57:49 +00:00
height: 65px;
}
reduce agendaposter:after size for small screens
2023-03-24 14:16:45 +00:00
}
make cat always appear on top
2023-04-28 09:33:31 +00:00
rename marseko to cursormarsey
2023-05-04 15:30:12 +00:00
#cursormarsey {
make cat always appear on top
2023-04-28 09:33:31 +00:00
z-index: 1000000000000000;
make marseko appear in random positions
2023-04-29 21:07:37 +00:00
width: 32px;
height: 32px;
position: fixed;
cachebust everything
2023-06-29 20:14:30 +00:00
background-image: url('/i/cursormarsey.webp?x=6');
make marseko appear in random positions
2023-04-29 21:07:37 +00:00
image-rendering: pixelated;
background-position: -64px -32px;
make cat always appear on top
2023-04-28 09:33:31 +00:00
}
rename marseko to cursormarsey
2023-05-04 15:30:12 +00:00
#cursormarsey-heart {
add petting marsey
2023-05-03 18:32:19 +00:00
z-index: 1000000000000000;
width: 24px;
height: 24px;
position: fixed;
pointer-events: none;
cachebust everything
2023-06-29 20:14:30 +00:00
background-image: url('/i/cursormarsey-heart.webp?x=6');
add petting marsey
2023-05-03 18:32:19 +00:00
background-size: cover;
left: 24px;
top: 0px;
}
fix last commit
2023-05-01 22:07:15 +00:00
.dots {
color: var(--primary) !important;
minor cosmetic improvement
2023-05-01 22:13:20 +00:00
cursor: default;
fix last commit
2023-05-01 22:07:15 +00:00
}
stop sidebar image from making page jump
2023-05-02 16:46:42 +00:00
increase patron images and house images height to 25px
2023-05-02 17:21:21 +00:00
.house-img, .patron-img {
height: 25px;
}
stop sidebar image from making page jump
2023-05-02 16:46:42 +00:00
.sidebar-img {
width: 100%;
}
stop post linked image from causing page jumps
2023-05-02 16:52:37 +00:00
.post-linked-img {
fix .post-linked-img
2023-05-02 19:05:07 +00:00
max-height: 500px;
minor fix
2023-05-03 21:09:36 +00:00
max-width: 100%;
stop post linked image from causing page jumps
2023-05-02 16:52:37 +00:00
}
stop inline images from causing page jumps
2023-05-02 16:54:37 +00:00
.img {
height: 100%;
width: auto;
}
stop sidebar from causing page jumps and make it load first
2023-05-03 14:20:26 +00:00
.order-first {
-ms-flex-order: -1;
order: -1;
}
more shop consistency
2023-05-03 17:26:44 +00:00
#shop-stats {
display: table;
margin: 0 auto;
}
#shop-stats > li {
text-align: left;
font-weight: bold;
margin-bottom: 0.25rem;
margin-top: 0;
font-size: 12px;
}
@media (min-width: 768px) {
#shop-stats > li {
margin-bottom: 0.5rem;
margin-top: 0;
font-size: 16px;
}
}
#profile--info > p, #profile-mobile--info > p {
margin-bottom: 0.25rem;
}
minor cosmetic fix
2023-05-03 22:07:36 +00:00
#profile--info > p:last-of-type {
margin-bottom: 1rem;
}
#profile-mobile--info > p:last-of-type {
more shop consistency
2023-05-03 17:26:44 +00:00
margin-bottom: 0.75rem;
}
#profile-mobile--alts-list {
display: table;
margin: 0 auto;
}
#profile-mobile--alts-list > li {
text-align: left;
}
#profile-mobile--info {
margin-top: -10px;
}
make the heart beat (thx chibb)
2023-05-03 22:41:17 +00:00
@keyframes animateHeart {
0% {transform: scale(0.8);}
5% {transform: scale(0.9);}
10% {transform: scale(0.8);}
15% {transform: scale(1);}
50% {transform: scale(0.8);}
100% {transform: scale(0.8);}
}
rename marseko to cursormarsey
2023-05-04 15:30:12 +00:00
#cursormarsey-heart {
make the heart beat (thx chibb)
2023-05-03 22:41:17 +00:00
animation: animateHeart 0.3s infinite;
}
minor css fix
2023-05-05 04:12:06 +00:00
th.disable-sort-click[disabled] {
font-weight: 900;
box-shadow: inset 0 -4px 0 white;
}
try to fix this https://rdrama.net/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/4126476#context
2023-05-09 23:56:12 +00:00
#expandImageModal a {
pointer-events: auto;
}
add padding on award modal on mobile so buttons dont get covered by success message
2023-05-11 12:43:23 +00:00
@media (max-width: 768px) {
#award_price_block {
margin-bottom: 50px;
}
}
css fix for mobile nav bar
2023-05-11 13:06:18 +00:00
PWA fixes (#161) * Content now takes the whole screen on latest iPhones and bottom bar now respects the bottom safe area inset * You can now pull to refresh in PWA Co-authored-by: borntolurk <borntolurk@rdrama.net> Reviewed-on: https://fsdfsd.net/rDrama/rDrama/pulls/161 Co-authored-by: borntolurk <borntolurk@noreply.fsdfsd.net> Co-committed-by: borntolurk <borntolurk@noreply.fsdfsd.net>
2023-06-30 19:39:19 +00:00
@supports(padding: env(safe-area-inset-bottom)) {
#mobile-bottom-navigation-bar {
--safe-area-inset-left: env(safe-area-inset-left);
--safe-area-inset-right: env(safe-area-inset-right);
--safe-area-inset-bottom: env(safe-area-inset-bottom);
padding-top: 0.5rem;
padding-left: max(0.5rem, var(--safe-area-inset-left));
padding-right: max(0.5rem, var(--safe-area-inset-right));
padding-bottom: max(0.5rem, var(--safe-area-inset-bottom));
}
}
css fix for mobile nav bar
2023-05-11 13:06:18 +00:00
#mobile-bottom-navigation-bar > button {
overflow: visible
}
add :marseycursor:
2023-05-13 03:09:04 +00:00
img[src="/e/marseycursor.webp"] {
fix :marseycursor:'s size
2023-05-13 05:13:23 +00:00
width: 29px !important;
height: 29px !important;
add :marseycursor:
2023-05-13 03:09:04 +00:00
image-rendering: pixelated;
}
fix this https://rdrama.net/post/18459/marseycapywalking-megathread-for-bugs-and-suggestions/4185981#context
2023-05-20 11:12:17 +00:00
bdi {
overflow: hidden !important;
}
make spider smaller on mobile (firefox not supported)
2023-06-27 21:00:10 +00:00
@media (max-width: 768px) {
.bug[style*="/i/spider-sprite.webp"] {
make spider a bit bigger on mobile
2023-07-14 09:26:54 +00:00
zoom: 0.7;
make spider smaller on mobile (firefox not supported)
2023-06-27 21:00:10 +00:00
}
}
break original usernames
2023-06-29 21:44:15 +00:00
.breakable {
white-space: normal;
}
make repost warning more noticable
2023-06-30 21:34:15 +00:00
#system {
font-size: 16px;
}