even more style changes

This commit is contained in:
2025-12-15 05:40:17 +03:00
parent 36e17c6677
commit f27d8eaf7e
5 changed files with 72 additions and 61 deletions

View File

@@ -44,7 +44,7 @@
.reaction-button.active, .tab-button, .currentpage, .pagebutton, input[type=file]::file-selector-button, button.warn, input[type=submit].warn, .linkbutton.warn, button.critical, input[type=submit].critical, .linkbutton.critical, button, input[type=submit], .linkbutton {
cursor: default;
font-size: 1rem;
font-size: 1em;
font-family: "Cadman", sans-serif;
text-decoration: none;
border: 1px solid black;
@@ -60,6 +60,11 @@ body {
color: black;
}
@media (orientation: portrait) {
body {
margin: 20px 0;
}
}
:where(a:link) {
color: #c11c1c;
}
@@ -69,7 +74,7 @@ body {
}
.big {
font-size: 1.8rem;
font-size: 1.8em;
}
#topnav {
@@ -114,7 +119,7 @@ body {
.site-title {
font-family: "site-title";
font-size: 3rem;
font-size: 3em;
margin: 0 20px;
text-decoration: none;
color: black;
@@ -122,7 +127,7 @@ body {
.thread-title {
margin: 0;
font-size: 1.5rem;
font-size: 1.5em;
font-weight: bold;
}
@@ -223,7 +228,7 @@ code {
pre code {
display: block;
background-color: rgb(38.5714173228, 40.9237007874, 35.6762992126);
font-size: 1rem;
font-size: 1em;
color: white;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
@@ -607,7 +612,7 @@ pre code { /* Literal.Number.Integer.Long */ }
display: inline-block;
margin: 4px;
border-radius: 4px;
font-size: 1rem;
font-size: 1em;
white-space: pre;
}
@@ -800,7 +805,7 @@ input[type=file]::file-selector-button {
}
p {
margin: 15px 0;
margin: 10px 0;
}
.pagebutton {
@@ -860,7 +865,7 @@ input[type=text], input[type=password], textarea, select {
resize: vertical;
color: black;
background-color: rgb(217.8, 225.6, 208.2);
font-size: 100%;
font-size: 1em;
font-family: inherit;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
@@ -1124,7 +1129,7 @@ textarea {
}
.babycode-preview-errors-container {
font-size: 0.8rem;
font-size: 0.8em;
}
.tab-button {
@@ -1270,9 +1275,6 @@ ul.horizontal li, ol.horizontal li {
padding: 5px 10px;
min-width: 36px;
}
.babycode-button > * {
font-size: 1rem;
}
.quote-popover {
position: absolute;

View File

@@ -44,7 +44,7 @@
.reaction-button.active, .tab-button, .currentpage, .pagebutton, input[type=file]::file-selector-button, button.warn, input[type=submit].warn, .linkbutton.warn, button.critical, input[type=submit].critical, .linkbutton.critical, button, input[type=submit], .linkbutton {
cursor: default;
font-size: 1rem;
font-size: 1em;
font-family: "Cadman", sans-serif;
text-decoration: none;
border: 1px solid black;
@@ -60,6 +60,11 @@ body {
color: #e6e6e6;
}
@media (orientation: portrait) {
body {
margin: 20px 0;
}
}
:where(a:link) {
color: #e87fe1;
}
@@ -69,7 +74,7 @@ body {
}
.big {
font-size: 1.8rem;
font-size: 1.8em;
}
#topnav {
@@ -114,7 +119,7 @@ body {
.site-title {
font-family: "site-title";
font-size: 3rem;
font-size: 3em;
margin: 0 20px;
text-decoration: none;
color: white;
@@ -122,7 +127,7 @@ body {
.thread-title {
margin: 0;
font-size: 1.5rem;
font-size: 1.5em;
font-weight: bold;
}
@@ -223,7 +228,7 @@ code {
pre code {
display: block;
background-color: #302731;
font-size: 1rem;
font-size: 1em;
color: white;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
@@ -607,7 +612,7 @@ pre code { /* Literal.Number.Integer.Long */ }
display: inline-block;
margin: 4px;
border-radius: 8px;
font-size: 1rem;
font-size: 1em;
white-space: pre;
}
@@ -800,7 +805,7 @@ input[type=file]::file-selector-button {
}
p {
margin: 15px 0;
margin: 10px 0;
}
.pagebutton {
@@ -860,7 +865,7 @@ input[type=text], input[type=password], textarea, select {
resize: vertical;
color: #e6e6e6;
background-color: #371e37;
font-size: 100%;
font-size: 1em;
font-family: inherit;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
@@ -1124,7 +1129,7 @@ textarea {
}
.babycode-preview-errors-container {
font-size: 0.8rem;
font-size: 0.8em;
}
.tab-button {
@@ -1270,9 +1275,6 @@ ul.horizontal li, ol.horizontal li {
padding: 5px 10px;
min-width: 36px;
}
.babycode-button > * {
font-size: 1rem;
}
.quote-popover {
position: absolute;

View File

@@ -44,7 +44,7 @@
.reaction-button.active, .tab-button, .currentpage, .pagebutton, input[type=file]::file-selector-button, button.warn, input[type=submit].warn, .linkbutton.warn, button.critical, input[type=submit].critical, .linkbutton.critical, button, input[type=submit], .linkbutton {
cursor: default;
font-size: 1rem;
font-size: 1em;
font-family: "Cadman", sans-serif;
text-decoration: none;
border: 1px solid black;
@@ -60,6 +60,11 @@ body {
color: black;
}
@media (orientation: portrait) {
body {
margin: 12px 0;
}
}
:where(a:link) {
color: black;
}
@@ -69,7 +74,7 @@ body {
}
.big {
font-size: 1.8rem;
font-size: 1.8em;
}
#topnav {
@@ -114,7 +119,7 @@ body {
.site-title {
font-family: "site-title";
font-size: 3rem;
font-size: 3em;
margin: 0 12px;
text-decoration: none;
color: black;
@@ -122,7 +127,7 @@ body {
.thread-title {
margin: 0;
font-size: 1.5rem;
font-size: 1.5em;
font-weight: bold;
}
@@ -223,7 +228,7 @@ code {
pre code {
display: block;
background-color: rgb(41.7051685393, 28.2759550562, 24.6948314607);
font-size: 1rem;
font-size: 1em;
color: white;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
@@ -607,7 +612,7 @@ pre code { /* Literal.Number.Integer.Long */ }
display: inline-block;
margin: 4px;
border-radius: 16px;
font-size: 1rem;
font-size: 1em;
white-space: pre;
}
@@ -800,7 +805,7 @@ input[type=file]::file-selector-button {
}
p {
margin: 8px 0;
margin: 6px 0;
}
.pagebutton {
@@ -860,7 +865,7 @@ input[type=text], input[type=password], textarea, select {
resize: vertical;
color: black;
background-color: rgb(247.2, 175.2, 156);
font-size: 100%;
font-size: 1em;
font-family: inherit;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
@@ -1124,7 +1129,7 @@ textarea {
}
.babycode-preview-errors-container {
font-size: 0.8rem;
font-size: 0.8em;
}
.tab-button {
@@ -1270,9 +1275,6 @@ ul.horizontal li, ol.horizontal li {
padding: 3px 6px;
min-width: 36px;
}
.babycode-button > * {
font-size: 1rem;
}
.quote-popover {
position: absolute;

View File

@@ -44,7 +44,7 @@
.reaction-button.active, .tab-button, .currentpage, .pagebutton, input[type=file]::file-selector-button, button.warn, input[type=submit].warn, .linkbutton.warn, button.critical, input[type=submit].critical, .linkbutton.critical, button, input[type=submit], .linkbutton {
cursor: default;
font-size: 1rem;
font-size: 1em;
font-family: "Cadman", sans-serif;
text-decoration: none;
border: 1px solid black;
@@ -60,6 +60,11 @@ body {
color: black;
}
@media (orientation: portrait) {
body {
margin: 20px 0;
}
}
:where(a:link) {
color: #711579;
}
@@ -69,7 +74,7 @@ body {
}
.big {
font-size: 1.8rem;
font-size: 1.8em;
}
#topnav {
@@ -114,7 +119,7 @@ body {
.site-title {
font-family: "site-title";
font-size: 3rem;
font-size: 3em;
margin: 0 20px;
text-decoration: none;
color: black;
@@ -122,7 +127,7 @@ body {
.thread-title {
margin: 0;
font-size: 1.5rem;
font-size: 1.5em;
font-weight: bold;
}
@@ -223,7 +228,7 @@ code {
pre code {
display: block;
background-color: rgb(37.9418181818, 42.3818181818, 50.8581818182);
font-size: 1rem;
font-size: 1em;
color: white;
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
@@ -607,7 +612,7 @@ pre code { /* Literal.Number.Integer.Long */ }
display: inline-block;
margin: 4px;
border-radius: 4px;
font-size: 1rem;
font-size: 1em;
white-space: pre;
}
@@ -800,7 +805,7 @@ input[type=file]::file-selector-button {
}
p {
margin: 15px 0;
margin: 10px 0;
}
.pagebutton {
@@ -860,7 +865,7 @@ input[type=text], input[type=password], textarea, select {
resize: vertical;
color: black;
background-color: rgb(225.6, 232.2, 244.8);
font-size: 100%;
font-size: 1em;
font-family: inherit;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
@@ -1124,7 +1129,7 @@ textarea {
}
.babycode-preview-errors-container {
font-size: 0.8rem;
font-size: 0.8em;
}
.tab-button {
@@ -1270,9 +1275,6 @@ ul.horizontal li, ol.horizontal li {
padding: 5px 10px;
min-width: 36px;
}
.babycode-button > * {
font-size: 1rem;
}
.quote-popover {
position: absolute;

View File

@@ -118,7 +118,7 @@ $button_border_radius: $DEFAULT_BORDER_RADIUS !default;
$button_margin: $SMALL_PADDING $ZERO_PADDING !default;
%button-base {
cursor: default;
font-size: 1rem;
font-size: 1em;
font-family: "Cadman", sans-serif;
text-decoration: none;
border: $button_border;
@@ -178,6 +178,13 @@ body {
color: $DEFAULT_FONT_COLOR;
}
$body_portrait_margin: $BIG_PADDING $ZERO_PADDING !default;
@media (orientation: portrait) {
body {
margin: $body_portrait_margin;
}
}
$link_color: #c11c1c !default;
$link_color_visited: #730c0c !default;
:where(a:link){
@@ -188,7 +195,7 @@ $link_color_visited: #730c0c !default;
}
.big {
font-size: 1.8rem;
font-size: 1.8em;
}
$topnav_color: $ACCENT_COLOR !default;
@@ -224,7 +231,7 @@ $user_actions_gap: $MEDIUM_BIG_PADDING !default;
}
$site_title_margin: $ZERO_PADDING $BIG_PADDING !default;
$site_title_size: 3rem !default;
$site_title_size: 3em !default;
$site_title_color: $DEFAULT_FONT_COLOR !default;
.site-title {
font-family: "site-title";
@@ -235,7 +242,7 @@ $site_title_color: $DEFAULT_FONT_COLOR !default;
}
$thread_title_margin: $ZERO_PADDING !default;
$thread_title_size: 1.5rem !default;
$thread_title_size: 1.5em !default;
.thread-title {
margin: $thread_title_margin;
font-size: $thread_title_size;
@@ -373,7 +380,7 @@ $code_border_left: $MEDIUM_PADDING solid $LIGHT_2 !default;
pre code {
display: block;
background-color: $code_background_color;
font-size: 1rem;
font-size: 1em;
color: $code_font_color;
border-bottom-right-radius: $code_border_radius;
border-bottom-left-radius: $code_border_radius;
@@ -497,7 +504,7 @@ $inline_code_padding: $SMALL_PADDING $MEDIUM_PADDING !default;
display: inline-block;
margin: $inline_code_margin;
border-radius: $inline_code_border_radius;
font-size: 1rem;
font-size: 1em;
white-space: pre;
}
@@ -648,7 +655,7 @@ input[type="file"]::file-selector-button {
margin: $MEDIUM_PADDING;
}
$para_margin: $MEDIUM_BIG_PADDING $ZERO_PADDING !default;
$para_margin: $MEDIUM_PADDING $ZERO_PADDING !default;
p {
margin: $para_margin;
}
@@ -701,7 +708,7 @@ input[type="text"], input[type="password"], textarea, select {
resize: vertical;
color: $text_input_font_color;
background-color: $text_input_background;
font-size: 100%;
font-size: 1em;
font-family: inherit;
&:focus {
@@ -1042,7 +1049,7 @@ $post_editing_context_margin: $BIG_PADDING $ZERO_PADDING !default;
}
.babycode-preview-errors-container {
font-size: 0.8rem;
font-size: 0.8em;
}
$tab_button_color: $BUTTON_COLOR !default;
@@ -1200,10 +1207,6 @@ $babycode_button_min_width: $accordion_button_size !default;
.babycode-button {
padding: $babycode_button_padding;
min-width: $babycode_button_min_width;
&> * {
font-size: 1rem;
}
}
$quote_fragment_background_color: #00000080 !default;