forked from GNUsocial/gnu-social
[CSS] Complete refactor, removing all useless rules, squashing related separate files, and limiting folder depth
This commit is contained in:
parent
af02bc7b32
commit
d12038a9f8
GPG Key ID:
96DA09D4B97BC2D5
@ -5,7 +5,7 @@
|
|||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<link rel="stylesheet" href="{{ asset('assets/default_theme/pages/feeds.css') }}" type="text/css">
|
<link rel="stylesheet" href="{{ asset('assets/default_theme/feeds.css') }}" type="text/css">
|
||||||
{% endblock stylesheets %}
|
{% endblock stylesheets %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
|
|||||||
@ -2,12 +2,6 @@
|
|||||||
|
|
||||||
{% import 'cards/macros/settings.html.twig' as macros %}
|
{% import 'cards/macros/settings.html.twig' as macros %}
|
||||||
|
|
||||||
{% block stylesheets %}
|
|
||||||
{{ parent() }}
|
|
||||||
<link rel="preload" href="{{ asset('assets/default_theme/pages/settings.css') }}" as="style" type="text/css">
|
|
||||||
<link rel="stylesheet" href="{{ asset('assets/default_theme/pages/settings.css') }}">
|
|
||||||
{% endblock stylesheets %}
|
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
<nav class='section-settings'>
|
<nav class='section-settings'>
|
||||||
<h1>Settings</h1>
|
<h1>Settings</h1>
|
||||||
|
|||||||
@ -1,19 +1,21 @@
|
|||||||
{% extends 'stdgrid.html.twig' %}
|
{% extends 'stdgrid.html.twig' %}
|
||||||
{% import "/cards/macros/note.html.twig" as noteView %}
|
{% import "/cards/macros/note/factory.html.twig" as NoteFactory %}
|
||||||
|
|
||||||
{% block title %}{{ 'Delete ' | trans }}{{ 'note' | trans }}{% endblock %}
|
{% block title %}{{ 'Delete ' | trans }}{{ 'note' | trans }}{% endblock %}
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<link rel="stylesheet" href="{{ asset('assets/default_theme/pages/feeds.css') }}" type="text/css">
|
<link rel="stylesheet" href="{{ asset('assets/default_theme/feeds.css') }}" type="text/css">
|
||||||
{% endblock stylesheets %}
|
{% endblock stylesheets %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<div class="page">
|
<div class="page">
|
||||||
<div class="main">
|
<div class="main">
|
||||||
{{ noteView.note_compact(note) }}
|
{% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
|
||||||
{{ form(delete) }}
|
{{ NoteFactory.constructor(args) }}
|
||||||
</div>
|
<hr>
|
||||||
|
{{ form(delete) }}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
{% endblock body %}
|
{% endblock body %}
|
||||||
|
|||||||
@ -1,18 +1,20 @@
|
|||||||
{% extends 'stdgrid.html.twig' %}
|
{% 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 title %}{{ 'Favourite ' | trans }}{{ note.getActorNickname() }}{{ '\'s note.' | trans }}{% endblock %}
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<link rel="stylesheet" href="{{ asset('assets/default_theme/pages/feeds.css') }}" type="text/css">
|
<link rel="stylesheet" href="{{ asset('assets/default_theme/feeds.css') }}" type="text/css">
|
||||||
{% endblock stylesheets %}
|
{% endblock stylesheets %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<div class="page">
|
<div class="page">
|
||||||
<div class="main">
|
<div class="main">
|
||||||
{{ noteView.note_vanilla(note) }}
|
{% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
|
||||||
|
{{ NoteFactory.constructor(args) }}
|
||||||
|
<hr>
|
||||||
{{ form(add_favourite) }}
|
{{ form(add_favourite) }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,18 +1,20 @@
|
|||||||
{% extends 'stdgrid.html.twig' %}
|
{% 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 title %}{{ 'Remove favourite from ' | trans }}{{ note.getActorNickname() }}{{ '\'s note.' | trans }}{% endblock %}
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<link rel="stylesheet" href="{{ asset('assets/default_theme/pages/feeds.css') }}" type="text/css">
|
<link rel="stylesheet" href="{{ asset('assets/default_theme/feeds.css') }}" type="text/css">
|
||||||
{% endblock stylesheets %}
|
{% endblock stylesheets %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<div class="page">
|
<div class="page">
|
||||||
<div class="main">
|
<div class="main">
|
||||||
{{ noteView.note_vanilla(note) }}
|
{% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
|
||||||
|
{{ NoteFactory.constructor(args) }}
|
||||||
|
<hr>
|
||||||
{{ form(remove_favourite) }}
|
{{ form(remove_favourite) }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,18 +1,20 @@
|
|||||||
{% extends 'stdgrid.html.twig' %}
|
{% 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 title %}{{ 'Repeat ' | trans }}{{ note.getActorNickname() }}{{ '\'s note.' | trans }}{% endblock %}
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<link rel="stylesheet" href="{{ asset('assets/default_theme/pages/feeds.css') }}" type="text/css">
|
<link rel="stylesheet" href="{{ asset('assets/default_theme/feeds.css') }}" type="text/css">
|
||||||
{% endblock stylesheets %}
|
{% endblock stylesheets %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<div class="page">
|
<div class="page">
|
||||||
<div class="main">
|
<div class="main">
|
||||||
{{ noteView.note_vanilla(note) }}
|
{% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
|
||||||
|
{{ NoteFactory.constructor(args) }}
|
||||||
|
<hr>
|
||||||
{{ form(add_repeat) }}
|
{{ form(add_repeat) }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,18 +1,20 @@
|
|||||||
{% extends 'stdgrid.html.twig' %}
|
{% 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 title %}{{ 'Remove repeat from ' | trans }}{{ note.getActorNickname() }}{{ '\'s note.' | trans }}{% endblock %}
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<link rel="stylesheet" href="{{ asset('assets/default_theme/pages/feeds.css') }}" type="text/css">
|
<link rel="stylesheet" href="{{ asset('assets/default_theme/feeds.css') }}" type="text/css">
|
||||||
{% endblock stylesheets %}
|
{% endblock stylesheets %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<div class="page">
|
<div class="page">
|
||||||
<div class="main">
|
<div class="main">
|
||||||
{{ noteView.note_vanilla(note) }}
|
{% set args = { 'type': 'vanilla_full', 'note': note, 'extra': { 'depth': 0 } } %}
|
||||||
|
{{ NoteFactory.constructor(args) }}
|
||||||
|
<hr>
|
||||||
{{ form(remove_repeat) }}
|
{{ form(remove_repeat) }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,303 +1,268 @@
|
|||||||
@import url(root.css);
|
|
||||||
|
|
||||||
@import url(reset.css);
|
|
||||||
|
|
||||||
@import url(widgets/buttons.css);
|
|
||||||
|
|
||||||
@import url(widgets/sections.css);
|
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-family: 'Open Sans',sans-serif;
|
font-family:'Open Sans',sans-serif;
|
||||||
scroll-margin-top: var(--xxl);
|
background-image:url(images/noise.png);
|
||||||
}
|
background-blend-mode: soft-light;
|
||||||
|
|
||||||
html,html>* {
|
|
||||||
background-image: url('images/noise.png');
|
|
||||||
background-blend-mode: overlay;
|
|
||||||
}
|
|
||||||
|
|
||||||
hr {
|
|
||||||
margin-top: var(--s);
|
|
||||||
margin-bottom: var(--s);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.icon {
|
.icon {
|
||||||
vertical-align: center;
|
|
||||||
fill: var(--foreground);
|
fill: var(--foreground);
|
||||||
height: 1em;
|
|
||||||
width: 1em;
|
|
||||||
}
|
|
||||||
|
|
||||||
.active {
|
|
||||||
font: 600 1em Poppins,sans-serif;
|
|
||||||
}
|
|
||||||
|
|
||||||
.anchor-hidden {
|
|
||||||
height: 1px;
|
|
||||||
overflow: hidden;
|
|
||||||
width: 1px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.accessibility-menu {
|
.accessibility-menu {
|
||||||
background-color: var(--background-hard) !important;
|
background-color:var(--background-hard)!important;
|
||||||
border: 2px solid var(--border);
|
border:2px solid var(--border);
|
||||||
border-radius: var(--s);
|
border-radius:var(--s);
|
||||||
display: block;
|
display:block;
|
||||||
height: min-content;
|
height:min-content;
|
||||||
left: -90%;
|
left:-90%;
|
||||||
padding: var(--s);
|
padding:var(--s);
|
||||||
position: absolute;
|
position:absolute;
|
||||||
top: -90%;
|
top:-90%;
|
||||||
width: 30%;
|
width:30%;
|
||||||
z-index: 999;
|
z-index:999;
|
||||||
}
|
}
|
||||||
|
|
||||||
.accessibility-menu ul {
|
.accessibility-menu ul {
|
||||||
list-style-type: disc;
|
list-style-type:disc;
|
||||||
margin-left: var(--m);
|
margin-left:var(--m);
|
||||||
}
|
}
|
||||||
|
|
||||||
.accessibility-menu:focus-within:not(:active) {
|
.accessibility-menu:focus-within:not(:active) {
|
||||||
left: var(--s);
|
left:var(--s);
|
||||||
top: var(--s);
|
top:var(--s);
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-header {
|
.active {
|
||||||
width: 100%;
|
font:900 1em "Open Sans",sans-serif;
|
||||||
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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.header-instance {
|
.anchor-hidden {
|
||||||
flex: 1;
|
height:1px;
|
||||||
text-align: center;
|
overflow:hidden;
|
||||||
}
|
width:1px;
|
||||||
|
|
||||||
.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;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.doc-navigation {
|
.doc-navigation {
|
||||||
background-color: var(--background-card) !important;
|
background-color:var(--background-card)!important;
|
||||||
border-bottom: 0;
|
border-bottom:0;
|
||||||
border-radius: var(--s) var(--s) 0 0;
|
border-radius:var(--s) var(--s) 0 0;
|
||||||
padding: var(--s);
|
padding:var(--s);
|
||||||
}
|
}
|
||||||
|
|
||||||
.doc-navigation ul {
|
.doc-navigation ul {
|
||||||
display: flex;
|
display:flex;
|
||||||
justify-content: space-evenly;
|
}
|
||||||
|
|
||||||
|
.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 {
|
.section-panel {
|
||||||
padding: var(--s);
|
padding:var(--s);
|
||||||
position: fixed;
|
position:fixed;
|
||||||
top: var(--xxl);
|
top:var(--xxl);
|
||||||
}
|
|
||||||
|
|
||||||
.section-panel-left {
|
|
||||||
left: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-panel-right {
|
|
||||||
right: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.panel-left-icon,.panel-right-icon {
|
|
||||||
display: inherit;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-panel .panel-content {
|
.section-panel .panel-content {
|
||||||
display: block;
|
display:block;
|
||||||
height: calc(100vh - var(--xxl));
|
height:calc(100vh - var(--xxl));
|
||||||
overflow: auto;
|
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 {
|
html {
|
||||||
font-size: 85%;
|
font-size:85%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width:1280px) {
|
@media only screen and (max-width: 1280px) {
|
||||||
.page-header {
|
#toggle-panel-left:checked~.section-panel-left,#toggle-panel-right:checked~.section-panel-right {
|
||||||
width: 100%;
|
background-color:var(--background-hard);
|
||||||
|
box-shadow:var(--shadow);
|
||||||
|
left:0;
|
||||||
|
width:100vw;
|
||||||
|
z-index:auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-content-wrapper {
|
#toggle-panel-left:not(:checked)~.section-panel-left,#toggle-panel-right:not(:checked)~.section-panel-right {
|
||||||
width: 100%;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-content {
|
.page-content {
|
||||||
max-width: 100%;
|
max-width:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
label[for|="toggle-panel"] {
|
.page-header,.page-content-wrapper {
|
||||||
cursor: pointer;
|
width:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[id|="toggle-panel"] {
|
input[id|=toggle-panel] {
|
||||||
position: absolute;
|
position:absolute;
|
||||||
top: -100%;
|
top:-100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#toggle-panel-left:not(:checked) ~ .section-panel-left,#toggle-panel-right:not(:checked) ~ .section-panel-right {
|
label[for|=toggle-panel] {
|
||||||
display: none;
|
cursor:pointer;
|
||||||
}
|
|
||||||
|
|
||||||
#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);
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width:1281px) {
|
@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;
|
|
||||||
}
|
|
||||||
|
|
||||||
.page-content-wrapper {
|
.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 {
|
.page-header {
|
||||||
align-self: center;
|
width:100%;
|
||||||
width: 66vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
label[for|="toggle-panel"],input[id|="toggle-panel"] {
|
|
||||||
display: none !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-panel {
|
.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 {
|
.section-panel-left {
|
||||||
left: 17vw;
|
left:17vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.section-panel-right {
|
.section-panel-right {
|
||||||
right: 17vw;
|
right:17vw;
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-content-wrapper {
|
label[for|=toggle-panel],input[id|=toggle-panel] {
|
||||||
width: 44vw;
|
display:none!important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fadeIn {
|
@keyframes fadeIn {
|
||||||
0% {
|
0% {
|
||||||
opacity: 0;
|
opacity:0;
|
||||||
transform: translateY(-10px);
|
transform:translateY(-10px);
|
||||||
}
|
}
|
||||||
|
|
||||||
100% {
|
100% {
|
||||||
opacity: unset;
|
opacity:unset;
|
||||||
transform: none;
|
transform:none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes fadeOut {
|
@keyframes fadeOut {
|
||||||
100% {
|
0% {
|
||||||
opacity: 0;
|
opacity:unset;
|
||||||
transform: translateY(-10px);
|
transform:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
0% {
|
100% {
|
||||||
opacity: unset;
|
opacity:0;
|
||||||
transform: none;
|
transform:translateY(-10px);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@keyframes highlight {
|
@keyframes highlight {
|
||||||
0% {
|
0%,100% {
|
||||||
border-radius: var(--s);
|
border-radius:var(--s);
|
||||||
box-shadow: initial;
|
box-shadow:initial;
|
||||||
}
|
}
|
||||||
|
|
||||||
50% {
|
50% {
|
||||||
border-radius: var(--s);
|
border-radius:var(--s);
|
||||||
box-shadow: inset 0 20px 40px #FFF;
|
box-shadow:inset 0 20px 40px #fff;
|
||||||
transition: box-shadow .3s ease-in-out;
|
transition:box-shadow .3s ease-in-out;
|
||||||
z-index: 666;
|
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;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
384
public/assets/default_theme/feeds.css
Normal file
384
public/assets/default_theme/feeds.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -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.
|
|
||||||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@ -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;
|
|
||||||
}
|
|
||||||
|
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
@ -1,170 +1,166 @@
|
|||||||
|
|
||||||
* {
|
* {
|
||||||
box-sizing: border-box !important;
|
box-sizing:border-box!important;
|
||||||
max-width: 100%;
|
max-width:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
body,html {
|
body,html {
|
||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing:grayscale;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing:antialiased;
|
||||||
background-attachment: fixed;
|
background-attachment:fixed;
|
||||||
background-color: var(--background-hard);
|
background-color:var(--background-hard);
|
||||||
display: flex;
|
font-family:"var(--unit) 'Open Sans'",sans-serif;
|
||||||
flex-direction: column;
|
|
||||||
font-family: "var(--unit) 'Open Sans'",sans-serif;
|
|
||||||
font-style: normal;
|
|
||||||
font-variant: normal;
|
|
||||||
font-weight: normal;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
body,input,select,textarea {
|
body,input,select,textarea {
|
||||||
color: var(--foreground);
|
color:var(--foreground);
|
||||||
}
|
}
|
||||||
|
|
||||||
:link,:visited {
|
:link,:visited {
|
||||||
color: currentColor;
|
color:currentColor;
|
||||||
text-decoration: none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
all: unset;
|
all:unset;
|
||||||
background-color: var(--border) !important;
|
background-color:var(--border)!important;
|
||||||
display: block;
|
display:block;
|
||||||
height: 1px;
|
height:1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
menu,ul {
|
menu,ul {
|
||||||
list-style: none;
|
list-style:none;
|
||||||
margin: unset;
|
margin:unset;
|
||||||
padding: unset;
|
padding:unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
blockquote,body,fieldset,form,html,input,pre,textarea {
|
blockquote,body,fieldset,form,html,input,pre,textarea {
|
||||||
border: 0;
|
border:0;
|
||||||
margin: 0;
|
margin:0;
|
||||||
padding: 0;
|
padding:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
fieldset {
|
fieldset {
|
||||||
all: unset;
|
all:unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
:link img,:visited img,a img {
|
:link img,:visited img,a img {
|
||||||
border: 0;
|
border:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
address {
|
address {
|
||||||
font-style: normal;
|
font-style:normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
:focus {
|
:focus {
|
||||||
outline: 0;
|
outline:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
::-moz-focus-inner {
|
::-moz-focus-inner {
|
||||||
border: 0;
|
border:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary {
|
details summary {
|
||||||
cursor: pointer !important;
|
cursor:pointer!important;
|
||||||
}
|
}
|
||||||
|
|
||||||
details summary>* {
|
details summary>* {
|
||||||
margin: unset;
|
margin:unset;
|
||||||
padding: unset;
|
padding:unset;
|
||||||
}
|
}
|
||||||
|
|
||||||
details>summary {
|
details>summary {
|
||||||
list-style: none;
|
list-style:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
details>summary::-webkit-details-marker {
|
details>summary::-webkit-details-marker {
|
||||||
display: none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
[hidden] {
|
[hidden] {
|
||||||
display: none;
|
display:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
html {
|
html {
|
||||||
font-size: 100%;
|
font-size:100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
font-family: 'Open Sans',sans-serif;
|
font-family:'Open Sans',sans-serif;
|
||||||
font-weight: 400;
|
font-weight:400;
|
||||||
line-height: 1.75;
|
line-height:1.75;
|
||||||
}
|
}
|
||||||
|
|
||||||
p {
|
p {
|
||||||
margin-top: 0;
|
margin-bottom:var(--s);
|
||||||
margin-bottom: var(--s);
|
margin-top:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1,h2,h3,h4,h5 {
|
h1,h2,h3,h4,h5 {
|
||||||
margin: var(--m) 0 var(--s);
|
font-family:'Poppins',sans-serif;
|
||||||
font-family: 'Poppins',sans-serif;
|
line-height:1.3;
|
||||||
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 {
|
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 {
|
.doc-navigation,h1 {
|
||||||
margin-top: 0;
|
font-size:1.383em;
|
||||||
font-size: 1.383rem;
|
font-weight:700;
|
||||||
font-weight: 900;
|
margin-top:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 1.296rem;
|
font-size:1.296em;
|
||||||
font-weight: 700;
|
font-weight:700;
|
||||||
}
|
}
|
||||||
|
|
||||||
h3 {
|
h3 {
|
||||||
font-size: 1.215rem;
|
font-size:1.215em;
|
||||||
font-weight: 600;
|
font-weight:600;
|
||||||
}
|
}
|
||||||
|
|
||||||
h4 {
|
h4 {
|
||||||
font-size: 1.138rem;
|
font-size:1.138em;
|
||||||
font-weight: 600;
|
font-weight:600;
|
||||||
}
|
}
|
||||||
|
|
||||||
h5 {
|
h5 {
|
||||||
font-size: 1.067rem;
|
font-size:1.067em;
|
||||||
font-weight: 600;
|
font-weight:600;
|
||||||
}
|
}
|
||||||
|
|
||||||
small,.text_small {
|
small,.text_small {
|
||||||
font-size: .937rem;
|
font-size:.937rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
legend,label {
|
legend,label {
|
||||||
font-size: 1.067rem;
|
font-size:1.067rem;
|
||||||
font-weight: 600;
|
font-weight:600;
|
||||||
}
|
}
|
||||||
|
|
||||||
input[type=password],input[type=text],textarea {
|
input[type=password],input[type=text],textarea {
|
||||||
padding: 6px 8px;
|
padding:6px 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style: none;
|
list-style:none;
|
||||||
margin: 0;
|
margin:0;
|
||||||
padding: 0;
|
padding:0;
|
||||||
text-decoration: none;
|
text-decoration:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
li {
|
li {
|
||||||
margin: 0;
|
margin:0;
|
||||||
padding: 0;
|
padding:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
a:focus,a:hover {
|
a:focus,a:hover {
|
||||||
text-decoration: underline;
|
text-decoration:underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
:focus-visible {
|
:focus-visible {
|
||||||
box-shadow: var(--shadow-inset-accent);
|
box-shadow:var(--shadow-inset-accent) !important;
|
||||||
}
|
}
|
||||||
@ -1,37 +1,38 @@
|
|||||||
|
|
||||||
:root {
|
:root {
|
||||||
--s: 0.666rem;
|
--m:1.067em;
|
||||||
--unit: 1rem;
|
--s:.666em;
|
||||||
--m: 1.067rem;
|
--unit:1em;
|
||||||
--xl: 1.138rem;
|
--xl:1.138em;
|
||||||
--xxl: 3.2rem;
|
--xxl:3.138em;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(prefers-color-scheme:dark) {
|
@media(prefers-color-scheme: dark) {
|
||||||
:root {
|
:root {
|
||||||
--foreground: #eff0f1;
|
--accent:#5ddbcf;
|
||||||
--background-hard: #0E0E0F;
|
--background-card:#0e0e0f;
|
||||||
--background-card: #0E0E0F;
|
--background-checkerboard:repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
|
||||||
--border: #26262C;
|
--background-hard:#0e0e0f;
|
||||||
--accent: #5ddbcf;
|
--border:#26262c;
|
||||||
--shadow: 0 5px 20px -10px rgba(255,255,255,0.1)!important;
|
--foreground:#eff0f1;
|
||||||
--shadow-inset-accent: inset 0 0 0 2px var(--accent);
|
--gradient:linear-gradient(5deg,var(--border) -33%,transparent 66%)!important;
|
||||||
--background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
|
--gradient-backwards:linear-gradient(-5deg,var(--border) -33%,transparent 66%)!important;
|
||||||
--gradient: linear-gradient(5deg,var(--border) -33%,transparent 66%) !important;
|
--shadow:0 5px 20px -10px rgba(255,255,255,.1)!important;
|
||||||
--gradient-backwards: linear-gradient(-5deg,var(--border) -33%,transparent 66%) !important;
|
--shadow-inset-accent:inset 0 0 0 2px var(--accent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media(prefers-color-scheme:light) {
|
@media(prefers-color-scheme: light) {
|
||||||
:root {
|
:root {
|
||||||
--foreground: #09090d;
|
--accent:#a22430;
|
||||||
--background-hard: #ebebeb;
|
--background-card:#f0f0f0;
|
||||||
--background-card: #f0f0f0;
|
--background-checkerboard:repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
|
||||||
--border: #C2C2C2;
|
--background-hard:#ebebeb;
|
||||||
--accent: #a22430;
|
--border:#c2c2c2;
|
||||||
--shadow: 0 5px 20px -10px rgba(0,0,0,0.1)!important;
|
--foreground:#09090d;
|
||||||
--shadow-inset-accent: inset 0 0 0 2px var(--accent);
|
--gradient:linear-gradient(10deg,var(--background-hard) 0,transparent)!important;
|
||||||
--background-checkerboard: repeating-conic-gradient(#ffffff66 0 90deg,#ffffff33 0 180deg) 0 0/40px 40px round;
|
--gradient-backwards:linear-gradient(290deg,var(--background-hard) 0,var(--background-card) 100%)!important;
|
||||||
--gradient: linear-gradient(10deg,var(--background-hard) 0,transparent) !important;
|
--shadow:0 5px 20px -10px rgba(0,0,0,.1)!important;
|
||||||
--gradient-backwards: linear-gradient(290deg,var(--background-hard) 0,var(--background-card) 100%) !important;
|
--shadow-inset-accent:inset 0 0 0 2px var(--accent);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
487
public/assets/default_theme/widgets.css
Normal file
487
public/assets/default_theme/widgets.css
Normal file
@ -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;
|
||||||
|
}
|
||||||
@ -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);
|
|
||||||
}
|
|
||||||
@ -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;
|
|
||||||
}
|
|
||||||
@ -16,10 +16,11 @@
|
|||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
<link rel='preload' type='text/css' as='style' href="{{ asset('assets/default_theme/fonts/opensans/opensans.css') }}">
|
<link rel='preload' type='text/css' as='style' href="{{ asset('assets/default_theme/fonts/opensans/opensans.css') }}">
|
||||||
<link rel='preload' type='text/css' as='style' href="{{ asset('assets/default_theme/fonts/poppins/poppins.css') }}">
|
|
||||||
|
|
||||||
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/fonts/opensans/opensans.css') }}">
|
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/fonts/opensans/opensans.css') }}">
|
||||||
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/fonts/poppins/poppins.css') }}">
|
|
||||||
|
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/reset.css') }}">
|
||||||
|
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/root.css') }}">
|
||||||
|
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/widgets.css') }}">
|
||||||
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/base.css') }}">
|
<link rel='stylesheet' type='text/css' href="{{ asset('assets/default_theme/base.css') }}">
|
||||||
|
|
||||||
{% for stylesheet in show_stylesheets(app.request.get('_route')) %}
|
{% for stylesheet in show_stylesheets(app.request.get('_route')) %}
|
||||||
@ -87,14 +88,14 @@
|
|||||||
<header class="page-header">
|
<header class="page-header">
|
||||||
{{ block("leftpanel", "stdgrid.html.twig") }}
|
{{ block("leftpanel", "stdgrid.html.twig") }}
|
||||||
|
|
||||||
<span class="header-instance">
|
<div class="header-instance">
|
||||||
<a id="anchor-main-page" class="anchor-hidden"
|
<a id="anchor-main-page" class="anchor-hidden"
|
||||||
title="{{ 'Press tab to access instance\'s main page.' | trans }}"></a>
|
title="{{ 'Press tab to access instance\'s main page.' | trans }}"></a>
|
||||||
<a class="accessibility-target" href="{{ path('feed_public') }}" tabindex="0"
|
<a class="accessibility-target" href="{{ path('feed_public') }}" tabindex="0"
|
||||||
title="{{ 'This instance\'s name. Access public feed.' | trans }}">
|
title="{{ 'This instance\'s name. Access public feed.' | trans }}">
|
||||||
<h1>{{ icon('logo', 'icon icon-logo') | raw }}{{ config('site', 'name') }}</h1>
|
<h1>{{ icon('logo', 'icon icon-logo') | raw }}{{ config('site', 'name') }}</h1>
|
||||||
</a>
|
</a>
|
||||||
</span>
|
</div>
|
||||||
|
|
||||||
{{ block("rightpanel", "stdgrid.html.twig") }}
|
{{ block("rightpanel", "stdgrid.html.twig") }}
|
||||||
</header>
|
</header>
|
||||||
|
|||||||
@ -118,46 +118,45 @@
|
|||||||
|
|
||||||
{% block note_complementary %}
|
{% block note_complementary %}
|
||||||
{% set complementary_info_array = handle_event('AppendCardNote', { 'note': note, 'request': app.request }) %}
|
{% set complementary_info_array = handle_event('AppendCardNote', { 'note': note, 'request': app.request }) %}
|
||||||
<aside
|
|
||||||
|
{% if app.user is not null or complementary_info_array is not empty %}
|
||||||
|
<aside
|
||||||
title="{{ 'Additional note context information and actions' | trans }}"
|
title="{{ 'Additional note context information and actions' | trans }}"
|
||||||
class="note-complementary">
|
class="note-complementary">
|
||||||
{% if complementary_info_array is not empty %}
|
{% if complementary_info_array is not empty %}
|
||||||
<div class="note-complementary-info">
|
<div class="note-complementary-info">
|
||||||
{% for complementary_info in complementary_info_array %}
|
{% for complementary_info in complementary_info_array %}
|
||||||
{% set actor_count = complementary_info['actors'] | length %}
|
{% set actor_count = complementary_info['actors'] | length %}
|
||||||
{% set counter = 0 %}
|
{% set counter = 0 %}
|
||||||
{% for complementary_info_actor in complementary_info['actors'] %}
|
<span>
|
||||||
<span>
|
{% for complementary_info_actor in complementary_info['actors'] %}
|
||||||
{% if app.user is not null %}
|
{% if app.user is not null %}
|
||||||
{% if complementary_info_actor is defined and complementary_info_actor.getNickname() != app.user.nickname %}
|
{% if complementary_info_actor is defined and complementary_info_actor.getNickname() != app.user.nickname %}
|
||||||
<a href="{{ complementary_info_actor.getUrl() }}">{{ complementary_info_actor.getNickname() }}{% if actor_count > 1 and counter < actor_count - 2 %}{{ ', ' | trans }}{% endif %}</a>
|
<a href="{{ complementary_info_actor.getUrl() }}">{{ complementary_info_actor.getNickname() }}{% if actor_count > 1 and counter < actor_count - 2 %}{{ ', ' | trans }}{% endif %}</a>
|
||||||
{% if counter == actor_count - 2 %}
|
{% if counter == actor_count - 2 %}{{ ' and ' | trans }}{% endif %}
|
||||||
{{ ' and ' | trans }}
|
|
||||||
{% endif %}
|
{% set counter = counter + 1 %}
|
||||||
{% set counter = counter + 1 %}
|
{% endif %}
|
||||||
|
{% else %}
|
||||||
|
{% if complementary_info_actor is defined %}
|
||||||
|
<a href="{{ complementary_info_actor.getUrl() }}">{{ complementary_info_actor.getNickname() }}{% if actor_count > 1 and counter < actor_count - 2 %}{{ ', ' | trans }}{% endif %}</a>
|
||||||
|
{% if counter == actor_count - 2 %}{{ ' and ' | trans }}{% endif %}
|
||||||
|
{% set counter = counter + 1 %}
|
||||||
|
{% endif %}
|
||||||
|
{% endif %}
|
||||||
|
{% endfor %}
|
||||||
|
|
||||||
|
{% if complementary_info['action'] is defined and not null and counter > 0 %}
|
||||||
|
{% if counter > 1 %}{{ ' have ' | trans }}
|
||||||
|
{% else %}{{ ' has ' | trans }}
|
||||||
|
{% endif %}{{ complementary_info['action'] ~ ' this note' | trans }}
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% else %}
|
</span>
|
||||||
{% if complementary_info_actor is defined %}
|
{% endfor %}
|
||||||
<a href="{{ complementary_info_actor.getUrl() }}">{{ complementary_info_actor.getNickname() }}{% if actor_count > 1 and counter < actor_count - 2 %}{{ ', ' | trans }}{% endif %}</a>
|
</div>
|
||||||
{% if counter == actor_count - 2 %}
|
{% endif %}
|
||||||
{{ ' and ' | trans }}
|
|
||||||
{% endif %}
|
{{ block('note_actions', 'cards/blocks/note.html.twig') }}
|
||||||
{% set counter = counter + 1 %}
|
</aside>
|
||||||
{% endif %}
|
|
||||||
{% endif %}
|
|
||||||
{% endfor %}
|
|
||||||
{% if complementary_info['action'] is defined and not null and counter > 0 %}
|
|
||||||
{% if counter > 1 %}
|
|
||||||
{{ ' have ' | trans }}
|
|
||||||
{% else %}
|
|
||||||
{{ ' has ' | trans }}
|
|
||||||
{% endif %}
|
|
||||||
{{ complementary_info['action'] ~ ' this note' | trans }}
|
|
||||||
{% endif %}
|
|
||||||
</span>
|
|
||||||
{% endfor %}
|
|
||||||
</div>
|
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{{ block('note_actions', 'cards/blocks/note.html.twig') }}
|
|
||||||
</aside>
|
|
||||||
{% endblock note_complementary %}
|
{% endblock note_complementary %}
|
||||||
@ -1,11 +1,11 @@
|
|||||||
{% extends 'stdgrid.html.twig' %}
|
{% 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 title %}{{ note.getActorNickname() ~ '\'s note' | trans }}{% endblock %}
|
||||||
|
|
||||||
{% block stylesheets %}
|
{% block stylesheets %}
|
||||||
{{ parent() }}
|
{{ parent() }}
|
||||||
<link rel="stylesheet" href="{{ asset('assets/default_theme/pages/feeds.css') }}" type="text/css">
|
<link rel="stylesheet" href="{{ asset('assets/default_theme/feeds.css') }}" type="text/css">
|
||||||
{% endblock stylesheets %}
|
{% endblock stylesheets %}
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
@ -13,7 +13,8 @@
|
|||||||
<main class="feed" tabindex="0" role="feed">
|
<main class="feed" tabindex="0" role="feed">
|
||||||
<div class="h-feed hfeed notes">
|
<div class="h-feed hfeed notes">
|
||||||
{% if note is defined and note is not empty %}
|
{% 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 %}
|
{% else %}
|
||||||
<div id="empty-notes"><h1>{% trans %}No notes here.{% endtrans %}</h1></div>
|
<div id="empty-notes"><h1>{% trans %}No notes here.{% endtrans %}</h1></div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
|||||||
@ -4,12 +4,6 @@
|
|||||||
|
|
||||||
{% block title %}{{ 'Settings' | trans }}{% endblock %}
|
{% block title %}{{ 'Settings' | trans }}{% endblock %}
|
||||||
|
|
||||||
{% block stylesheets %}
|
|
||||||
{{ parent() }}
|
|
||||||
<link rel="preload" href="{{ asset('assets/default_theme/pages/settings.css') }}" as="style" type="text/css">
|
|
||||||
<link rel="stylesheet" href="{{ asset('assets/default_theme/pages/settings.css') }}">
|
|
||||||
{% endblock stylesheets %}
|
|
||||||
|
|
||||||
{% block body %}
|
{% block body %}
|
||||||
<nav class='frame-section frame-section-padding'>
|
<nav class='frame-section frame-section-padding'>
|
||||||
<h1 class="frame-section-title">Settings</h1>
|
<h1 class="frame-section-title">Settings</h1>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user