-
- {{ noteView.note_compact(note) }}
- {{ form(delete) }}
-
+ {{ parent() }}
+
+
+ {% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
+ {{ NoteFactory.constructor(args) }}
+
+ {{ form(delete) }}
+
{% endblock body %}
diff --git a/plugins/Favourite/templates/favourite/add_to_favourites.html.twig b/plugins/Favourite/templates/favourite/add_to_favourites.html.twig
index c5c0005962..8b7f5d5d2a 100644
--- a/plugins/Favourite/templates/favourite/add_to_favourites.html.twig
+++ b/plugins/Favourite/templates/favourite/add_to_favourites.html.twig
@@ -1,18 +1,20 @@
{% extends 'stdgrid.html.twig' %}
-{% import "/cards/macros/note.html.twig" as noteView %}
+{% import "/cards/macros/note/factory.html.twig" as NoteFactory %}
{% block title %}{{ 'Favourite ' | trans }}{{ note.getActorNickname() }}{{ '\'s note.' | trans }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
-
+
{% endblock stylesheets %}
{% block body %}
{{ parent() }}
- {{ noteView.note_vanilla(note) }}
+ {% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
+ {{ NoteFactory.constructor(args) }}
+
{{ form(add_favourite) }}
diff --git a/plugins/Favourite/templates/favourite/remove_from_favourites.html.twig b/plugins/Favourite/templates/favourite/remove_from_favourites.html.twig
index 91e578edc2..2dd6efcc0a 100644
--- a/plugins/Favourite/templates/favourite/remove_from_favourites.html.twig
+++ b/plugins/Favourite/templates/favourite/remove_from_favourites.html.twig
@@ -1,18 +1,20 @@
{% extends 'stdgrid.html.twig' %}
-{% import "/cards/macros/note.html.twig" as noteView %}
+{% import "/cards/macros/note/factory.html.twig" as NoteFactory %}
{% block title %}{{ 'Remove favourite from ' | trans }}{{ note.getActorNickname() }}{{ '\'s note.' | trans }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
-
+
{% endblock stylesheets %}
{% block body %}
{{ parent() }}
- {{ noteView.note_vanilla(note) }}
+ {% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
+ {{ NoteFactory.constructor(args) }}
+
{{ form(remove_favourite) }}
diff --git a/plugins/RepeatNote/templates/repeat/add_to_repeats.html.twig b/plugins/RepeatNote/templates/repeat/add_to_repeats.html.twig
index 281aba68ad..b9a805d98b 100644
--- a/plugins/RepeatNote/templates/repeat/add_to_repeats.html.twig
+++ b/plugins/RepeatNote/templates/repeat/add_to_repeats.html.twig
@@ -1,18 +1,20 @@
{% extends 'stdgrid.html.twig' %}
-{% import "/cards/macros/note.html.twig" as noteView %}
+{% import "/cards/macros/note/factory.html.twig" as NoteFactory %}
{% block title %}{{ 'Repeat ' | trans }}{{ note.getActorNickname() }}{{ '\'s note.' | trans }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
-
+
{% endblock stylesheets %}
{% block body %}
{{ parent() }}
- {{ noteView.note_vanilla(note) }}
+ {% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
+ {{ NoteFactory.constructor(args) }}
+
{{ form(add_repeat) }}
diff --git a/plugins/RepeatNote/templates/repeat/remove_from_repeats.html.twig b/plugins/RepeatNote/templates/repeat/remove_from_repeats.html.twig
index 7dce58a4e0..efa1f42ab0 100644
--- a/plugins/RepeatNote/templates/repeat/remove_from_repeats.html.twig
+++ b/plugins/RepeatNote/templates/repeat/remove_from_repeats.html.twig
@@ -1,18 +1,20 @@
{% extends 'stdgrid.html.twig' %}
-{% import "/cards/macros/note.html.twig" as noteView %}
+{% import "/cards/macros/note/factory.html.twig" as NoteFactory %}
{% block title %}{{ 'Remove repeat from ' | trans }}{{ note.getActorNickname() }}{{ '\'s note.' | trans }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
-
+
{% endblock stylesheets %}
{% block body %}
{{ parent() }}
- {{ noteView.note_vanilla(note) }}
+ {% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
+ {{ NoteFactory.constructor(args) }}
+
{{ form(remove_repeat) }}
diff --git a/public/assets/default_theme/base.css b/public/assets/default_theme/base.css
index cf2f29492e..c74cd3c617 100644
--- a/public/assets/default_theme/base.css
+++ b/public/assets/default_theme/base.css
@@ -1,303 +1,268 @@
-@import url(root.css);
-
-@import url(reset.css);
-
-@import url(widgets/buttons.css);
-
-@import url(widgets/sections.css);
html {
- font-family: 'Open Sans',sans-serif;
- scroll-margin-top: var(--xxl);
-}
-
-html,html>* {
- background-image: url('images/noise.png');
- background-blend-mode: overlay;
-}
-
-hr {
- margin-top: var(--s);
- margin-bottom: var(--s);
+ font-family:'Open Sans',sans-serif;
+ background-image:url(images/noise.png);
+ background-blend-mode: soft-light;
}
.icon {
- vertical-align: center;
fill: var(--foreground);
- height: 1em;
- width: 1em;
-}
-
-.active {
- font: 600 1em Poppins,sans-serif;
-}
-
-.anchor-hidden {
- height: 1px;
- overflow: hidden;
- width: 1px;
}
.accessibility-menu {
- background-color: var(--background-hard) !important;
- border: 2px solid var(--border);
- border-radius: var(--s);
- display: block;
- height: min-content;
- left: -90%;
- padding: var(--s);
- position: absolute;
- top: -90%;
- width: 30%;
- z-index: 999;
+ background-color:var(--background-hard)!important;
+ border:2px solid var(--border);
+ border-radius:var(--s);
+ display:block;
+ height:min-content;
+ left:-90%;
+ padding:var(--s);
+ position:absolute;
+ top:-90%;
+ width:30%;
+ z-index:999;
}
.accessibility-menu ul {
- list-style-type: disc;
- margin-left: var(--m);
+ list-style-type:disc;
+ margin-left:var(--m);
}
.accessibility-menu:focus-within:not(:active) {
- left: var(--s);
- top: var(--s);
+ left:var(--s);
+ top:var(--s);
}
-.page-header {
- width: 100%;
- align-items: center;
- background: var(--background-hard);
- box-shadow: var(--shadow);
- display: flex;
- height: var(--xxl);
- padding: var(--s);
- position: fixed;
- top: 0;
- z-index: 1;
+.active {
+ font:900 1em "Open Sans",sans-serif;
}
-.header-instance {
- flex: 1;
- text-align: center;
-}
-
-.header-instance * {
- margin: unset;
-}
-
-.page-content-wrapper {
- justify-content: center;
- margin-left: auto;
- margin-right: auto;
- padding: var(--s) var(--s) 0;
- position: relative;
- top: var(--xxl);
-}
-
-.page-content {
- display: flex;
- flex-direction: column;
- margin-top: var(--s);
- width: 100%;
-}
-
-.markdown-blocks {
- background-color: var(--background-card) !important;
- border-radius: 0 0 var(--s) var(--s);
- padding: var(--s);
-}
-
-.markdown-blocks ul {
- list-style: disc;
- margin-left: 1em;
-}
-
-.markdown-blocks ul li {
- margin-bottom: .2em;
+.anchor-hidden {
+ height:1px;
+ overflow:hidden;
+ width:1px;
}
.doc-navigation {
- background-color: var(--background-card) !important;
- border-bottom: 0;
- border-radius: var(--s) var(--s) 0 0;
- padding: var(--s);
+ background-color:var(--background-card)!important;
+ border-bottom:0;
+ border-radius:var(--s) var(--s) 0 0;
+ padding:var(--s);
}
.doc-navigation ul {
- display: flex;
- justify-content: space-evenly;
+ display:flex;
+}
+
+.header-instance {
+ margin-left:auto;
+ margin-right:auto;
+ text-align:center;
+}
+
+.icon {
+ height:1em;
+ vertical-align:center;
+ width:1em;
+}
+
+.markdown-blocks {
+ background-color:var(--background-card)!important;
+ border-radius:0 0 var(--s) var(--s);
+ padding:var(--s);
+}
+
+.markdown-blocks ul {
+ list-style:disc;
+ margin-left:1em;
+}
+
+.markdown-blocks ul li {
+ margin-bottom:.2em;
+}
+
+.page-content {
+ margin-top:var(--s);
+ width:100%;
+}
+
+.page-content-wrapper {
+ margin-left:auto;
+ margin-right:auto;
+ padding:var(--s) var(--s) 0;
+ position:relative;
+ top:var(--xxl);
+}
+
+.page-header {
+ background:var(--background-card);
+ box-shadow:var(--shadow);
+ display:inline-flex;
+ height:var(--xxl);
+ padding:var(--s);
+ position:fixed;
+ top:0;
+ z-index:1;
+}
+
+.page-header #toggle-panel-left {
+ float:left;
+}
+
+.page-header #toggle-panel-right {
+ float:right;
+}
+
+.page-header .header-instance {
+ text-align:center;
}
.section-panel {
- padding: var(--s);
- position: fixed;
- top: var(--xxl);
-}
-
-.section-panel-left {
- left: 0;
-}
-
-.section-panel-right {
- right: 0;
-}
-
-.panel-left-icon,.panel-right-icon {
- display: inherit;
+ padding:var(--s);
+ position:fixed;
+ top:var(--xxl);
}
.section-panel .panel-content {
- display: block;
- height: calc(100vh - var(--xxl));
- overflow: auto;
+ display:block;
+ height:calc(100vh - var(--xxl));
+ overflow:auto;
}
-@media only screen and (max-width:512px) {
+.section-panel-left {
+ left:0;
+}
+
+.section-panel-right {
+ right:0;
+}
+
+hr {
+ margin-bottom:var(--s);
+ margin-top:var(--s);
+}
+
+@media only screen and (max-width: 512px) {
html {
- font-size: 85%;
+ font-size:85%;
}
}
-@media only screen and (max-width:1280px) {
- .page-header {
- width: 100%;
+@media only screen and (max-width: 1280px) {
+ #toggle-panel-left:checked~.section-panel-left,#toggle-panel-right:checked~.section-panel-right {
+ background-color:var(--background-hard);
+ box-shadow:var(--shadow);
+ left:0;
+ width:100vw;
+ z-index:auto;
}
- .page-content-wrapper {
- width: 100%;
+ #toggle-panel-left:not(:checked)~.section-panel-left,#toggle-panel-right:not(:checked)~.section-panel-right {
+ display:none;
}
.page-content {
- max-width: 100%;
+ max-width:100%;
}
- label[for|="toggle-panel"] {
- cursor: pointer;
+ .page-header,.page-content-wrapper {
+ width:100%;
}
- input[id|="toggle-panel"] {
- position: absolute;
- top: -100%;
+ input[id|=toggle-panel] {
+ position:absolute;
+ top:-100%;
}
- #toggle-panel-left:not(:checked) ~ .section-panel-left,#toggle-panel-right:not(:checked) ~ .section-panel-right {
- display: none;
- }
-
- #toggle-panel-left:checked ~ .section-panel-left,#toggle-panel-right:checked ~ .section-panel-right {
- left: 0;
- width: 100vw;
- z-index: auto;
- background-color: var(--background-hard);
- box-shadow: var(--shadow);
+ label[for|=toggle-panel] {
+ cursor:pointer;
}
}
-@media only screen and (min-width:1281px) {
- .page-header {
- width: 100%;
- }
-
- label[for|="toggle-panel"],input[id|="toggle-panel"] {
- display: none !important;
- }
-
- .section-panel {
- width: 17vw;
- }
-
+@media only screen and (min-width: 1281px) {
.page-content-wrapper {
- width: 66vw;
+ width:66vw;
}
- a[id|="anchor"]:target+.accessibility-target {
- animation-duration: 600ms;
- animation-name: highlight;
- animation-timing-function: ease-in-out;
- }
-}
-
-@media only screen and (min-width:1921px) {
.page-header {
- align-self: center;
- width: 66vw;
- }
-
- label[for|="toggle-panel"],input[id|="toggle-panel"] {
- display: none !important;
+ width:100%;
}
.section-panel {
- width: 11vw;
+ width:17vw;
+ }
+
+ a[id|=anchor]:target+.accessibility-target {
+ animation-duration:.6s;
+ animation-name:highlight;
+ animation-timing-function:ease-in-out;
+ }
+
+ label[for|=toggle-panel],input[id|=toggle-panel] {
+ display:none!important;
+ }
+}
+
+@media only screen and (min-width: 1921px) {
+ .page-content-wrapper {
+ width:44vw;
+ }
+
+ .page-header {
+ width:66vw;
+ }
+
+ .section-panel {
+ width:11vw;
}
.section-panel-left {
- left: 17vw;
+ left:17vw;
}
.section-panel-right {
- right: 17vw;
+ right:17vw;
}
- .page-content-wrapper {
- width: 44vw;
+ label[for|=toggle-panel],input[id|=toggle-panel] {
+ display:none!important;
}
}
@keyframes fadeIn {
0% {
- opacity: 0;
- transform: translateY(-10px);
+ opacity:0;
+ transform:translateY(-10px);
}
100% {
- opacity: unset;
- transform: none;
+ opacity:unset;
+ transform:none;
}
}
@keyframes fadeOut {
- 100% {
- opacity: 0;
- transform: translateY(-10px);
+ 0% {
+ opacity:unset;
+ transform:none;
}
- 0% {
- opacity: unset;
- transform: none;
+ 100% {
+ opacity:0;
+ transform:translateY(-10px);
}
}
@keyframes highlight {
- 0% {
- border-radius: var(--s);
- box-shadow: initial;
+ 0%,100% {
+ border-radius:var(--s);
+ box-shadow:initial;
}
50% {
- border-radius: var(--s);
- box-shadow: inset 0 20px 40px #FFF;
- transition: box-shadow .3s ease-in-out;
- z-index: 666;
- }
-
- 100% {
- border-radius: var(--s);
- box-shadow: initial;
- }
-
- 0% {
- border-radius: var(--s);
- box-shadow: initial;
- }
-
- 50% {
- border-radius: var(--s);
- box-shadow: inset 0 20px 40px #000;
- transition: box-shadow .3s ease-in-out;
- }
-
- 100% {
- border-radius: var(--s);
- box-shadow: initial;
+ border-radius:var(--s);
+ box-shadow:inset 0 20px 40px #fff;
+ transition:box-shadow .3s ease-in-out;
+ z-index:666;
}
}
\ No newline at end of file
diff --git a/public/assets/default_theme/feeds.css b/public/assets/default_theme/feeds.css
new file mode 100644
index 0000000000..5e0a753e2b
--- /dev/null
+++ b/public/assets/default_theme/feeds.css
@@ -0,0 +1,384 @@
+
+.delete-button-container {
+ -moz-mask-image:url(icons/delete.svg);
+ -o-mask-image:url(icons/delete.svg);
+ -webkit-mask-image:url(icons/delete.svg);
+ mask-image:url(icons/delete.svg);
+}
+
+.embed {
+ border:unset;
+ display:flex;
+ padding:var(--s);
+}
+
+.embed .p-author,.embed .p-name,.note-author-url,.note-complementary-info a {
+ font-weight:600;
+}
+
+.embed .p-summary {
+ width:60%;
+}
+
+.embed .p-summary hr {
+ margin-bottom:var(--s);
+ margin-top:var(--s);
+}
+
+.embed header {
+ margin-bottom:var(--m);
+ width:100%;
+}
+
+.embed img {
+ margin-right:var(--s);
+ max-block-size:128px;
+ padding:unset;
+ width:auto;
+}
+
+.favourite-button-container {
+ -moz-mask-image:url(icons/heart.svg);
+ -o-mask-image:url(icons/heart.svg);
+ -webkit-mask-image:url(icons/heart.svg);
+ mask-image:url(icons/heart.svg);
+}
+
+.feed-actions-details summary,.note-actions-extra-details summary {
+ display:block;
+}
+
+.feed-actions-details-dropdown {
+ font-size:.937rem;
+}
+
+.feed-actions-details[open] svg {
+ height:auto;
+ width:1em;
+}
+
+.feed-actions-details[open]>.feed-actions-details-dropdown,.note-actions-extra-details[open]>summary+* {
+ background:var(--background-card);
+ border:1px solid var(--border);
+ border-radius:var(--s);
+ box-shadow:var(--shadow);
+ display:flex;
+ flex-direction:column;
+ padding:4px 8px;
+ position:absolute;
+ right:0;
+ width:max-content;
+ z-index:1;
+}
+
+.feed-actions-details[open]>summary,.note-actions-extra-details[open]>summary,.note-actions-set {
+ opacity:1!important;
+}
+
+.feed-empty .feed-background {
+ height:auto;
+ margin-left:auto;
+ margin-right:auto;
+ margin-top:var(--xxl);
+ opacity:3%;
+ width:40%;
+}
+
+.feed-empty,.note-end {
+ display:flex;
+}
+
+.feed-header {
+ align-items:center;
+ display:flex;
+ margin-bottom:var(--m);
+}
+
+.feed-header .feed-actions {
+ margin-left:auto;
+ text-transform:capitalize;
+}
+
+.feed-header>h1,.feed-header>h2,.feed-header>h3,.feed-header>h4,.feed-header>h5,.feed-header>h6 {
+ margin-bottom:unset;
+}
+
+.h-entry {
+ background-color:var(--background-card);
+ border-radius:var(--s);
+ display:flex;
+ flex-wrap:wrap;
+}
+
+.h-entry .embed[class*="p-"] {
+ padding:unset;
+}
+
+.h-entry a:focus {
+ text-decoration:underline;
+}
+
+.h-entry figure,.note-attachments-unit figure {
+ background:var(--gradient);
+ border-radius:var(--s);
+ margin:unset;
+ padding:var(--s);
+}
+
+.h-entry img,.note-attachments-unit figure img {
+ background:repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
+}
+
+.h-entry-language {
+ background:var(--gradient-backwards);
+ border-radius:0 0 var(--s) 0;
+ color:var(--foreground);
+ float:right;
+ padding:6px 12px;
+ position:relative;
+}
+
+.h-entry:not(:first-child) {
+ margin-top:var(--s);
+}
+
+.h-entry:not(embed) {
+ border:1px solid var(--border);
+}
+
+.h-entry[id^="note-anchor-"]:target {
+ border:2px solid var(--accent)!important;
+}
+
+.hr-replies-end:last-of-type,.note-text-details[open] .note-text-details-summary small {
+ display:none;
+}
+
+.icon-eye-closed {
+ -moz-mask-image:url(icons/eye-closed.svg);
+ -o-mask-image:url(icons/eye-closed.svg);
+ -webkit-mask-image:url(icons/eye-closed.svg);
+ background-color:var(--foreground);
+ display:inline-flex;
+ height:1em;
+ mask-image:url(icons/eye-closed.svg);
+ width:1em;
+}
+
+.icon-eye-opened {
+ -moz-mask-image:url(icons/eye-opened.svg);
+ -o-mask-image:url(icons/eye-opened.svg);
+ -webkit-mask-image:url(icons/eye-opened.svg);
+ background-color:var(--foreground);
+ display:inline-flex;
+ height:1em;
+ mask-image:url(icons/eye-opened.svg);
+ width:1em;
+}
+
+.note-actions {
+ align-items:center;
+ display:flex;
+ flex:1;
+ flex-direction:initial;
+ justify-content:flex-end;
+}
+
+.note-actions-extra-details hr {
+ margin:unset;
+}
+
+.note-actions-extra-details ul {
+ display:flex;
+ flex-direction:column;
+}
+
+.note-actions-extra-details[open]>summary+*>a {
+ font-size:.937rem;
+ line-height:2;
+}
+
+.note-actions>li {
+ display:inline-block;
+ margin-left:8px;
+}
+
+.note-attachments {
+ display:flex;
+ flex-wrap:wrap;
+}
+
+.note-attachments-unit {
+ border-radius:var(--s);
+ display:flex;
+ height:min-content;
+ max-width:max-content;
+ padding:4px;
+}
+
+.note-attachments-unit:not(:only-child) {
+ margin-right:var(--s);
+}
+
+.note-attachments-unit>figure figcaption {
+ display:flex;
+ word-break:break-all;
+}
+
+.note-author-uri,.note-conversation-info,.note-text-details .note-text-details-summary small {
+ font-style:italic;
+}
+
+.note-complementary {
+ background:var(--gradient-backwards);
+ border-radius:var(--s) 0 var(--s) var(--s);
+ display:flex;
+ flex-wrap:wrap;
+ font-size:.937rem;
+ padding:4px 8px;
+ width:100%;
+}
+
+.note-complementary-info span {
+ display:block;
+ line-height:1.3;
+}
+
+.note-content {
+ border-radius:0 0 var(--s) var(--s);
+ display:block;
+ flex:1;
+}
+
+.note-info {
+ align-items:center;
+ display:flex;
+ overflow:auto;
+ text-overflow:ellipsis;
+ touch-action:manipulation;
+ white-space:nowrap;
+}
+
+.note-info .note-conversation-info,.note-info .note-author-uri {
+ margin-left:4px;
+}
+
+.note-info small,.note-actions-extra-details summary,.note-replies-start {
+ opacity:.5;
+}
+
+.note-info,embed header {
+ border-bottom:unset;
+ border-radius:0 var(--s) 0 0;
+ display:flex;
+ line-height:initial;
+}
+
+.note-replies .note-replies {
+ margin-left:1em;
+}
+
+.note-replies-indicator {
+ float:left;
+ margin-right:8px;
+ opacity:.66;
+}
+
+.note-replies-indicator::before {
+ content:'\201C';
+ font-size:1.5em;
+ opacity:.66;
+}
+
+.note-replies-parent {
+ font-size:.937rem;
+ opacity:.66;
+}
+
+.note-sidebar {
+ display:flex;
+ flex-direction:column;
+ padding:var(--s) 4px 4px var(--s);
+}
+
+.note-text {
+ word-break:break-all;
+}
+
+.note-text a {
+ text-decoration:underline!important;
+}
+
+.note-text-details-summary:after {
+ content:"\2193";
+}
+
+.note-text-details[open] summary:after {
+ content:"\2191";
+ float:right;
+}
+
+.note-wrapper {
+ flex:1;
+ height:inherit;
+ padding:4px;
+}
+
+.posting-extra [id|="note-compact"] {
+ border:unset;
+ border-bottom:1px solid var(--border);
+}
+
+.repeat-button-container {
+ -moz-mask-image:url(icons/repeat.svg);
+ -o-mask-image:url(icons/repeat.svg);
+ -webkit-mask-image:url(icons/repeat.svg);
+ mask-image:url(icons/repeat.svg);
+}
+
+.reply-button-container {
+ -moz-mask-image:url(icons/reply.svg);
+ -o-mask-image:url(icons/reply.svg);
+ -webkit-mask-image:url(icons/reply.svg);
+ mask-image:url(icons/reply.svg);
+}
+
+[id|="note-compact"] {
+ display:block;
+ max-height:16vh;
+ overflow:auto;
+ touch-action:manipulation;
+ width:100%;
+ word-break:break-all;
+}
+
+[id|="note-compact"] .note-sidebar {
+ all:unset;
+ display:inline-flex;
+ margin-right:4px;
+}
+
+[id|="note-compact"] .note-sidebar img,.note-sidebar img {
+ background:unset!important;
+}
+
+[id|="note-compact"] .note-wrapper {
+ padding:var(--s);
+}
+
+[id|="note-compact"] hr {
+ margin-bottom:4px;
+ margin-top:4px;
+}
+
+@media only screen and (max-width:1280px) {
+ .note-replies .note-replies {
+ margin-left:.33em;
+ }
+
+ .note-replies-indicator::before {
+ content:'\201C';
+ font-size:1em;
+ opacity:.66;
+ }
+}
\ No newline at end of file
diff --git a/public/assets/default_theme/fonts/poppins/OFL.txt b/public/assets/default_theme/fonts/poppins/OFL.txt
deleted file mode 100644
index 246c977c9f..0000000000
--- a/public/assets/default_theme/fonts/poppins/OFL.txt
+++ /dev/null
@@ -1,93 +0,0 @@
-Copyright 2020 The Poppins Project Authors (https://github.com/itfoundry/Poppins)
-
-This Font Software is licensed under the SIL Open Font License, Version 1.1.
-This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
-
-
------------------------------------------------------------
-SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
------------------------------------------------------------
-
-PREAMBLE
-The goals of the Open Font License (OFL) are to stimulate worldwide
-development of collaborative font projects, to support the font creation
-efforts of academic and linguistic communities, and to provide a free and
-open framework in which fonts may be shared and improved in partnership
-with others.
-
-The OFL allows the licensed fonts to be used, studied, modified and
-redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded,
-redistributed and/or sold with any software provided that any reserved
-names are not used by derivative works. The fonts and derivatives,
-however, cannot be released under any other type of license. The
-requirement for fonts to remain under this license does not apply
-to any document created using the fonts or their derivatives.
-
-DEFINITIONS
-"Font Software" refers to the set of files released by the Copyright
-Holder(s) under this license and clearly marked as such. This may
-include source files, build scripts and documentation.
-
-"Reserved Font Name" refers to any names specified as such after the
-copyright statement(s).
-
-"Original Version" refers to the collection of Font Software components as
-distributed by the Copyright Holder(s).
-
-"Modified Version" refers to any derivative made by adding to, deleting,
-or substituting -- in part or in whole -- any of the components of the
-Original Version, by changing formats or by porting the Font Software to a
-new environment.
-
-"Author" refers to any designer, engineer, programmer, technical
-writer or other person who contributed to the Font Software.
-
-PERMISSION & CONDITIONS
-Permission is hereby granted, free of charge, to any person obtaining
-a copy of the Font Software, to use, study, copy, merge, embed, modify,
-redistribute, and sell modified and unmodified copies of the Font
-Software, subject to the following conditions:
-
-1) Neither the Font Software nor any of its individual components,
-in Original or Modified Versions, may be sold by itself.
-
-2) Original or Modified Versions of the Font Software may be bundled,
-redistributed and/or sold with any software, provided that each copy
-contains the above copyright notice and this license. These can be
-included either as stand-alone text files, human-readable headers or
-in the appropriate machine-readable metadata fields within text or
-binary files as long as those fields can be easily viewed by the user.
-
-3) No Modified Version of the Font Software may use the Reserved Font
-Name(s) unless explicit written permission is granted by the corresponding
-Copyright Holder. This restriction only applies to the primary font name as
-presented to the users.
-
-4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
-Software shall not be used to promote, endorse or advertise any
-Modified Version, except to acknowledge the contribution(s) of the
-Copyright Holder(s) and the Author(s) or with their explicit written
-permission.
-
-5) The Font Software, modified or unmodified, in part or in whole,
-must be distributed entirely under this license, and must not be
-distributed under any other license. The requirement for fonts to
-remain under this license does not apply to any document created
-using the Font Software.
-
-TERMINATION
-This license becomes null and void if any of the above conditions are
-not met.
-
-DISCLAIMER
-THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
-EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
-MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
-OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
-COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
-INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
-DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
-FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
-OTHER DEALINGS IN THE FONT SOFTWARE.
diff --git a/public/assets/default_theme/fonts/poppins/Poppins-Bold.woff b/public/assets/default_theme/fonts/poppins/Poppins-Bold.woff
deleted file mode 100644
index 183b1a0433..0000000000
Binary files a/public/assets/default_theme/fonts/poppins/Poppins-Bold.woff and /dev/null differ
diff --git a/public/assets/default_theme/fonts/poppins/Poppins-BoldItalic.woff b/public/assets/default_theme/fonts/poppins/Poppins-BoldItalic.woff
deleted file mode 100644
index 5db9010630..0000000000
Binary files a/public/assets/default_theme/fonts/poppins/Poppins-BoldItalic.woff and /dev/null differ
diff --git a/public/assets/default_theme/fonts/poppins/Poppins-Italic.woff b/public/assets/default_theme/fonts/poppins/Poppins-Italic.woff
deleted file mode 100644
index a465c1fcd9..0000000000
Binary files a/public/assets/default_theme/fonts/poppins/Poppins-Italic.woff and /dev/null differ
diff --git a/public/assets/default_theme/fonts/poppins/Poppins-Regular.woff b/public/assets/default_theme/fonts/poppins/Poppins-Regular.woff
deleted file mode 100644
index 2b18f0284e..0000000000
Binary files a/public/assets/default_theme/fonts/poppins/Poppins-Regular.woff and /dev/null differ
diff --git a/public/assets/default_theme/fonts/poppins/poppins.css b/public/assets/default_theme/fonts/poppins/poppins.css
deleted file mode 100644
index f3fa8627bc..0000000000
--- a/public/assets/default_theme/fonts/poppins/poppins.css
+++ /dev/null
@@ -1,36 +0,0 @@
-@font-face {
- font-family: 'Poppins';
- src: local('Poppins Regular'), local('Poppins-Regular'),
- url('Poppins-Regular.woff') format('woff');
- font-weight: normal;
- font-style: normal;
- font-display: swap;
-}
-
-@font-face {
- font-family: 'Poppins';
- src: local('Poppins Bold Italic'), local('Poppins-BoldItalic'),
- url('Poppins-BoldItalic.woff') format('woff');
- font-weight: bold;
- font-style: italic;
- font-display: swap;
-}
-
-@font-face {
- font-family: 'Poppins';
- src: local('Poppins Italic'), local('Poppins-Italic'),
- url('Poppins-Italic.woff') format('woff');
- font-weight: normal;
- font-style: italic;
- font-display: swap;
-}
-
-@font-face {
- font-family: 'Poppins';
- src: local('Poppins Bold'), local('Poppins-Bold'),
- url('Poppins-Bold.woff') format('woff');
- font-weight: bold;
- font-style: normal;
- font-display: swap;
-}
-
diff --git a/public/assets/default_theme/pages/feeds.css b/public/assets/default_theme/pages/feeds.css
deleted file mode 100644
index 92595e9c21..0000000000
--- a/public/assets/default_theme/pages/feeds.css
+++ /dev/null
@@ -1,420 +0,0 @@
-.favourite-button-container {
- -moz-mask-image: url("../icons/heart.svg");
- -o-mask-image: url("../icons/heart.svg");
- -webkit-mask-image: url("../icons/heart.svg");
- mask-image: url("../icons/heart.svg");
-}
-
-.reply-button-container {
- -moz-mask-image: url("../icons/reply.svg");
- -o-mask-image: url("../icons/reply.svg");
- -webkit-mask-image: url("../icons/reply.svg");
- mask-image: url("../icons/reply.svg");
-}
-
-.repeat-button-container {
- -moz-mask-image: url("../icons/repeat.svg");
- -o-mask-image: url("../icons/repeat.svg");
- -webkit-mask-image: url("../icons/repeat.svg");
- mask-image: url("../icons/repeat.svg");
-}
-
-.delete-button-container {
- -moz-mask-image: url("../icons/delete.svg");
- -o-mask-image: url("../icons/delete.svg");
- -webkit-mask-image: url("../icons/delete.svg");
- mask-image: url("../icons/delete.svg");
-}
-
-.icon-eye-opened {
- background-color: var(--foreground);
- -moz-mask-image: url("../icons/eye-opened.svg");
- -o-mask-image: url("../icons/eye-opened.svg");
- -webkit-mask-image: url("../icons/eye-opened.svg");
- mask-image: url("../icons/eye-opened.svg");
- display: inline-flex;
- height: 1em;
- width: 1em;
-}
-
-.icon-eye-closed {
- background-color: var(--foreground);
- -moz-mask-image: url("../icons/eye-closed.svg");
- -o-mask-image: url("../icons/eye-closed.svg");
- -webkit-mask-image: url("../icons/eye-closed.svg");
- mask-image: url("../icons/eye-closed.svg");
- display: inline-flex;
- height: 1em;
- width: 1em;
-}
-
-.embed {
- border: unset;
- display: flex;
- padding: var(--s);
-}
-
-.embed .p-author,.embed .p-name {
- font-weight: 600;
-}
-
-.embed .p-summary {
- width: 60%;
-}
-
-.embed .p-summary hr {
- margin-bottom: var(--s);
- margin-top: var(--s);
-}
-
-.embed header {
- margin-bottom: var(--m);
- width: 100%;
-}
-
-.embed img {
- padding: unset;
- margin-right: var(--s);
- max-block-size: 128px;
- width: auto;
-}
-
-.feed-header>h1,.feed-header>h2,.feed-header>h3,.feed-header>h4,.feed-header>h5,.feed-header>h6 {
- margin-bottom: unset;
-}
-
-.feed-actions-details summary,.note-actions-extra-details summary {
- display: block;
-}
-
-.feed-actions-details-dropdown {
- font-size: .937rem;
-}
-
-.feed-actions-details[open]>.feed-actions-details-dropdown,.note-actions-extra-details[open]>summary+* {
- background: var(--background-card);
- border: 1px solid var(--border);
- border-radius: var(--s);
- box-shadow: var(--shadow);
- display: flex;
- flex-direction: column;
- padding: 4px 8px;
- position: absolute;
- right: 0;
- width: max-content;
- z-index: 1;
-}
-
-.feed-actions-details[open]>summary,.note-actions-extra-details[open]>summary {
- opacity: 1 !important;
-}
-
-.feed-actions-details[open] svg {
- height: auto;
- width: 1em;
-}
-
-.feed-empty {
- display: flex;
-}
-
-.feed-empty .feed-background {
- height: auto;
- margin-left: auto;
- margin-right: auto;
- margin-top: var(--xxl);
- opacity: 3%;
- width: 40%;
-}
-
-.feed-header {
- display: flex;
- margin-bottom: var(--m);
- align-items: center;
-}
-
-.feed-header .feed-actions {
- margin-left: auto;
- text-transform: capitalize;
-}
-
-.h-entry {
- background-color: var(--background-card);
- border-radius: var(--s);
- display: flex;
- flex-wrap: wrap;
-}
-
-.h-entry .embed[class*="p-"] {
- padding: unset;
-}
-
-.note-replies .note-replies {
- margin-left: 1em;
-}
-
-.note-replies-indicator {
- opacity: .66;
- margin-right: 8px;
- float: left;
-}
-
-.note-replies-indicator::before {
- content: '\201C';
- font-size: 1.5em;
- opacity: .66;
-}
-
-.note-replies-parent {
- opacity: .66;
- font-size: .937rem;
-}
-
-.h-entry a:focus {
- text-decoration: underline;
-}
-
-.h-entry figure,.note-attachments-unit figure {
- background: var(--gradient);
- border-radius: var(--s);
- margin: unset;
- padding: var(--s);
-}
-
-.h-entry img,.note-attachments-unit figure img {
- background: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
-}
-
-.h-entry-language {
- background: var(--gradient-backwards);
- border-radius: 0 0 var(--s) 0;
- color: var(--foreground);
- float: right;
- padding: 6px 12px;
- position: relative;
-}
-
-.h-entry:not(:first-child) {
- margin-top: var(--s);
-}
-
-.h-entry:not(embed) {
- border: 1px solid var(--border);
-}
-
-.h-entry[id^="note-anchor-"]:target {
- border: 2px solid var(--accent) !important;
-}
-
-.note-attachments {
- display: flex;
- flex-wrap: wrap;
-}
-
-.note-attachments-unit {
- border-radius: var(--s);
- display: flex;
- max-width: max-content;
- height: min-content;
- padding: 4px;
-}
-
-.note-attachments-unit>figure figcaption {
- display: flex;
- word-break: break-all;
-}
-
-.note-attachments-unit:not(:only-child) {
- margin-right: var(--s);
-}
-
-.note-info,embed header {
- border-bottom: unset;
- border-radius: 0 var(--s) 0 0;
- display: flex;
- line-height: initial;
-}
-
-.note-info {
- display: flex;
- align-items: center;
- white-space: nowrap;
- overflow: auto;
- touch-action: manipulation;
- text-overflow: ellipsis;
-}
-
-.note-info .note-conversation-info,.note-info .note-author-uri {
- margin-left: 4px;
-}
-
-.note-info small {
- opacity: .5;
-}
-
-.note-author-url {
- font-weight: 600;
-}
-
-.note-author-uri,.note-conversation-info {
- font-style: italic;
-}
-
-.note-actions {
- display: flex;
- flex-direction: initial;
- justify-content: flex-end;
- flex: 1;
- align-items: center;
-}
-
-.note-actions>li {
- display: inline-block;
- margin-left: 8px;
-}
-
-.note-actions-extra-details ul {
- display: flex;
- flex-direction: column;
-}
-
-.note-actions-extra-details hr {
- margin: unset;
-}
-
-.note-actions-extra-details summary {
- opacity: .5;
-}
-
-.note-actions-extra-details[open]>summary+*>a {
- font-size: .937rem;
- line-height: 2;
-}
-
-.note-actions-set {
- opacity: 1 !important;
-}
-
-.note-end {
- display: flex;
-}
-
-.note-complementary {
- width: 100%;
- display: flex;
- flex-wrap: wrap;
- font-size: .937rem;
- background: var(--gradient-backwards);
- padding: 4px 8px;
- border-radius: var(--s) 0 var(--s) var(--s);
-}
-
-.note-complementary:empty,.note-complementary:-moz-only-whitespace {
- display: none !important;
-}
-
-.note-complementary-info a {
- font-weight: 600;
-}
-
-.note-complementary-info span {
- display: block;
- line-height: 1.3;
-}
-
-.note-content {
- border-radius: 0 0 var(--s) var(--s);
- display: block;
- flex: 1;
-}
-
-.note-replies-start {
- opacity: .5;
-}
-
-.hr-replies-end:last-of-type {
- display: none;
-}
-
-.note-sidebar {
- display: flex;
- flex-direction: column;
- padding: var(--s) 4px 4px var(--s);
-}
-
-.note-text {
- word-break: break-all;
-}
-
-.note-text a {
- text-decoration: underline !important;
-}
-
-.note-text-details-summary:after {
- content: "\2193";
-}
-
-.note-text-details .note-text-details-summary small {
- font-style: italic;
-}
-
-.note-text-details[open] summary:after {
- content: "\2191";
- float: right;
-}
-
-.note-text-details[open] .note-text-details-summary small {
- display: none;
-}
-
-.note-wrapper {
- height: inherit;
- flex: 1;
- padding: 4px;
-}
-
-.posting-extra [id|="note-compact"] {
- border: unset;
- border-bottom: 1px solid var(--border);
-}
-
-[id|="note-compact"] .note-wrapper {
- padding: var(--s);
-}
-
-[id|="note-compact"] .note-sidebar {
- all: unset;
- display: inline-flex;
- margin-right: 4px;
-}
-
-[id|="note-compact"] .note-sidebar img,
-.note-sidebar img {
- background: unset !important;
-}
-
-[id|="note-compact"] hr {
- margin-bottom: 4px;
- margin-top: 4px;
-}
-
-[id|="note-compact"] {
- display: block;
- width: 100%;
- max-height: 16vh;
- word-break: break-all;
- overflow: auto;
- touch-action: manipulation;
-}
-
-@media only screen and (max-width:1280px) {
- .note-replies .note-replies {
- margin-left: .33em;
- }
-
- .note-replies-indicator::before {
- content: '\201C';
- font-size: 1em;
- opacity: .66;
- }
-}
\ No newline at end of file
diff --git a/public/assets/default_theme/pages/settings.css b/public/assets/default_theme/pages/settings.css
deleted file mode 100644
index 0d065ae622..0000000000
--- a/public/assets/default_theme/pages/settings.css
+++ /dev/null
@@ -1,60 +0,0 @@
-.section-settings {
- background: var(--background-card);
- border: 1px solid var(--border);
- box-shadow: var(--shadow);
-}
-
-.section-settings, .section-settings-details {
- border-radius: .6rem;
- box-sizing: border-box;
- margin-bottom: .6rem;
- padding: .6rem;
-}
-
-.section-settings-details {
- border: 1px solid var(--border);
-}
-
-.section-settings-details-title {
- display: block;
-}
-
-.section-settings-details[open] {
- border-left: 2px solid var(--foreground);
-}
-
-.section-settings-details[open] > summary:first-child {
- margin-bottom: var(--s);
-}
-
-.section-settings-details summary + form {
- padding-left: var(--s);
-}
-
-.section-settings hr {
- margin-bottom: .6rem;
- margin-top: .6rem;
-}
-
-.section-settings-details summary em:first-letter, .section-settings-details summary h3:first-letter {
- text-transform: uppercase;
-}
-
-.section-settings-details[open] .set-nav li:last-of-type {
- margin-bottom: 0;
-}
-
-.section-settings-details summary:after {
- content: "\1F817";
- float: right;
-}
-
-.section-settings-details[open] summary:after {
- animation: fadeOut 200ms cubic-bezier(0, 0.55, 0.45, 1);
- transform: rotate(180deg);
-}
-
-.section-settings-details:not([open]) summary:after {
- animation: fadeIn 200ms cubic-bezier(0, 0.55, 0.45, 1);
- transform: initial;
-}
diff --git a/public/assets/default_theme/reset.css b/public/assets/default_theme/reset.css
index 2add334a22..8ade12d345 100644
--- a/public/assets/default_theme/reset.css
+++ b/public/assets/default_theme/reset.css
@@ -1,170 +1,166 @@
+
* {
- box-sizing: border-box !important;
- max-width: 100%;
+ box-sizing:border-box!important;
+ max-width:100%;
}
body,html {
- -moz-osx-font-smoothing: grayscale;
- -webkit-font-smoothing: antialiased;
- background-attachment: fixed;
- background-color: var(--background-hard);
- display: flex;
- flex-direction: column;
- font-family: "var(--unit) 'Open Sans'",sans-serif;
- font-style: normal;
- font-variant: normal;
- font-weight: normal;
+ -moz-osx-font-smoothing:grayscale;
+ -webkit-font-smoothing:antialiased;
+ background-attachment:fixed;
+ background-color:var(--background-hard);
+ font-family:"var(--unit) 'Open Sans'",sans-serif;
}
body,input,select,textarea {
- color: var(--foreground);
+ color:var(--foreground);
}
:link,:visited {
- color: currentColor;
- text-decoration: none;
+ color:currentColor;
+ text-decoration:none;
}
hr {
- all: unset;
- background-color: var(--border) !important;
- display: block;
- height: 1px;
+ all:unset;
+ background-color:var(--border)!important;
+ display:block;
+ height:1px;
}
menu,ul {
- list-style: none;
- margin: unset;
- padding: unset;
+ list-style:none;
+ margin:unset;
+ padding:unset;
}
blockquote,body,fieldset,form,html,input,pre,textarea {
- border: 0;
- margin: 0;
- padding: 0;
+ border:0;
+ margin:0;
+ padding:0;
}
fieldset {
- all: unset;
+ all:unset;
}
:link img,:visited img,a img {
- border: 0;
+ border:0;
}
address {
- font-style: normal;
+ font-style:normal;
}
:focus {
- outline: 0;
+ outline:0;
}
::-moz-focus-inner {
- border: 0;
+ border:0;
}
details summary {
- cursor: pointer !important;
+ cursor:pointer!important;
}
details summary>* {
- margin: unset;
- padding: unset;
+ margin:unset;
+ padding:unset;
}
details>summary {
- list-style: none;
+ list-style:none;
}
details>summary::-webkit-details-marker {
- display: none;
+ display:none;
}
[hidden] {
- display: none;
+ display:none;
}
html {
- font-size: 100%;
+ font-size:100%;
}
body {
- font-family: 'Open Sans',sans-serif;
- font-weight: 400;
- line-height: 1.75;
+ font-family:'Open Sans',sans-serif;
+ font-weight:400;
+ line-height:1.75;
}
p {
- margin-top: 0;
- margin-bottom: var(--s);
+ margin-bottom:var(--s);
+ margin-top:0;
}
h1,h2,h3,h4,h5 {
- margin: var(--m) 0 var(--s);
- font-family: 'Poppins',sans-serif;
- line-height: 1.3;
+ font-family:'Poppins',sans-serif;
+ line-height:1.3;
+ margin:var(--m) 0 var(--s);
}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,legend:first-child {
- margin-top: initial;
+ margin-top:initial;
}
-.doc-navigation, h1 {
- margin-top: 0;
- font-size: 1.383rem;
- font-weight: 900;
+.doc-navigation,h1 {
+ font-size:1.383em;
+ font-weight:700;
+ margin-top:0;
}
h2 {
- font-size: 1.296rem;
- font-weight: 700;
+ font-size:1.296em;
+ font-weight:700;
}
h3 {
- font-size: 1.215rem;
- font-weight: 600;
+ font-size:1.215em;
+ font-weight:600;
}
h4 {
- font-size: 1.138rem;
- font-weight: 600;
+ font-size:1.138em;
+ font-weight:600;
}
h5 {
- font-size: 1.067rem;
- font-weight: 600;
+ font-size:1.067em;
+ font-weight:600;
}
small,.text_small {
- font-size: .937rem;
+ font-size:.937rem;
}
legend,label {
- font-size: 1.067rem;
- font-weight: 600;
+ font-size:1.067rem;
+ font-weight:600;
}
input[type=password],input[type=text],textarea {
- padding: 6px 8px;
+ padding:6px 8px;
}
ul {
- list-style: none;
- margin: 0;
- padding: 0;
- text-decoration: none;
+ list-style:none;
+ margin:0;
+ padding:0;
+ text-decoration:none;
}
li {
- margin: 0;
- padding: 0;
+ margin:0;
+ padding:0;
}
a:focus,a:hover {
- text-decoration: underline;
+ text-decoration:underline;
}
:focus-visible {
- box-shadow: var(--shadow-inset-accent);
+ box-shadow:var(--shadow-inset-accent) !important;
}
\ No newline at end of file
diff --git a/public/assets/default_theme/root.css b/public/assets/default_theme/root.css
index 9978a8cd38..09e2f9c4bc 100644
--- a/public/assets/default_theme/root.css
+++ b/public/assets/default_theme/root.css
@@ -1,37 +1,38 @@
+
:root {
- --s: 0.666rem;
- --unit: 1rem;
- --m: 1.067rem;
- --xl: 1.138rem;
- --xxl: 3.2rem;
+ --m:1.067em;
+ --s:.666em;
+ --unit:1em;
+ --xl:1.138em;
+ --xxl:3.138em;
}
-@media(prefers-color-scheme:dark) {
+@media(prefers-color-scheme: dark) {
:root {
- --foreground: #eff0f1;
- --background-hard: #0E0E0F;
- --background-card: #0E0E0F;
- --border: #26262C;
- --accent: #5ddbcf;
- --shadow: 0 5px 20px -10px rgba(255,255,255,0.1)!important;
- --shadow-inset-accent: inset 0 0 0 2px var(--accent);
- --background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
- --gradient: linear-gradient(5deg,var(--border) -33%,transparent 66%) !important;
- --gradient-backwards: linear-gradient(-5deg,var(--border) -33%,transparent 66%) !important;
+ --accent:#5ddbcf;
+ --background-card:#0e0e0f;
+ --background-checkerboard:repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
+ --background-hard:#0e0e0f;
+ --border:#26262c;
+ --foreground:#eff0f1;
+ --gradient:linear-gradient(5deg,var(--border) -33%,transparent 66%)!important;
+ --gradient-backwards:linear-gradient(-5deg,var(--border) -33%,transparent 66%)!important;
+ --shadow:0 5px 20px -10px rgba(255,255,255,.1)!important;
+ --shadow-inset-accent:inset 0 0 0 2px var(--accent);
}
}
-@media(prefers-color-scheme:light) {
+@media(prefers-color-scheme: light) {
:root {
- --foreground: #09090d;
- --background-hard: #ebebeb;
- --background-card: #f0f0f0;
- --border: #C2C2C2;
- --accent: #a22430;
- --shadow: 0 5px 20px -10px rgba(0,0,0,0.1)!important;
- --shadow-inset-accent: inset 0 0 0 2px var(--accent);
- --background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
- --gradient: linear-gradient(10deg,var(--background-hard) 0,transparent) !important;
- --gradient-backwards: linear-gradient(290deg,var(--background-hard) 0,var(--background-card) 100%) !important;
+ --accent:#a22430;
+ --background-card:#f0f0f0;
+ --background-checkerboard:repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
+ --background-hard:#ebebeb;
+ --border:#c2c2c2;
+ --foreground:#09090d;
+ --gradient:linear-gradient(10deg,var(--background-hard) 0,transparent)!important;
+ --gradient-backwards:linear-gradient(290deg,var(--background-hard) 0,var(--background-card) 100%)!important;
+ --shadow:0 5px 20px -10px rgba(0,0,0,.1)!important;
+ --shadow-inset-accent:inset 0 0 0 2px var(--accent);
}
-}
\ No newline at end of file
+}
diff --git a/public/assets/default_theme/widgets.css b/public/assets/default_theme/widgets.css
new file mode 100644
index 0000000000..c794d73185
--- /dev/null
+++ b/public/assets/default_theme/widgets.css
@@ -0,0 +1,487 @@
+*|::-moz-button-content {
+ all: unset !important;
+}
+
+.add-actor-button-container {
+ -moz-mask-image: url(icons/add-actor.svg);
+ -o-mask-image: url(icons/add-actor.svg);
+ -webkit-mask-image: url(icons/add-actor.svg);
+ mask-image: url(icons/add-actor.svg);
+}
+
+.alert button {
+ border-color: #ff6347 !important;
+ cursor: pointer !important;
+ margin-top: unset !important;
+}
+
+.alert, .alert-danger, .form-error, .form-row-widget-error {
+ align-items: center;
+ background-color: #FF634733;
+ border: solid 2px #ff6347;
+ border-radius: var(--s);
+ display: inline-flex;
+ font-style: italic;
+ justify-content: space-between;
+ margin-bottom: 6px;
+ margin-top: 6px;
+ padding: 2px 6px;
+}
+
+.avatar {
+ max-block-size: 2em;
+ width: auto;
+}
+
+.button-container {
+ background-color: var(--foreground);
+ border: none !important;
+ display: inline-block;
+ height: var(--unit);
+ mask-repeat: no-repeat !important;
+ mask-size: cover !important;
+ opacity: .33;
+ width: var(--unit);
+}
+
+.button-container:focus, .button-container:hover {
+ background-color: var(--accent);
+ border: none !important;
+ mask-repeat: no-repeat !important;
+ mask-size: cover !important;
+ opacity: 1;
+}
+
+.button-container:not(:first-of-type) {
+ margin-left: var(--s);
+}
+
+.container-block, .profile-info-url, .profile-info-url > *, .profile-navigation > *, .profile-stats-subscribers, .profile-stats-subscriptions, .section-settings-details-title {
+ display: block;
+}
+
+.container-grid {
+ display: grid;
+ gap: var(--s);
+ grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));
+}
+
+.details-subtitle-summary a, .details-title-summary a {
+ line-height: initial;
+}
+
+.details-subtitle-summary svg:last-child, .details-title-summary svg:last-child {
+ margin-left: 4px;
+}
+
+.details-subtitle-summary ~ [class|="form-row"], .frame-section-padding {
+ padding: var(--s);
+}
+
+.details-subtitle-summary + * {
+ background: var(--gradient);
+ border-radius: var(--s);
+ padding: 2px 8px;
+}
+
+.details-summary-subtitle {
+ font: 900 1.067em "Open Sans", sans-serif;
+ padding: 6px 8px;
+}
+
+.details-summary-subtitle:after {
+ content: "\1F815";
+ display: block;
+ float: right;
+ position: relative;
+}
+
+.details-summary-title {
+ font: 900 1.215em "Open Sans", sans-serif;
+ padding: 6px 8px;
+}
+
+.details-summary-title:after {
+ content: "\1F817";
+ display: block;
+ float: right;
+ position: relative;
+}
+
+.footer ul li {
+ margin-right: var(--s);
+}
+
+.footer ul, .profile-info {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.form-row {
+ display: flex;
+ flex-direction: column;
+ margin-bottom: var(--s);
+}
+
+.form-row-help {
+ font-style: italic;
+ margin-bottom: unset;
+}
+
+.form-row-widget {
+ display: block;
+ width: 100%;
+}
+
+.form-search {
+ display: inline-block;
+ margin-bottom: var(--m);
+ padding: unset !important;
+}
+
+.form-search span {
+ display: inline-flex;
+ width: 100%;
+}
+
+.form-search span .form-row {
+ flex: max-content;
+ margin-bottom: unset;
+}
+
+.form-search span button {
+ border-bottom-left-radius: 0;
+ border-left: none !important;
+ border-top-left-radius: 0;
+ flex: auto;
+ height: 100%;
+ margin: unset;
+}
+
+.form-search span input[type='text'] {
+ border-bottom-right-radius: 0;
+ border-top-right-radius: 0;
+ height: 100%;
+ margin: unset;
+}
+
+.form-search span label {
+ display: block;
+ height: 0;
+ opacity: 0;
+ width: 0;
+}
+
+.frame-section {
+ background-color: var(--background-card);
+ border: 1px solid var(--border);
+ border-radius: var(--s);
+ box-shadow: var(--shadow);
+ display: flex;
+ flex-direction: column;
+ margin-bottom: var(--s);
+}
+
+.frame-section hr, .section-details-subtitle .section-details-subtitle:not(:last-of-type), .section-details-subtitle:not(:last-of-type), .section-settings-details[open] > summary:first-child, button:not(:last-of-type) {
+ margin-bottom: var(--s);
+}
+
+.frame-section-button-like {
+ align-self: end;
+ background: var(--gradient);
+ border: 1px solid var(--border);
+ border-radius: var(--s);
+ display: block;
+ font-family: "Open Sans", sans-serif;
+ font-weight: 900;
+ padding: 6px 8px;
+ width: max-content;
+}
+
+.frame-section-paging {
+ display: block;
+ font-family: "Open Sans", sans-serif;
+ font-weight: 900;
+ margin-left: auto;
+ margin-top: var(--s);
+ padding: 6px 12px;
+}
+
+.frame-section-title {
+ margin-left: unset;
+}
+
+.profile {
+ background: var(--gradient);
+ border: 1px solid var(--border);
+ border-radius: var(--s);
+ font-family: 'Open Sans', sans-serif;
+ margin-bottom: var(--s);
+ padding: var(--unit);
+}
+
+.profile header {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ vertical-align: middle;
+}
+
+.profile-bio {
+ margin-top: 4px;
+}
+
+.profile-bio, .profile-info-url {
+ word-break: break-all;
+}
+
+.profile-extra-actions {
+ background: var(--gradient), var(--background-hard);
+ border: 1px solid var(--border);
+ border-radius: var(--s);
+ display: inline-block;
+ font-weight: 900;
+ margin-right: var(--s);
+ margin-top: var(--s);
+ padding: 4px 8px;
+}
+
+.profile-info .avatar {
+ border-radius: 2px;
+ height: auto;
+ margin-right: var(--s);
+ max-block-size: 3em;
+ width: auto;
+}
+
+.profile-info section {
+ flex: 1;
+}
+
+.profile-info-url strong, .heading-no-margin {
+ font-size: 1.215rem;
+ font-weight: 900;
+}
+
+.profile-info-url-remote {
+ opacity: .66;
+}
+
+.profile-stats {
+ align-self: center;
+ margin-left: auto;
+ opacity: .66;
+ text-align: right;
+}
+
+.profile-stats-subscribers strong, .profile-stats-subscriptions strong, .section-details-subtitle summary > :last-child, .section-details-title summary > :last-child {
+ margin-right: 4px;
+}
+
+.profile-tags {
+ margin: 4px unset unset;
+}
+
+.remove-actor-button-container {
+ -moz-mask-image: url(icons/remove-actor.svg);
+ -o-mask-image: url(icons/remove-actor.svg);
+ -webkit-mask-image: url(icons/remove-actor.svg);
+ mask-image: url(icons/remove-actor.svg);
+}
+
+.section-checkbox-flex {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+
+.section-checkbox-flex > * {
+ margin-right: var(--m);
+}
+
+.section-details-subtitle summary, .section-details-title summary {
+ background: var(--gradient);
+ border-radius: var(--s);
+ display: block;
+ font-family: 'Open Sans', sans-serif !important;
+ font-weight: 900 !important;
+ width: 100%;
+}
+
+.section-details-subtitle summary > *, .section-details-title summary > * {
+ display: inline-block;
+}
+
+.section-details-subtitle:not([open]) > .details-summary-subtitle:after {
+ animation: fadeOut 200ms cubic-bezier(0, 0.55, 0.45, 1);
+ content: "\1F817";
+}
+
+.section-details-subtitle[open] > .details-summary-subtitle:after, .section-details-title:not([open]) > .details-summary-title:after, .section-settings-details:not([open]) summary:after {
+ animation: fadeIn 200ms cubic-bezier(0, 0.55, 0.45, 1);
+ transform: initial;
+}
+
+.section-details-title[open] > .details-summary-title:after {
+ animation: fadeOut 200ms cubic-bezier(0, 0.55, 0.45, 1);
+ content: "\1F815";
+}
+
+.section-form {
+ background-color: var(--background-card);
+ border-radius: var(--s);
+ display: block;
+ max-width: 100%;
+ padding: var(--s);
+ width: 100%;
+}
+
+.section-form-legend {
+ font-weight: 700;
+ margin-bottom: var(--s);
+ margin-top: unset;
+}
+
+.section-settings {
+ background: var(--background-card);
+ border: 1px solid var(--border);
+ box-shadow: var(--shadow);
+}
+
+.section-settings hr {
+ margin-bottom: .6rem;
+ margin-top: .6rem;
+}
+
+.section-settings, .section-settings-details {
+ border-radius: .6rem;
+ box-sizing: border-box;
+ margin-bottom: .6rem;
+ padding: .6rem;
+}
+
+.section-settings-details {
+ border: 1px solid var(--border);
+}
+
+.section-settings-details summary + form {
+ padding-left: var(--s);
+}
+
+.section-settings-details summary em:first-letter, .section-settings-details summary h3:first-letter {
+ text-transform: uppercase;
+}
+
+.section-settings-details summary:after {
+ content: "\1F817";
+ float: right;
+}
+
+.section-settings-details[open] {
+ border-left: 2px solid var(--foreground);
+}
+
+.section-settings-details[open] .set-nav li:last-of-type {
+ margin-bottom: 0;
+}
+
+.section-settings-details[open] summary:after {
+ animation: fadeOut 200ms cubic-bezier(0, 0.55, 0.45, 1);
+ transform: rotate(180deg);
+}
+
+.section-title {
+ margin-top: 0;
+}
+
+::file-selector-button {
+ background-color: unset;
+ border: unset;
+ color: var(--foreground);
+ cursor: pointer;
+ fill: var(--foreground);
+ font-family: 'Open Sans', sans-serif !important;
+ font-weight: 900 !important;
+ margin: 3px;
+}
+
+button {
+ cursor: pointer !important;
+ display: block !important;
+ font-family: "Open Sans", sans-serif !important;
+ font-weight: 900 !important;
+ margin-left: auto !important;
+}
+
+button, input, select, textarea {
+ border: 1px solid var(--border) !important;
+ border-radius: var(--s);
+ color: var(--foreground) !important;
+ font-size: inherit !important;
+ max-width: border-box;
+ overflow: hidden;
+ padding: 6px 8px !important;
+ width: auto;
+}
+
+button, select, textarea, button, input {
+ background: var(--gradient) !important;
+}
+
+input + label {
+ margin-left: 3px;
+}
+
+input[type=checkbox] {
+ accent-color: var(--accent);
+}
+
+input[type=color] {
+ appearance: none;
+ background-color: transparent;
+ border: 0;
+ cursor: pointer;
+ height: var(--xxl);
+ width: var(--xxl);
+}
+
+input[type=color]::-webkit-color-swatch, input[type=color]::-moz-color-swatch {
+ border: 0;
+ border-radius: var(--s);
+}
+
+input[type=file] {
+ all: unset;
+ background: var(--gradient) !important;
+ border-radius: var(--s);
+ display: block;
+ font-family: 'Open Sans', sans-serif !important;
+ font-weight: 400 !important;
+ padding: unset !important;
+}
+
+input[type=radio], input[type=checkbox] {
+ background: initial;
+}
+
+select {
+ background-repeat: no-repeat;
+ border-radius: var(--s);
+ cursor: pointer;
+ max-width: 100%;
+}
+
+select::-ms-expand {
+ display: none;
+}
+
+select[multiple] {
+ height: 8rem;
+ overflow-y: scroll;
+}
+
+textarea.form-row-widget {
+ font: 400 1rem "Open Sans", sans-serif;
+ height: 7rem;
+ resize: vertical;
+}
\ No newline at end of file
diff --git a/public/assets/default_theme/widgets/buttons.css b/public/assets/default_theme/widgets/buttons.css
deleted file mode 100644
index 7c69d9185d..0000000000
--- a/public/assets/default_theme/widgets/buttons.css
+++ /dev/null
@@ -1,123 +0,0 @@
-input+label {
- margin-left: 3px;
-}
-
-input[type=file] {
- all: unset;
- background: var(--gradient) !important;
- border-radius: var(--s);
- display: block;
- font-family: 'Open Sans',sans-serif !important;
- font-weight: 400 !important;
- padding: unset !important;
-}
-
-::file-selector-button {
- background-color: unset;
- border: unset;
- color: var(--foreground);
- cursor: pointer;
- fill: var(--foreground);
- font-family: 'Open Sans',sans-serif !important;
- font-weight: 900 !important;
- margin: 3px;
-}
-
-*|::-moz-button-content {
- all: unset !important;
-}
-
-select::-ms-expand {
- display: none;
-}
-
-button,input,select,textarea {
- font-family: 'Open Sans',sans-serif !important;
- font-size: 1rem;
- border: 1px solid var(--border) !important;
- border-radius: var(--s);
- max-width: border-box;
- overflow: hidden;
- padding: 6px 8px;
- width: auto;
-}
-
-button,select,textarea {
- background: var(--gradient) !important;
-}
-
-button,input {
- background: var(--gradient) !important;
-}
-
-button {
- cursor: pointer !important;
- display: block !important;
- margin-left: auto !important;
-}
-
-button:not(:last-of-type) {
- margin-bottom: var(--s);
-}
-
-.alert button {
- border-color: #ff6347 !important;
- cursor: pointer !important;
- margin-top: unset !important;
-}
-
-button,label {
- color: currentColor;
-}
-
-button {
- font-family: 'Poppins',sans-serif !important;
- font-weight: 900 !important;
-}
-
-input[type=radio],input[type=checkbox] {
- background: initial;
-}
-
-select {
- background-repeat: no-repeat;
- border-radius: var(--s);
- cursor: pointer;
- max-width: 100%;
-}
-
-select[multiple] {
- height: 8rem;
- overflow-y: scroll;
-}
-
-button:focus,button:hover,input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover {
- box-shadow: var(--shadow-inset-accent);
-}
-
-input[type=color] {
- appearance: none;
- background-color: transparent;
- border: 0;
- cursor: pointer;
- height: var(--xxl);
- width: var(--xxl);
-}
-
-input[type=color]::-webkit-color-swatch {
- border: 0;
- border-radius: var(--s);
-}
-
-input[type=color]::-moz-color-swatch {
- border: 0;
- border-radius: var(--s);
-}
-
-input[type=checkbox]:focus,input[type=checkbox]:hover {
- outline: 2px solid var(--accent);
-}
-
-input[type=checkbox] {
- accent-color: var(--accent);
-}
\ No newline at end of file
diff --git a/public/assets/default_theme/widgets/sections.css b/public/assets/default_theme/widgets/sections.css
deleted file mode 100644
index f4adb5c7e6..0000000000
--- a/public/assets/default_theme/widgets/sections.css
+++ /dev/null
@@ -1,399 +0,0 @@
-.add-actor-button-container {
- -moz-mask-image: url(../icons/add-actor.svg);
- -o-mask-image: url(../icons/add-actor.svg);
- -webkit-mask-image: url(../icons/add-actor.svg);
- mask-image: url(../icons/add-actor.svg);
-}
-
-.alert,.alert-danger,.form-error,.form-row-widget-error {
- align-items: center;
- background-color: #FF634733;
- border: solid 2px #ff6347;
- border-radius: var(--s);
- display: inline-flex;
- font-style: italic;
- justify-content: space-between;
- margin-bottom: 6px;
- margin-top: 6px;
- padding: 2px 6px;
-}
-
-.button-container {
- background-color: var(--foreground);
- border: none !important;
- display: inline-block;
- height: var(--unit);
- width: var(--unit);
- mask-repeat: no-repeat !important;
- mask-size: cover !important;
- opacity: .33;
-}
-
-.button-container:focus,.button-container:hover {
- background-color: var(--accent);
- border: none !important;
- mask-repeat: no-repeat !important;
- mask-size: cover !important;
- opacity: 1;
-}
-
-.button-container:not(:first-of-type) {
- margin-left: var(--s);
-}
-
-.container-block {
- display: block;
-}
-
-.container-grid {
- display: grid;
- gap: var(--s);
- grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
-}
-
-.details-subtitle-summary+* {
- background: var(--gradient);
- border-radius: var(--s);
- padding: 2px 8px;
-}
-
-.details-subtitle-summary a,.details-title-summary a {
- line-height: initial;
-}
-
-.details-subtitle-summary svg:last-child,.details-title-summary svg:last-child {
- margin-left: 4px;
-}
-
-.details-subtitle-summary ~ [class|="form-row"] {
- padding: var(--s);
-}
-
-.footer ul {
- display: flex;
- flex-wrap: wrap;
-}
-
-.footer ul li {
- margin-right: var(--s);
-}
-
-.form-row {
- display: flex;
- flex-direction: column;
- margin-bottom: var(--s);
-}
-
-.form-row-help {
- font-style: italic;
- margin-bottom: unset;
-}
-
-.form-row-widget {
- display: block;
- width: 100%;
-}
-
-.form-search {
- display: inline-block;
- margin-bottom: var(--m);
- padding: unset !important;
-}
-
-.form-search span label {
- display: block;
- height: 0;
- opacity: 0;
- width: 0;
-}
-
-.form-search span .form-row {
- margin-bottom: unset;
- flex: 2;
-}
-
-.form-search span {
- display: inline-flex;
- width: 100%;
-}
-
-.form-search span button {
- border-bottom-left-radius: 0;
- border-left: none !important;
- border-top-left-radius: 0;
- height: 100%;
- margin: unset;
- flex: 1;
-}
-
-.form-search span input[type='text'] {
- border-bottom-right-radius: 0;
- border-top-right-radius: 0;
- height: 100%;
- margin: unset;
-}
-
-.frame-section {
- background-color: var(--background-card);
- border: 1px solid var(--border);
- border-radius: var(--s);
- box-shadow: var(--shadow);
- display: flex;
- flex-direction: column;
- margin-bottom: var(--s);
-}
-
-.frame-section hr {
- margin-bottom: var(--s);
-}
-
-.frame-section-button-like {
- align-self: end;
- background: var(--gradient);
- border: 1px solid var(--border);
- border-radius: var(--s);
- display: block;
- font-family: 'Poppins',sans-serif;
- font-weight: 900;
- padding: 6px 8px;
- width: max-content;
-}
-
-.frame-section-padding {
- padding: var(--s);
-}
-
-.frame-section-paging {
- display: block;
- font-family: 'Poppins',sans-serif;
- font-weight: 900;
- margin-left: auto;
- margin-top: var(--s);
- padding: 6px 12px;
-}
-
-.frame-section-title {
- margin-left: unset;
-}
-
-.profile {
- background: var(--gradient) !important;
- border: 1px solid var(--border);
- border-radius: var(--s);
- font-family: 'Open Sans',sans-serif;
- margin-bottom: var(--s);
- padding: var(--unit);
-}
-
-.profile header {
- display: flex;
- flex-wrap: wrap;
- justify-content: space-between;
- vertical-align: middle;
-}
-
-.profile-bio {
- margin-top: 4px;
-}
-
-.profile-bio,.profile-info-url {
- word-break: break-all;
-}
-
-.profile-extra-actions {
- background: var(--gradient),var(--background-hard);
- border: 1px solid var(--border);
- border-radius: var(--s);
- display: inline-block;
- font-weight: 900;
- margin-right: var(--s);
- margin-top: var(--s);
- padding: 4px 8px;
-}
-
-.profile-info {
- display: flex;
- flex-wrap: wrap;
-}
-
-.profile-info .avatar {
- border-radius: 2px;
- height: auto;
-
- max-block-size: 3em;
- width: auto;
- margin-right: var(--s);
-}
-
-.avatar {
- max-block-size: 2em;
- width: auto;
-}
-
-.profile-info section {
- flex: 1;
-}
-
-.profile-info-url {
- display: block;
-}
-
-.profile-info-url>* {
- display: block;
-}
-
-.profile-info-url strong {
- font-size: 1.215rem;
- font-weight: 900;
-}
-
-.profile-info-url-remote {
- opacity: .66;
-}
-
-.profile-navigation>* {
- display: block;
-}
-
-.profile-stats {
- align-self: center;
- margin-left: auto;
- opacity: .66;
- text-align: right;
-}
-
-.profile-stats-subscribers strong,.profile-stats-subscriptions strong {
- margin-right: 4px;
-}
-
-.profile-stats-subscribers,.profile-stats-subscriptions {
- display: block;
-}
-
-.profile-tags {
- margin: 4px unset unset;
-}
-
-.remove-actor-button-container {
- -moz-mask-image: url(../icons/remove-actor.svg);
- -o-mask-image: url(../icons/remove-actor.svg);
- -webkit-mask-image: url(../icons/remove-actor.svg);
- mask-image: url(../icons/remove-actor.svg);
-}
-
-.section-details-subtitle .section-details-subtitle:not(:last-of-type) {
- margin-bottom: var(--s);
-}
-
-.section-details-subtitle summary {
- padding: 2px 8px;
-}
-
-.section-details-subtitle summary,.section-details-title summary {
- display: flex;
- justify-content: flex-start;
-}
-
-.section-details-subtitle summary>*,.section-details-title summary>* {
- display: inline-block;
-}
-
-.section-details-subtitle summary>:last-child,.section-details-title summary>:last-child {
- margin-right: 4px;
-}
-
-.section-details-subtitle summary,.section-details-title summary {
- background: var(--gradient);
- border-radius: var(--s);
- display: block;
- width: 100%;
-}
-
-.section-details-subtitle:not(:last-of-type) {
- margin-bottom: var(--s);
-}
-
-.details-summary-title {
- line-height: initial;
- font-size: 1.215rem;
- font-weight: 900;
- padding: 6px 8px;
-}
-
-.details-summary-subtitle {
- font-size: 1em;
- font-weight: bold;
-}
-
-.heading-no-margin {
- font-size: 1.215rem;
- font-weight: 900;
-}
-
-.details-summary-title:after {
- content: "\1F817";
- display: block;
- position: relative;
- float: right;
-}
-
-.details-summary-subtitle:after {
- content: "\1F815";
- display: block;
- position: relative;
- float: right;
-}
-
-.section-details-subtitle:not([open])>.details-summary-subtitle:after {
- animation: fadeOut 200ms cubic-bezier(0,0.55,0.45,1);
- content: "\1F817";
-}
-
-.section-details-subtitle[open]>.details-summary-subtitle:after {
- animation: fadeIn 200ms cubic-bezier(0,0.55,0.45,1);
- transform: initial;
-}
-
-.section-details-title:not([open])>.details-summary-title:after {
- animation: fadeIn 200ms cubic-bezier(0,0.55,0.45,1);
- transform: initial;
-}
-
-.section-details-title[open]>.details-summary-title:after {
- animation: fadeOut 200ms cubic-bezier(0,0.55,0.45,1);
- content: "\1F815";
-}
-
-.section-form {
- background-color: var(--background-card);
- border-radius: var(--s);
- display: block;
- max-width: 100%;
- padding: var(--s);
- width: 100%;
-}
-
-.section-form-legend {
- font-weight: 700;
- margin-bottom: var(--s);
- margin-top: unset;
-}
-
-.section-title {
- margin-top: 0;
-}
-
-.section-checkbox-flex {
- display: flex;
- justify-content: flex-start;
- flex-wrap: wrap;
-}
-
-.section-checkbox-flex>* {
- margin-right: var(--m);
-}
-
-textarea.form-row-widget {
- height: 7rem;
- resize: vertical;
-}
\ No newline at end of file
diff --git a/templates/base.html.twig b/templates/base.html.twig
index 6947a9f499..37c5fe1cba 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -16,10 +16,11 @@
{% block stylesheets %}
-
-
-
+
+
+
+
{% for stylesheet in show_stylesheets(app.request.get('_route')) %}
@@ -87,14 +88,14 @@
diff --git a/templates/cards/blocks/note.html.twig b/templates/cards/blocks/note.html.twig
index ce7fbac643..af5b7f0a2e 100644
--- a/templates/cards/blocks/note.html.twig
+++ b/templates/cards/blocks/note.html.twig
@@ -118,46 +118,45 @@
{% block note_complementary %}
{% set complementary_info_array = handle_event('AppendCardNote', { 'note': note, 'request': app.request }) %}
-
{% endif %}
- {{ block('note_actions', 'cards/blocks/note.html.twig') }}
-
{% endblock note_complementary %}
\ No newline at end of file
diff --git a/templates/note/view.html.twig b/templates/note/view.html.twig
index d997aefcb1..4fdfbc3f98 100644
--- a/templates/note/view.html.twig
+++ b/templates/note/view.html.twig
@@ -1,11 +1,11 @@
{% extends 'stdgrid.html.twig' %}
-{% import '/cards/macros/note.html.twig' as noteView %}
+{% import '/cards/macros/note/factory.html.twig' as NoteFactory %}
{% block title %}{{ note.getActorNickname() ~ '\'s note' | trans }}{% endblock %}
{% block stylesheets %}
{{ parent() }}
-
+
{% endblock stylesheets %}
{% block body %}
@@ -13,7 +13,8 @@
{% if note is defined and note is not empty %}
- {{ noteView.note_vanilla(note, null) }}
+ {% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
+ {{ NoteFactory.constructor(args) }}
{% else %}
{% trans %}No notes here.{% endtrans %}
{% endif %}
diff --git a/templates/settings/base.html.twig b/templates/settings/base.html.twig
index 20c202f73e..1575471149 100644
--- a/templates/settings/base.html.twig
+++ b/templates/settings/base.html.twig
@@ -4,12 +4,6 @@
{% block title %}{{ 'Settings' | trans }}{% endblock %}
-{% block stylesheets %}
- {{ parent() }}
-
-
-{% endblock stylesheets %}
-
{% block body %}