Merge branch 'main' of gitlab.com:bashrc2/epicyon

merge-requests/30/head
Bob Mottram 2022-04-06 12:02:23 +01:00
commit a559201960
4 changed files with 173 additions and 162 deletions

View File

@ -1,21 +1,21 @@
:root { :root {
--main-bg-color: #e6ebf0; --main-bg-color: #282c37;
--calendar-bg-color: #e6ebf0; --calendar-bg-color: #282c37;
--lines-color: darkblue; --lines-color: grey;
--day-number: black; --day-number: #dddddd;
--day-number2: #282c37; --day-number2: #bbbbbb;
--time-color: black; --time-color: #aaa;
--place-color: black; --place-color: black;
--event-color: #282c37; --event-color: grey;
--event-public-color: #282c37; --event-public-color: #282c37;
--today-foreground: white; --today-foreground: black;
--today-circle: #03a494; --today-circle: grey;
--event-background: lightgrey; --event-background: black;
--event-background-private: grey; --event-background-private: #222;
--event-foreground: white; --event-foreground: white;
--title-text: white; --title-text: white;
--title-background: #2b5c6d; --title-background: grey;
--focus-color: grey; --focus-color: white;
--calendar-horizontal-padding: 0; --calendar-horizontal-padding: 0;
--calendar-cell-size: 1.5vw; --calendar-cell-size: 1.5vw;
--calendar-cell-size-mobile: 1.5vw; --calendar-cell-size-mobile: 1.5vw;
@ -30,7 +30,7 @@
--font-size-calendar-cell-tiny: 2rem; --font-size-calendar-cell-tiny: 2rem;
--calendar-header-font: 'Montserrat'; --calendar-header-font: 'Montserrat';
--calendar-header-font-style: italic; --calendar-header-font-style: italic;
--main-link-color-hover: blue; --main-link-color-hover: #bbb;
--rendering: normal; --rendering: normal;
--ical-icon-size: 32px; --ical-icon-size: 32px;
--ical-icon-size-mobile: 80px; --ical-icon-size-mobile: 80px;

View File

@ -13,36 +13,36 @@
--timeline-icon-width: 50px; --timeline-icon-width: 50px;
--timeline-icon-width-mobile: 100px; --timeline-icon-width-mobile: 100px;
--timeline-icon-width-tiny: 50px; --timeline-icon-width-tiny: 50px;
--header-bg-color: #e6ebf0; --header-bg-color: #282c37;
--main-bg-color: #e6ebf0; --main-bg-color: #282c37;
--post-bg-color: #e6ebf0; --post-bg-color: #282c37;
--column-left-color: #e6ebf0; --column-left-color: #282c37;
--link-bg-color: #e6ebf0; --link-bg-color: #282c37;
--dropdown-fg-color: #222; --dropdown-fg-color: #dddddd;
--dropdown-bg-color: white; --dropdown-bg-color: #111;
--dropdown-bg-color-hover: lightgrey; --dropdown-bg-color-hover: #333;
--dropdown-fg-color-hover: #222; --dropdown-fg-color-hover: #dddddd;
--main-bg-color-reply: white; --main-bg-color-reply: #212c37;
--main-bg-color-dm: #e3dbf0; --main-bg-color-dm: #222;
--main-bg-color-report: #e3dbf0; --main-bg-color-report: #221c27;
--main-header-color-roles: #ebebf0; --main-header-color-roles: #282237;
--main-fg-color: #2d2c37; --main-fg-color: #dddddd;
--cw-color: #2d2c37; --cw-color: #dddddd;
--cw-style: normal; --cw-style: normal;
--cw-weight: bold; --cw-weight: bold;
--column-left-fg-color: #2d2c37; --column-left-fg-color: #dddddd;
--column-right-fg-color: black; --column-right-fg-color: yellow;
--column-right-fg-color-voted-on: red; --column-right-fg-color-voted-on: red;
--main-link-color: darkblue; --main-link-color: #999;
--main-link-color-hover: blue; --main-link-color-hover: #bbb;
--main-visited-color: #232c37; --main-visited-color: #888;
--border-color: #c0cdd9; --border-color: #505050;
--border-width: 1px; --border-width: 2px;
--border-width-header: 1px; --border-width-header: 2px;
--font-size-header: 18px; --font-size-header: 18px;
--font-size-header-mobile: 32px; --font-size-header-mobile: 32px;
--font-size-header-tiny: 16px; --font-size-header-tiny: 13px;
--font-color-header: black; --font-color-header: #ccc;
--font-size-button-mobile: 26px; --font-size-button-mobile: 26px;
--font-size-button-tiny: 13px; --font-size-button-tiny: 13px;
--font-size-links: 14px; --font-size-links: 14px;
@ -91,10 +91,10 @@
--button-background-hover: #777; --button-background-hover: #777;
--button-text-hover: white; --button-text-hover: white;
--button-selected: #666; --button-selected: #666;
--button-highlighted: #2b5c6d; --button-highlighted: green;
--button-fg-highlighted: #FFFFFF; --button-fg-highlighted: #FFFFFF;
--button-selected-highlighted: #2b5c6d; --button-selected-highlighted: darkgreen;
--button-approve: #2b5c6d; --button-approve: darkgreen;
--button-deny: darkred; --button-deny: darkred;
--button-width-chars: 10ch; --button-width-chars: 10ch;
--button-height: 10px; --button-height: 10px;
@ -104,16 +104,16 @@
--image-corners: 10%; --image-corners: 10%;
--gallery-border: #ccc; --gallery-border: #ccc;
--gallery-hover: #777; --gallery-hover: #777;
--gallery-text-color: black; --gallery-text-color: #ccc;
--gallery-font-size: 22px; --gallery-font-size: 22px;
--gallery-font-size-mobile: 35px; --gallery-font-size-mobile: 35px;
--gallery-font-size-tiny: 17.5px; --gallery-font-size-tiny: 17.5px;
--button-corner-radius: 5px; --button-corner-radius: 5px;
--timeline-border-radius: 5px; --timeline-border-radius: 5px;
--timeline-posts-background-color: #e6ebf0; --timeline-posts-background-color: #282c37;
--icons-side: right; --icons-side: right;
--title-color: #2a2c37; --title-color: #999;
--focus-color: grey; --focus-color: white;
--quote-right-margin: 0.1em; --quote-right-margin: 0.1em;
--quote-font-weight: normal; --quote-font-weight: normal;
--quote-font-size: 120%; --quote-font-size: 120%;
@ -121,8 +121,8 @@
--quote-font-size-tiny: 60%; --quote-font-size-tiny: 60%;
--line-spacing: 180%; --line-spacing: 180%;
--line-spacing-newswire: 120%; --line-spacing-newswire: 120%;
--newswire-item-moderated-color: grey; --newswire-item-moderated-color: white;
--newswire-date-moderated-color: grey; --newswire-date-moderated-color: white;
--column-left-width: 10vw; --column-left-width: 10vw;
--column-center-width: 80vw; --column-center-width: 80vw;
--column-right-width: 10vw; --column-right-width: 10vw;
@ -150,14 +150,14 @@
--column-right-icon-size: 2.1vw; --column-right-icon-size: 2.1vw;
--column-right-icon-size-mobile: 10%; --column-right-icon-size-mobile: 10%;
--column-right-icon-size-tiny: 5%; --column-right-icon-size-tiny: 5%;
--newswire-date-color: #00a594; --newswire-date-color: white;
--newswire-voted-background-color: black; --newswire-voted-background-color: black;
--login-button-color: #2b5c6d; --login-button-color: #2965;
--login-button-fg-color: black; --login-button-fg-color: black;
--button-event-corner-radius: 60px; --button-event-corner-radius: 60px;
--button-event-background-color: #2b5c6d; --button-event-background-color: green;
--button-event-fg-color: white; --button-event-fg-color: white;
--hashtag-background-color: grey; --hashtag-background-color: black;
--hashtag-fg-color: white; --hashtag-fg-color: white;
--tab-border-width: 0px; --tab-border-width: 0px;
--tab-border-color: grey; --tab-border-color: grey;
@ -195,7 +195,7 @@
--profile-text-align: left; --profile-text-align: left;
--verticals-width: 0; --verticals-width: 0;
--italic-font-style: italic; --italic-font-style: italic;
--header-font: 'NimbusSanL'; --header-font: 'Arial, Helvetica, sans-serif';
--button-bottom-margin: 10px; --button-bottom-margin: 10px;
--rendering: normal; --rendering: normal;
--voteresult-color: #dddddd; --voteresult-color: #dddddd;
@ -212,18 +212,18 @@
} }
@font-face { @font-face {
font-family: 'NimbusSanL'; font-family: 'Bedstead';
font-style: italic; font-style: italic;
font-weight: normal; font-weight: normal;
font-display: block; font-display: block;
src: url('./fonts/NimbusSanL-italic.otf') format('opentype'); src: url('./fonts/bedstead.otf') format('opentype');
} }
@font-face { @font-face {
font-family: 'NimbusSanL'; font-family: 'Bedstead';
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-display: block; font-display: block;
src: url('./fonts/NimbusSanL.otf') format('opentype'); src: url('./fonts/bedstead.otf') format('opentype');
} }
body, html { body, html {
@ -231,7 +231,7 @@ body, html {
color: var(--main-fg-color); color: var(--main-fg-color);
height: 100%; height: 100%;
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
min-width: 950px; min-width: 950px;
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); line-height: var(--line-spacing);
@ -398,7 +398,7 @@ a:focus {
} }
.profileHeader { .profileHeader {
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
position: relative; position: relative;
overflow: hidden; overflow: hidden;
margin: 10px; margin: 10px;
@ -458,14 +458,14 @@ a:focus {
.about { .about {
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
float: right; float: right;
} }
.blogreplies { .blogreplies {
color: var(--button-highlighted); color: var(--button-highlighted);
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
float: right; float: right;
} }
@ -485,13 +485,13 @@ a:focus {
.new-post-text { .new-post-text {
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: 4px 0; padding: 4px 0;
} }
.new-post-subtext { .new-post-subtext {
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: 4px 0; padding: 4px 0;
} }
@ -618,7 +618,7 @@ a:focus {
.gitpatch { .gitpatch {
width: 90%; width: 90%;
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.searchEmoji { .searchEmoji {
@ -661,7 +661,7 @@ a:focus {
.imText { .imText {
font-size: var(--font-size4); font-size: var(--font-size4);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
} }
@ -754,7 +754,7 @@ a:focus {
margin-left: 25%; margin-left: 25%;
text-align: left; text-align: left;
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
font-weight: bold; font-weight: bold;
color: var(--button-selected); color: var(--button-selected);
line-height: 40px; line-height: 40px;
@ -771,7 +771,7 @@ a:focus {
width: 10%; width: 10%;
height: 30px; height: 30px;
background-color: var(--button-background); background-color: var(--button-background);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
input[type=number] { input[type=number] {
@ -784,12 +784,12 @@ input[type=number] {
margin-bottom: 16px; margin-bottom: 16px;
resize: vertical; resize: vertical;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.labels { .labels {
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.transparent { .transparent {
@ -812,14 +812,14 @@ input[type=number] {
.labelsright { .labelsright {
float: right; float: right;
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
input[type=date] { input[type=date] {
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
border: none; border: none;
} }
@ -827,7 +827,7 @@ input[type=time] {
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
border: none; border: none;
} }
@ -840,7 +840,7 @@ input[type=submit] {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 10ch; width: 10ch;
float: right; float: right;
} }
@ -855,7 +855,7 @@ input[type=submit] {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
opacity: 0.7; opacity: 0.7;
} }
@ -885,7 +885,7 @@ input[type=submit]:hover {
.search-result-text { .search-result-text {
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.search-result img { .search-result img {
@ -930,7 +930,7 @@ input[type=submit]:hover {
.newPostDropdown > label:after, .newPostDropdown > label:after,
.newPostDropdown > a[role="button"]:after { .newPostDropdown > a[role="button"]:after {
content: ""; content: "";
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
display: inline-block; display: inline-block;
margin-left: 6px; margin-left: 6px;
} }
@ -1046,7 +1046,7 @@ div.gallery img {
.invisible { .invisible {
color: transparent; color: transparent;
font-size: 0; font-size: 0;
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.gallerytext { .gallerytext {
@ -1078,7 +1078,7 @@ div.container {
color: var(--main-fg-color); color: var(--main-fg-color);
height: 100%; height: 100%;
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
min-width: 950px; min-width: 950px;
font-size: var(--font-size); font-size: var(--font-size);
line-height: var(--line-spacing); line-height: var(--line-spacing);
@ -1100,7 +1100,7 @@ div.container {
} }
.followText { .followText {
font-size: var(--follow-text-size1); font-size: var(--follow-text-size1);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.accountsTable { .accountsTable {
width: 100%; width: 100%;
@ -1303,7 +1303,7 @@ div.container {
} }
.likesCount { .likesCount {
font-size: var(--font-size-likes); font-size: var(--font-size-likes);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
float: right; float: right;
padding: 10px 0; padding: 10px 0;
transform: translateX(var(--likes-count-offset)); transform: translateX(var(--likes-count-offset));
@ -1311,25 +1311,25 @@ div.container {
} }
.container p.administeredby { .container p.administeredby {
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.toxaddr { .toxaddr {
font-size: var(--font-size-tox); font-size: var(--font-size-tox);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.ssbaddr { .ssbaddr {
font-size: var(--font-size-pgp-key); font-size: var(--font-size-pgp-key);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.pgp { .pgp {
font-size: var(--font-size-pgp-key); font-size: var(--font-size-pgp-key);
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
body, html { body, html {
font-size: var(--font-size4); font-size: var(--font-size4);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
@ -1340,7 +1340,7 @@ div.container {
div.gallerytext { div.gallerytext {
color: var(--gallery-text-color); color: var(--gallery-text-color);
font-size: var(--gallery-font-size); font-size: var(--gallery-font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
div.gallery { div.gallery {
margin: 5px 1.5%; margin: 5px 1.5%;
@ -1451,7 +1451,7 @@ div.container {
color: var(--button-event-fg-color); color: var(--button-event-fg-color);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding); padding: var(--button-height-padding);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -1536,7 +1536,7 @@ div.container {
color: var(--publish-button-text); color: var(--publish-button-text);
text-align: center; text-align: center;
font-size: var(--font-size-publish-button); font-size: var(--font-size-publish-button);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 200px; max-width: 200px;
@ -1554,7 +1554,7 @@ div.container {
color: var(--button-fg-highlighted); color: var(--button-fg-highlighted);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 10%; width: 10%;
max-width: 100px; max-width: 100px;
@ -1606,7 +1606,7 @@ div.container {
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -1622,7 +1622,7 @@ div.container {
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -1650,7 +1650,7 @@ div.container {
margin-bottom: 16px; margin-bottom: 16px;
resize: vertical; resize: vertical;
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
} }
@ -1664,21 +1664,21 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 10ch; width: 10ch;
float: right; float: right;
} }
.question { .question {
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.questionresult { .questionresult {
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
input[type=radio] { input[type=radio] {
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 32px; width: 32px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
@ -1693,7 +1693,7 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -1705,7 +1705,7 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 96%; width: 96%;
} }
.cancelbtn { .cancelbtn {
@ -1718,12 +1718,12 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size); font-size: var(--font-size);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 20%; width: 20%;
} }
.scope-desc { .scope-desc {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -1732,7 +1732,7 @@ div.container {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-header); font-size: var(--font-size-header);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding); padding: var(--button-height-padding);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -1757,7 +1757,7 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
opacity: 0.7; opacity: 0.7;
} }
input[type=checkbox], .profilecheckbox input[type=checkbox], .profilecheckbox
@ -1847,7 +1847,7 @@ div.container {
color: var(--main-fg-color); color: var(--main-fg-color);
height: 100%; height: 100%;
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
min-width: 950px; min-width: 950px;
margin-left: 0; margin-left: 0;
font-size: var(--font-size); font-size: var(--font-size);
@ -2047,7 +2047,7 @@ div.container {
} }
.likesCount { .likesCount {
font-size: var(--font-size-likes-mobile); font-size: var(--font-size-likes-mobile);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
margin-left: var(--likes-margin-left-mobile); margin-left: var(--likes-margin-left-mobile);
margin-right: var(--likes-margin-right-mobile); margin-right: var(--likes-margin-right-mobile);
margin-top: var(--likes-margin-top-mobile); margin-top: var(--likes-margin-top-mobile);
@ -2055,30 +2055,30 @@ div.container {
} }
.container p.administeredby { .container p.administeredby {
font-size: var(--font-size-tox2); font-size: var(--font-size-tox2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.toxaddr { .toxaddr {
font-size: var(--font-size-tox2); font-size: var(--font-size-tox2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.ssbaddr { .ssbaddr {
font-size: var(--font-size-pgp-key2); font-size: var(--font-size-pgp-key2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.pgp { .pgp {
font-size: var(--font-size-pgp-key2); font-size: var(--font-size-pgp-key2);
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
body, html { body, html {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
div.gallerytext { div.gallerytext {
color: var(--gallery-text-color); color: var(--gallery-text-color);
font-size: var(--gallery-font-size-mobile); font-size: var(--gallery-font-size-mobile);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
@ -2193,7 +2193,7 @@ div.container {
color: var(--button-event-fg-color); color: var(--button-event-fg-color);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); font-size: var(--font-size-button-mobile);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -2258,7 +2258,7 @@ div.container {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); font-size: var(--font-size-button-mobile);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
@ -2287,7 +2287,7 @@ div.container {
color: var(--publish-button-text); color: var(--publish-button-text);
text-align: center; text-align: center;
font-size: var(--font-size-newswire-mobile); font-size: var(--font-size-newswire-mobile);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -2303,7 +2303,7 @@ div.container {
color: var(--button-fg-highlighted); color: var(--button-fg-highlighted);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); font-size: var(--font-size-button-mobile);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -2354,7 +2354,7 @@ div.container {
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -2370,7 +2370,7 @@ div.container {
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -2398,7 +2398,7 @@ div.container {
margin-bottom: 16px; margin-bottom: 16px;
resize: vertical; resize: vertical;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
} }
@ -2412,21 +2412,21 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 10ch; width: 10ch;
float: right; float: right;
} }
.question { .question {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.questionresult { .questionresult {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
input[type=radio] { input[type=radio] {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
height: 90px; height: 90px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
@ -2441,7 +2441,7 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -2453,7 +2453,7 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 95.4%; width: 95.4%;
} }
.cancelbtn { .cancelbtn {
@ -2466,12 +2466,12 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 20%; width: 20%;
} }
.scope-desc { .scope-desc {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -2480,7 +2480,7 @@ div.container {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-mobile); font-size: var(--font-size-button-mobile);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-mobile); padding: var(--button-height-padding-mobile);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -2505,7 +2505,7 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
opacity: 0.7; opacity: 0.7;
} }
input[type=checkbox], .profilecheckbox input[type=checkbox], .profilecheckbox
@ -2577,7 +2577,7 @@ div.container {
} }
.followText { .followText {
font-size: var(--follow-text-size2); font-size: var(--follow-text-size2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.rlab { .rlab {
font-size: var(--font-size-mobile); font-size: var(--font-size-mobile);
@ -2592,7 +2592,7 @@ div.container {
color: var(--main-fg-color); color: var(--main-fg-color);
height: 100%; height: 100%;
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
min-width: 400px; min-width: 400px;
margin-left: 0; margin-left: 0;
font-size: var(--font-size); font-size: var(--font-size);
@ -2608,7 +2608,7 @@ div.container {
} }
.likerNames { .likerNames {
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
margin: var(--liker-names-margin); margin: var(--liker-names-margin);
line-height: var(--liker-names-vertical-spacing2); line-height: var(--liker-names-vertical-spacing2);
} }
@ -2792,7 +2792,7 @@ div.container {
} }
.likesCount { .likesCount {
font-size: var(--font-size-likes-tiny); font-size: var(--font-size-likes-tiny);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
margin-left: var(--likes-margin-left-tiny); margin-left: var(--likes-margin-left-tiny);
margin-right: var(--likes-margin-right-tiny); margin-right: var(--likes-margin-right-tiny);
margin-top: var(--likes-margin-top-tiny); margin-top: var(--likes-margin-top-tiny);
@ -2800,30 +2800,30 @@ div.container {
} }
.container p.administeredby { .container p.administeredby {
font-size: var(--font-size-tox2); font-size: var(--font-size-tox2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.toxaddr { .toxaddr {
font-size: var(--font-size-tox2); font-size: var(--font-size-tox2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.ssbaddr { .ssbaddr {
font-size: var(--font-size-pgp-key2); font-size: var(--font-size-pgp-key2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.pgp { .pgp {
font-size: var(--font-size-pgp-key2); font-size: var(--font-size-pgp-key2);
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color); background: var(--link-bg-color);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
body, html { body, html {
font-size: var(--font-size4); font-size: var(--font-size4);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
div.gallerytext { div.gallerytext {
color: var(--gallery-text-color); color: var(--gallery-text-color);
font-size: var(--gallery-font-size-tiny); font-size: var(--gallery-font-size-tiny);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.galleryContainer { .galleryContainer {
display: grid; display: grid;
@ -2938,7 +2938,7 @@ div.container {
color: var(--button-event-fg-color); color: var(--button-event-fg-color);
text-align: center; text-align: center;
font-size: var(--font-size-button-tiny); font-size: var(--font-size-button-tiny);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-tiny); padding: var(--button-height-padding-tiny);
transition: all 0.5s; transition: all 0.5s;
cursor: pointer; cursor: pointer;
@ -3003,7 +3003,7 @@ div.container {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-tiny); font-size: var(--font-size-button-tiny);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-tiny); padding: var(--button-height-padding-tiny);
width: 20%; width: 20%;
min-width: var(--button-width-chars); min-width: var(--button-width-chars);
@ -3032,7 +3032,7 @@ div.container {
color: var(--publish-button-text); color: var(--publish-button-text);
text-align: center; text-align: center;
font-size: var(--font-size-newswire-tiny); font-size: var(--font-size-newswire-tiny);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-tiny); padding: var(--button-height-padding-tiny);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -3048,7 +3048,7 @@ div.container {
color: var(--button-fg-highlighted); color: var(--button-fg-highlighted);
text-align: center; text-align: center;
font-size: var(--font-size-button-tiny); font-size: var(--font-size-button-tiny);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-tiny); padding: var(--button-height-padding-tiny);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -3099,7 +3099,7 @@ div.container {
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-tiny); padding: var(--button-height-padding-tiny);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -3115,7 +3115,7 @@ div.container {
color: #FFFFFF; color: #FFFFFF;
text-align: center; text-align: center;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-tiny); padding: var(--button-height-padding-tiny);
width: 20%; width: 20%;
max-width: 400px; max-width: 400px;
@ -3143,7 +3143,7 @@ div.container {
margin-bottom: 16px; margin-bottom: 16px;
resize: vertical; resize: vertical;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
background-color: var(--main-bg-color-reply); background-color: var(--main-bg-color-reply);
color: var(--main-fg-color); color: var(--main-fg-color);
} }
@ -3157,21 +3157,21 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size4); font-size: var(--font-size4);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 10ch; width: 10ch;
float: right; float: right;
} }
.question { .question {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.questionresult { .questionresult {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
input[type=radio] { input[type=radio] {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
height: 90px; height: 90px;
vertical-align: middle; vertical-align: middle;
margin-right: 20px; margin-right: 20px;
@ -3186,7 +3186,7 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 20%; width: 20%;
} }
input[type=file] { input[type=file] {
@ -3198,7 +3198,7 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 95.4%; width: 95.4%;
} }
.cancelbtn { .cancelbtn {
@ -3211,12 +3211,12 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
width: 20%; width: 20%;
} }
.scope-desc { .scope-desc {
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.buttonunfollow { .buttonunfollow {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
@ -3225,7 +3225,7 @@ div.container {
color: var(--button-text); color: var(--button-text);
text-align: center; text-align: center;
font-size: var(--font-size-button-tiny); font-size: var(--font-size-button-tiny);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
padding: var(--button-height-padding-tiny); padding: var(--button-height-padding-tiny);
width: 20%; width: 20%;
max-width: 200px; max-width: 200px;
@ -3250,7 +3250,7 @@ div.container {
border-radius: var(--button-corner-radius); border-radius: var(--button-corner-radius);
cursor: pointer; cursor: pointer;
font-size: var(--font-size3); font-size: var(--font-size3);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
opacity: 0.7; opacity: 0.7;
} }
input[type=checkbox], .profilecheckbox input[type=checkbox], .profilecheckbox
@ -3323,7 +3323,7 @@ div.container {
} }
.followText { .followText {
font-size: var(--follow-text-size2); font-size: var(--follow-text-size2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.rlab { .rlab {
font-size: var(--font-size-tiny); font-size: var(--font-size-tiny);
@ -3349,7 +3349,7 @@ div.container {
} }
.labels { .labels {
font-size: var(--font-size2); font-size: var(--font-size2);
font-family: 'NimbusSanL'; font-family: 'Arial, Helvetica, sans-serif';
} }
.newPostDropdown img { .newPostDropdown img {
width: var(--font-size-dropdown-header-tiny); width: var(--font-size-dropdown-header-tiny);

View File

@ -44,7 +44,7 @@ def _add_embedded_video_from_sites(translate: {}, content: str,
"src=\"https://player.vimeo.com/video/" + \ "src=\"https://player.vimeo.com/video/" + \
url + "\" width=\"" + str(width) + \ url + "\" width=\"" + str(width) + \
"\" height=\"" + str(height) + \ "\" height=\"" + str(height) + \
"\" frameborder=\"0\" allow=\"autoplay; " + \ "\" frameborder=\"0\" allow=\"" + \
"fullscreen\" allowfullscreen></iframe>\n</center>\n" "fullscreen\" allowfullscreen></iframe>\n</center>\n"
return content return content
@ -66,7 +66,7 @@ def _add_embedded_video_from_sites(translate: {}, content: str,
"decoding=\"async\" src=\"" + \ "decoding=\"async\" src=\"" + \
video_site + url + "\" width=\"" + str(width) + \ video_site + url + "\" width=\"" + str(width) + \
"\" height=\"" + str(height) + \ "\" height=\"" + str(height) + \
"\" frameborder=\"0\" allow=\"autoplay; fullscreen\" " + \ "\" frameborder=\"0\" allow=\"fullscreen\" " + \
"allowfullscreen></iframe>\n</center>\n" "allowfullscreen></iframe>\n</center>\n"
return content return content
@ -87,7 +87,7 @@ def _add_embedded_video_from_sites(translate: {}, content: str,
"decoding=\"async\" src=\"" + \ "decoding=\"async\" src=\"" + \
video_site + url + "\" width=\"" + str(width) + \ video_site + url + "\" width=\"" + str(width) + \
"\" height=\"" + str(height) + \ "\" height=\"" + str(height) + \
"\" frameborder=\"0\" allow=\"autoplay; fullscreen\" " + \ "\" frameborder=\"0\" allow=\"fullscreen\" " + \
"allowfullscreen></iframe>\n</center>\n" "allowfullscreen></iframe>\n</center>\n"
return content return content
@ -114,12 +114,23 @@ def _add_embedded_video_from_sites(translate: {}, content: str,
url = url.split('&')[0] url = url.split('&')[0]
if '?utm_' in url: if '?utm_' in url:
url = url.split('?utm_')[0] url = url.split('?utm_')[0]
# explicitly turn off autoplay
if '?' in url:
if '&autoplay=' not in url:
url += '&autoplay=0'
else:
url = url.replace('&autoplay=1', '&autoplay=0')
else:
if '?autoplay=' not in url:
url += '?autoplay=0'
else:
url = url.replace('?autoplay=1', '?autoplay=0')
content += \ content += \
"<center>\n<iframe loading=\"lazy\" " + \ "<center>\n<iframe loading=\"lazy\" " + \
"decoding=\"async\" src=\"" + \ "decoding=\"async\" src=\"" + \
video_site + url + "\" width=\"" + \ video_site + url + "\" width=\"" + \
str(width) + "\" height=\"" + str(height) + \ str(width) + "\" height=\"" + str(height) + \
"\" frameborder=\"0\" allow=\"autoplay; fullscreen\" " + \ "\" frameborder=\"0\" allow=\"fullscreen\" " + \
"allowfullscreen></iframe>\n</center>\n" "allowfullscreen></iframe>\n</center>\n"
return content return content
@ -204,7 +215,7 @@ def _add_embedded_video_from_sites(translate: {}, content: str,
"allow-scripts\" src=\"https://" + \ "allow-scripts\" src=\"https://" + \
site + url + "\" width=\"" + str(width) + \ site + url + "\" width=\"" + str(width) + \
"\" height=\"" + str(height) + \ "\" height=\"" + str(height) + \
"\" frameborder=\"0\" allow=\"autoplay; " + \ "\" frameborder=\"0\" allow=\"" + \
"fullscreen\" allowfullscreen></iframe>\n</center>\n" "fullscreen\" allowfullscreen></iframe>\n</center>\n"
return content return content
return content return content

View File

@ -239,7 +239,7 @@ def html_podcast_episode(css_cache: {}, translate: {},
podcast_str += \ podcast_str += \
" <iframe loading=\"lazy\" decoding=\"async\" src=\"" + \ " <iframe loading=\"lazy\" decoding=\"async\" src=\"" + \
url + "\" width=\"400\" height=\"300\" " + \ url + "\" width=\"400\" height=\"300\" " + \
"frameborder=\"0\" allow=\"autoplay; fullscreen\" " + \ "frameborder=\"0\" allow=\"fullscreen\" " + \
"allowfullscreen>\n </iframe>\n" "allowfullscreen>\n </iframe>\n"
elif 'video' in podcast_properties['linkMimeType']: elif 'video' in podcast_properties['linkMimeType']:
video_mime_type = podcast_properties['linkMimeType'] video_mime_type = podcast_properties['linkMimeType']