init
@@ -0,0 +1,237 @@
|
||||
/* Article */
|
||||
|
||||
header:has(+ article) {
|
||||
background-color: rgb(var(--movim-background-main));
|
||||
position: sticky;
|
||||
z-index: 1;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
article {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
article header {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
article footer {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
article>ul.list.thick:first-child>li>span {
|
||||
align-self: start;
|
||||
top: 2rem;
|
||||
}
|
||||
|
||||
article>ul.list.thick:first-child>li>span.control {
|
||||
top: 0;
|
||||
}
|
||||
|
||||
article header ul:not(:first-child) {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
@media print {
|
||||
article footer {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
article section {
|
||||
font-size: 2rem;
|
||||
line-height: 3rem;
|
||||
font-weight: 500;
|
||||
padding: 0 1.5rem;
|
||||
}
|
||||
|
||||
article section[dir=rtl] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
article section.limited {
|
||||
display: block;
|
||||
max-height: 60rem;
|
||||
overflow: hidden;
|
||||
margin: 0;
|
||||
mask-image: linear-gradient(to bottom, black calc(100% - 10rem), transparent);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
article section.limited {
|
||||
max-height: 40rem;
|
||||
}
|
||||
}
|
||||
|
||||
article img,
|
||||
article video {
|
||||
max-width: 100%;
|
||||
height: auto;
|
||||
animation: fadeIn 0.2s;
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
article pre {
|
||||
margin: 1.5rem 0;
|
||||
}
|
||||
|
||||
/* Some CSS to style the quote XHTML generated by Movim */
|
||||
|
||||
article section>div div.quote {
|
||||
display: block;
|
||||
border-radius: 2px;
|
||||
border: 1px solid rgba(0, 0, 0, 0.12);
|
||||
padding: 1rem 2rem;
|
||||
margin-bottom: 1rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
article section>div div.quote:before,
|
||||
article section>div div.quote:after {
|
||||
content: '';
|
||||
display: none;
|
||||
}
|
||||
|
||||
article section>div div.quote ul {
|
||||
display: flex;
|
||||
flex-flow: row wrap;
|
||||
}
|
||||
|
||||
article section>div div.quote ul:not(.list):not(.tabs):not(.grid)>li {
|
||||
list-style-type: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
article section>div div.quote ul li>* {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
article section>div div.quote li:first-child {
|
||||
flex: 1 75%;
|
||||
padding-right: 2rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
article section>div div.quote li {
|
||||
flex: 1 100%;
|
||||
}
|
||||
}
|
||||
|
||||
article section>div div.quote li img {
|
||||
max-height: 10rem;
|
||||
max-width: 100%;
|
||||
float: right;
|
||||
}
|
||||
|
||||
article section>div img.big_picture {
|
||||
display: block;
|
||||
margin-bottom: 1rem;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
article section>div img.big_picture:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
article section>div img.active:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
article section>div div.video_embed {
|
||||
position: relative;
|
||||
padding-bottom: 56.25%;
|
||||
/* 16:9 */
|
||||
margin-bottom: 2rem;
|
||||
border-radius: 0.25rem;
|
||||
overflow: hidden;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
article section>div div.video_embed iframe {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
article ul li.pic img {
|
||||
max-width: 30rem;
|
||||
max-height: 30rem;
|
||||
}
|
||||
|
||||
article section>div div hr {
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
/* Spoiler */
|
||||
|
||||
article input[type=checkbox].spoiler {
|
||||
display: none;
|
||||
}
|
||||
|
||||
article input[type=checkbox].spoiler:not(:checked)+section {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
article input[type=checkbox].spoiler:not(:checked)+section>div>* {
|
||||
opacity: 0.05;
|
||||
pointer-events: none;
|
||||
filter: blur(1rem);
|
||||
}
|
||||
|
||||
article section label.spoiler,
|
||||
article input[type=checkbox].spoiler:checked+section label.spoiler {
|
||||
display: none;
|
||||
}
|
||||
|
||||
article input[type=checkbox].spoiler+section label.spoiler {
|
||||
text-align: center;
|
||||
display: block;
|
||||
position: absolute;
|
||||
top: calc(50% - 5rem);
|
||||
left: calc(50% - 5rem);
|
||||
width: 10rem;
|
||||
height: 10rem;
|
||||
line-height: 10rem;
|
||||
font-size: 4rem;
|
||||
border-radius: 100%;
|
||||
background-color: var(--movim-accent);
|
||||
color: rgba(var(--movim-font), 0.87);
|
||||
box-shadow: var(--elevation-1);
|
||||
}
|
||||
|
||||
article section label.spoiler:hover {
|
||||
cursor: pointer;
|
||||
font-variation-settings: 'FILL' 1;
|
||||
box-shadow: var(--elevation-2);
|
||||
}
|
||||
|
||||
/* Table */
|
||||
|
||||
.dialog>section table,
|
||||
article table {
|
||||
border-collapse: collapse;
|
||||
margin: 2rem 0;
|
||||
}
|
||||
|
||||
.dialog>section table tbody tr:nth-child(even),
|
||||
article table tbody tr:nth-child(even) {
|
||||
background-color: rgba(var(--movim-font), 0.05);
|
||||
}
|
||||
|
||||
.dialog>section table td,
|
||||
article table td {
|
||||
padding: 0.5rem;
|
||||
font-size: 1.9rem;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
.dialog>section table th,
|
||||
article table th {
|
||||
padding: 0.5rem;
|
||||
font-size: 1.8rem;
|
||||
line-height: 2.5rem;
|
||||
text-align: left;
|
||||
}
|
||||
@@ -0,0 +1,171 @@
|
||||
.flex {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.flex.card {
|
||||
gap: 1rem;
|
||||
padding: 1rem;
|
||||
}
|
||||
|
||||
.flex.card.large {
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
ul.flex li.block {
|
||||
border-radius: 0.65rem;
|
||||
transition: background 0.3s ease;
|
||||
}
|
||||
|
||||
ul.flex li.subheader {
|
||||
grid-column: 1/-1;
|
||||
}
|
||||
|
||||
ul.flex.card li.subheader {
|
||||
margin: -1rem 0;
|
||||
}
|
||||
|
||||
.flex .block:not(.subheader) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.flex.card .block:not(.subheader) {
|
||||
min-height: 5rem;
|
||||
}
|
||||
|
||||
.flex.stacked .block:not(.subheader) {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.flex.third {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.flex.fourth {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
|
||||
.flex.fifth {
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
}
|
||||
|
||||
.flex .block.large,
|
||||
.flex.card .block.large {
|
||||
grid-column: 1/-1;
|
||||
}
|
||||
|
||||
.column {
|
||||
column-count: 3;
|
||||
margin: 1rem 0;
|
||||
line-height: 0;
|
||||
}
|
||||
|
||||
.column > * {
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 451px) and (max-width: 900px) {
|
||||
.flex.third {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.flex.fourth {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.flex.fifth {
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
|
||||
.column {
|
||||
column-count: 2;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 450px) {
|
||||
.flex,
|
||||
.flex.flex.third {
|
||||
grid-template-columns: repeat(1, 1fr);
|
||||
}
|
||||
|
||||
.flex.fourth {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.flex.flex.fifth {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.column {
|
||||
column-count: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* Gallery */
|
||||
|
||||
ul.flex.gallery li.block:not(.subheader) {
|
||||
min-height: 25rem;
|
||||
}
|
||||
|
||||
ul.flex.gallery li.block.story {
|
||||
width: 10rem;
|
||||
min-height: 0;
|
||||
padding: 0 0.5rem 0.5rem;
|
||||
}
|
||||
|
||||
ul.flex.gallery li.block {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
ul.flex.gallery li.block p a.node,
|
||||
ul.flex.gallery li.block > img + span,
|
||||
ul.flex.gallery li.block > span.primary,
|
||||
ul.flex.gallery li.block > span.control {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.flex.gallery li.block div {
|
||||
flex: initial;
|
||||
margin-top: auto;
|
||||
width: 100%;
|
||||
z-index: 0; /* It seems that the img mask is applied on the div */
|
||||
}
|
||||
|
||||
ul.flex.gallery li.block img.main {
|
||||
position: relative;
|
||||
opacity: 1;
|
||||
height: initial;
|
||||
max-height: 35rem;
|
||||
left: 0;
|
||||
top: 0;
|
||||
max-width: calc(100% + 3rem);
|
||||
width: calc(100% + 3rem);
|
||||
filter: none;
|
||||
mask-image: linear-gradient(to bottom, black calc(100% - 20rem), transparent);
|
||||
margin-bottom: -10rem;
|
||||
}
|
||||
|
||||
ul.flex.gallery li.block.story img.main {
|
||||
max-height: 100%;
|
||||
max-width: calc(100% + 1rem);
|
||||
}
|
||||
|
||||
ul.flex.gallery li.block img.main:after {
|
||||
content: attr(alt);
|
||||
}
|
||||
|
||||
ul.flex.gallery li.block.embed:before {
|
||||
font-family: 'Material Symbols';
|
||||
content: "\e02c";
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 3rem;
|
||||
line-height: 5rem;
|
||||
opacity: 0.75;
|
||||
position: absolute;
|
||||
left: 1.5rem;
|
||||
z-index: 1;
|
||||
}
|
||||
@@ -0,0 +1,99 @@
|
||||
/* Card */
|
||||
|
||||
.card img.main,
|
||||
.card div.main {
|
||||
position: absolute;
|
||||
width: calc(100% + 2rem);
|
||||
height: calc(100% + 2rem);
|
||||
max-width: calc(100% + 2rem);
|
||||
object-fit: cover;
|
||||
left: -1rem;
|
||||
top: -1rem;
|
||||
opacity: 0.1;
|
||||
}
|
||||
|
||||
.card:not(.flex) > li:not(.subheader),
|
||||
.card:not(.flex) > div.block {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.card > .block:focus:not(:hover) {
|
||||
outline: 2px solid var(--movim-accent);
|
||||
}
|
||||
|
||||
.card img.main {
|
||||
filter: blur(0.4rem);
|
||||
}
|
||||
|
||||
.card i.main {
|
||||
position: absolute;
|
||||
font-size: 18rem;
|
||||
opacity: 0.2;
|
||||
filter: blur(0.5rem);
|
||||
right: -5rem;
|
||||
bottom: -8rem;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.card li > div > p > span.info {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.card li.block.color {
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.5));
|
||||
}
|
||||
|
||||
/* Accessibility */
|
||||
|
||||
.card li[onclick]:focus-within {
|
||||
outline: 3px solid var(--movim-accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.card li[onclick] span.primary a:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.card > .block:not(.subheader):not(.simple) {
|
||||
animation: fadeIn 0.3s;
|
||||
border-radius: 1rem;
|
||||
border: 1px solid;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.card.noanim > .block:not(.subheader):not(.simple) {
|
||||
animation: none;
|
||||
}
|
||||
|
||||
.card > form.block {
|
||||
padding: 2rem;
|
||||
padding-top: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.card:not(.gallery) > .block.ticket div {
|
||||
display: flex;
|
||||
justify-content:safe;
|
||||
flex-direction: column;
|
||||
height: calc(calc(100% - 2rem));
|
||||
gap: 0.25rem;
|
||||
}
|
||||
|
||||
.card:not(.gallery) > .block.ticket div p:last-of-type {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.card.shadow > .block:not(.subheader):not(.simple) {
|
||||
transition: background 0.3s ease, box-shadow 0.3s ease;
|
||||
box-shadow: var(--elevation-1);
|
||||
border: none;
|
||||
}
|
||||
|
||||
.card.shadow > .block:not(.subheader):not(.simple):hover {
|
||||
box-shadow: var(--elevation-2);
|
||||
}
|
||||
|
||||
.card.shadow > .block:not(.subheader):not(.simple):active {
|
||||
box-shadow: var(--elevation-0);
|
||||
}
|
||||
@@ -0,0 +1,89 @@
|
||||
.chip {
|
||||
display: inline-block;
|
||||
line-height: 4rem;
|
||||
padding: 0 2rem;
|
||||
font-size: 1.75rem;
|
||||
margin: 0.5rem;
|
||||
border-radius: 1rem;
|
||||
color: rgb(var(--movim-font));
|
||||
background-color: rgba(var(--movim-element-action), 0.05);
|
||||
transition: background 0.3s ease;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: 80%;
|
||||
vertical-align: middle;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.chip.thin {
|
||||
line-height: 3rem;
|
||||
padding: 0 1rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
p+p>.chip:first-child,
|
||||
*:not(p):not(h4)>.chip:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
p+p>.chip:last-child,
|
||||
*:not(p):not(h4)>.chip:last-child {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
.chip:has(i:not(.on_mobile)) {
|
||||
padding-inline-start: 0;
|
||||
}
|
||||
|
||||
.chip.thin:has(i) {
|
||||
padding-inline-start: 0.5rem;
|
||||
}
|
||||
|
||||
.chip i {
|
||||
margin: 0 1rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.chip.thin i {
|
||||
margin: 0 0.25rem;
|
||||
font-size: 1.25rem;
|
||||
}
|
||||
|
||||
.chip i.spin,
|
||||
.chip i.on_mobile {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.chip.oppose {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.chip.active:hover {
|
||||
background-color: rgba(var(--movim-element-action), 0.2);
|
||||
box-shadow: var(--elevation-1);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.chip.active:focus {
|
||||
background-color: rgba(var(--movim-element-action), 0.4);
|
||||
box-shadow: var(--elevation-0);
|
||||
}
|
||||
|
||||
.chip.outline {
|
||||
outline: 1px solid rgba(var(--movim-font), 0.12);
|
||||
outline-offset: -1px;
|
||||
}
|
||||
|
||||
.chip.enabled {
|
||||
background-color: rgba(var(--movim-element-action), 0.4);
|
||||
box-shadow: var(--elevation-2);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.chip img {
|
||||
margin-bottom: -0.7rem;
|
||||
margin-right: 0.5rem;
|
||||
margin-left: -1.5rem;
|
||||
height: 2.5rem;
|
||||
}
|
||||
@@ -0,0 +1,442 @@
|
||||
/* Color */
|
||||
|
||||
body {
|
||||
--movim-background-main: 238, 238, 238;
|
||||
--movim-background: 255, 255, 255;
|
||||
--movim-gray: 35, 35, 35;
|
||||
--movim-font: 0, 0, 0;
|
||||
--movim-header-font: 200, 200, 200;
|
||||
--movim-element-action: 153, 153, 153;
|
||||
scrollbar-color: rgba(var(--movim-font), 0.2) transparent;
|
||||
--movim-shadow: 0, 0, 0;
|
||||
--movim-shadow-strength: 1;
|
||||
}
|
||||
|
||||
/* Night mode, using an enforced class and with the browser media-query, the two following
|
||||
sections are therefore copy pasted */
|
||||
|
||||
body.nightmode {
|
||||
--movim-background-main: 20, 26, 33;
|
||||
--movim-background: 25, 32, 40;
|
||||
--movim-gray: var(--movim-background-main);
|
||||
--movim-font: 255, 255, 255;
|
||||
--movim-element-action: 74, 86, 99;
|
||||
scrollbar-color: rgba(var(--movim-font), 0.1) transparent;
|
||||
--movim-shadow-strength: 1.2;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body {
|
||||
--movim-background-main: 20, 26, 33;
|
||||
--movim-background: 25, 32, 40;
|
||||
--movim-gray: var(--movim-background-main);
|
||||
--movim-font: 255, 255, 255;
|
||||
--movim-element-action: 74, 86, 99;
|
||||
scrollbar-color: rgba(var(--movim-font), 0.1) transparent;
|
||||
--movim-shadow-strength: 1.6;
|
||||
}
|
||||
}
|
||||
|
||||
body>*,
|
||||
.context_menu,
|
||||
.icon-text,
|
||||
.tabs a,
|
||||
input,
|
||||
textarea,
|
||||
select {
|
||||
color: rgba(var(--movim-font), 0.87);
|
||||
}
|
||||
|
||||
input::placeholder,
|
||||
textarea::placeholder,
|
||||
select::placeholder {
|
||||
color: rgba(var(--movim-font), 0.67);
|
||||
}
|
||||
|
||||
ul.list li.divided:after,
|
||||
*.divided:not(.spaced):not(li)>*:not(:last-child):not(.subheader):after,
|
||||
*.divided.spaced>*:not(:last-child):after,
|
||||
hr:not(.clear),
|
||||
.card>.block:not(.subheader):not(.simple),
|
||||
*.divided>*:not(:last-child) {
|
||||
border-color: rgba(var(--movim-font), 0.12);
|
||||
}
|
||||
|
||||
ul.list li span.control.divided:before {
|
||||
border-color: rgba(var(--movim-font), 0.128);
|
||||
}
|
||||
|
||||
label,
|
||||
span.info,
|
||||
li div.bubble:after,
|
||||
ul.list li>div>p>span.second,
|
||||
table tr th {
|
||||
color: rgba(var(--movim-font), 0.54);
|
||||
}
|
||||
|
||||
ul.list li.color>div>p>span.second {
|
||||
color: rgba(255, 255, 255, 0.54);
|
||||
}
|
||||
|
||||
body,
|
||||
#drawer .card>.block:not(.subheader):not(.simple):not(.color) {
|
||||
background-color: rgb(var(--movim-background-main));
|
||||
}
|
||||
|
||||
.drawer,
|
||||
.dialog,
|
||||
ul.context_menu,
|
||||
ul>li.date>div>p,
|
||||
.card>.block:not(.subheader):not(.simple):not(.color) {
|
||||
background-color: rgb(var(--movim-background));
|
||||
}
|
||||
|
||||
main>header a,
|
||||
.icon:not(.placeholder):not(.active) a,
|
||||
.color input {
|
||||
color: rgb(var(--movim-font));
|
||||
}
|
||||
|
||||
.button.color,
|
||||
.color,
|
||||
span.icon span.counter,
|
||||
span.icon[data-counter]:after,
|
||||
span.icon.composing:after,
|
||||
form>div .checkbox>input[type="checkbox"]:checked:before,
|
||||
form>div .radio>input[type="radio"]:checked+label {
|
||||
border-color: var(--movim-accent);
|
||||
background-color: var(--movim-accent);
|
||||
color: white;
|
||||
}
|
||||
|
||||
span.icon span.counter:not(.alt) {
|
||||
color: white;
|
||||
}
|
||||
|
||||
span.icon span.counter.alt {
|
||||
color: var(--movim-font);
|
||||
background-color: rgb(var(--movim-background-main));
|
||||
}
|
||||
|
||||
/* Elements */
|
||||
|
||||
ul li.action>div.action,
|
||||
ul li.action>form>div.action,
|
||||
.button.dorange,
|
||||
.icon.dorange,
|
||||
span.resource.dorange {
|
||||
color: var(--p-dorange)
|
||||
}
|
||||
|
||||
li div.bubble.moderator:after,
|
||||
ul li div>p>span.moderator,
|
||||
.button.orange,
|
||||
.icon.orange,
|
||||
span.resource.orange {
|
||||
color: var(--p-orange);
|
||||
}
|
||||
|
||||
.button.amber,
|
||||
.icon.anber,
|
||||
span.resource.amber {
|
||||
color: var(--p-amber)
|
||||
}
|
||||
|
||||
.button.yellow,
|
||||
.icon.yellow,
|
||||
span.resource.yellow {
|
||||
color: var(--p-yellow);
|
||||
}
|
||||
|
||||
.button.lime,
|
||||
.icon.lime,
|
||||
span.resource.lime {
|
||||
color: var(--p-lime)
|
||||
}
|
||||
|
||||
.button.lgreen,
|
||||
.icon.lgreen,
|
||||
span.resource.lgreen {
|
||||
color: var(--p-lgreen);
|
||||
}
|
||||
|
||||
.button.green,
|
||||
.icon.green,
|
||||
span.resource.green {
|
||||
color: var(--p-green);
|
||||
}
|
||||
|
||||
.button.teal,
|
||||
.icon.teal,
|
||||
span.resource.teal {
|
||||
color: var(--p-teal)
|
||||
}
|
||||
|
||||
.button.cyan,
|
||||
.icon.cyan,
|
||||
span.resource.cyan {
|
||||
color: var(--p-cyan)
|
||||
}
|
||||
|
||||
.button.lblue,
|
||||
.icon.lblue,
|
||||
span.resource.lblue {
|
||||
color: var(--p-lblue)
|
||||
}
|
||||
|
||||
.button.blue,
|
||||
.icon.blue,
|
||||
span.resource.blue {
|
||||
color: var(--p-blue);
|
||||
}
|
||||
|
||||
.button.red,
|
||||
.icon.red,
|
||||
span.resource.red,
|
||||
p.encrypted.error {
|
||||
color: var(--p-red);
|
||||
}
|
||||
|
||||
.button.indigo,
|
||||
.icon.indigo,
|
||||
span.resource.indigo {
|
||||
color: var(--p-indigo);
|
||||
}
|
||||
|
||||
.button.dpurple,
|
||||
.icon.dpurple,
|
||||
span.resource.dpurple {
|
||||
color: var(--p-dpurple);
|
||||
}
|
||||
|
||||
.button.purple,
|
||||
.icon.purple,
|
||||
span.resource.purple {
|
||||
color: var(--p-purple);
|
||||
}
|
||||
|
||||
.button.pink,
|
||||
.icon.pink,
|
||||
span.resource.pink {
|
||||
color: var(--p-pink)
|
||||
}
|
||||
|
||||
.button.black,
|
||||
.icon.black,
|
||||
span.resource.black {
|
||||
color: var(--p-black);
|
||||
}
|
||||
|
||||
.button.gray,
|
||||
.icon.gray,
|
||||
span.resource.gray {
|
||||
color: var(--p-gray);
|
||||
}
|
||||
|
||||
.color {
|
||||
color: white;
|
||||
background-color: var(--movim-accent);
|
||||
border-color: var(--movim-accent)
|
||||
}
|
||||
|
||||
.color.gray {
|
||||
color: white;
|
||||
background-color: var(--p-gray);
|
||||
border-color: var(--p-gray)
|
||||
}
|
||||
|
||||
.color.dorange {
|
||||
color: white;
|
||||
background-color: var(--p-dorange);
|
||||
border-color: var(--p-dorange)
|
||||
}
|
||||
|
||||
.color.orange {
|
||||
color: white;
|
||||
background-color: var(--p-orange);
|
||||
border-color: var(--p-orange)
|
||||
}
|
||||
|
||||
.color.amber {
|
||||
color: white;
|
||||
background-color: var(--p-amber);
|
||||
border-color: var(--p-amber)
|
||||
}
|
||||
|
||||
span.icon:not(.composing):not([data-counter]):not(.story).status.away:after,
|
||||
.color.yellow {
|
||||
color: white;
|
||||
background-color: var(--p-yellow);
|
||||
border-color: var(--p-yellow)
|
||||
}
|
||||
|
||||
.color.lime {
|
||||
color: white;
|
||||
background-color: var(--p-lime);
|
||||
border-color: var(--p-lime)
|
||||
}
|
||||
|
||||
span.icon:not(.composing):not([data-counter]):not(.story).status.chat:after,
|
||||
span.icon:not(.composing):not([data-counter]):not(.story).status.online:after,
|
||||
.color.lgreen {
|
||||
color: white;
|
||||
background-color: var(--p-lgreen);
|
||||
border-color: var(--p-lgreen)
|
||||
}
|
||||
|
||||
.color.green {
|
||||
color: white;
|
||||
background-color: var(--p-green);
|
||||
border-color: var(--p-green)
|
||||
}
|
||||
|
||||
.color.teal {
|
||||
color: white;
|
||||
background-color: var(--p-teal);
|
||||
border-color: var(--p-teal)
|
||||
}
|
||||
|
||||
.color.cyan {
|
||||
color: white;
|
||||
background-color: var(--p-cyan);
|
||||
border-color: var(--p-cyan)
|
||||
}
|
||||
|
||||
.color.lblue {
|
||||
color: white;
|
||||
background-color: var(--p-lblue);
|
||||
border-color: var(--p-lblue)
|
||||
}
|
||||
|
||||
.color.blue {
|
||||
color: white;
|
||||
background-color: var(--p-blue);
|
||||
border-color: var(--p-blue)
|
||||
}
|
||||
|
||||
span.icon:not(.composing):not([data-counter]):not(.story).status.server_error:after,
|
||||
.color.indigo {
|
||||
color: white;
|
||||
background-color: var(--p-indigo);
|
||||
border-color: var(--p-indigo)
|
||||
}
|
||||
|
||||
.color.dpurple {
|
||||
color: white;
|
||||
background-color: var(--p-dpurple);
|
||||
border-color: var(--p-dpurple)
|
||||
}
|
||||
|
||||
span.icon:not(.composing):not([data-counter]):not(.story).status.xa:after,
|
||||
.color.purple {
|
||||
color: white;
|
||||
background-color: var(--p-purple);
|
||||
border-color: var(--p-purple)
|
||||
}
|
||||
|
||||
.color.pink {
|
||||
color: white;
|
||||
background-color: var(--p-pink);
|
||||
border-color: var(--p-pink)
|
||||
}
|
||||
|
||||
span.icon:not(.composing):not([data-counter]):not(.story).status.dnd:after,
|
||||
.color.red {
|
||||
color: white;
|
||||
background-color: var(--p-red);
|
||||
border-color: var(--p-red)
|
||||
}
|
||||
|
||||
.color.black {
|
||||
color: white;
|
||||
background-color: var(--p-black);
|
||||
border-color: var(--p-black)
|
||||
}
|
||||
|
||||
.color.none {
|
||||
color: white;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.color.transparent {
|
||||
color: white;
|
||||
backdrop-filter: blur(1rem);
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.color.semi {
|
||||
color: rgba(var(--movim-font), 0.87);
|
||||
background-color: rgba(var(--movim-background-main), 0.75);
|
||||
}
|
||||
|
||||
form>div>input:focus:invalid,
|
||||
form>div>input:focus:required {
|
||||
box-shadow: 0px 2px 0px var(--p-red);
|
||||
}
|
||||
|
||||
form>div>input:invalid,
|
||||
form input:focus:invalid+label,
|
||||
form textarea:focus:invalid+label {
|
||||
color: var(--p-red);
|
||||
}
|
||||
|
||||
ul.list li>div>p:not(:first-of-type):not(.main):not(.brief) {
|
||||
color: rgba(var(--movim-font), 0.6);
|
||||
}
|
||||
|
||||
ul.list li.color>div>p:not(:first-of-type):not(.main) {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
header.big ul.list li>div>p:not(:first-of-type):not(.main),
|
||||
div.snackbar ul.list li>div>p:not(:first-of-type):not(.main) {
|
||||
color: rgb(var(--movim-header-font));
|
||||
}
|
||||
|
||||
header.big ul.list li>div>p>span.second {
|
||||
color: rgba(var(--movim-header-font), 0.9);
|
||||
}
|
||||
|
||||
/* Default color : indigo */
|
||||
|
||||
input[type=button].color,
|
||||
header.big,
|
||||
mark,
|
||||
main>header {
|
||||
background-color: var(--movim-accent);
|
||||
border-color: var(--movim-accent);
|
||||
}
|
||||
|
||||
/* Accent color */
|
||||
|
||||
.tabs,
|
||||
.button,
|
||||
header:not(.big) .icon a,
|
||||
a {
|
||||
color: var(--movim-accent);
|
||||
border-color: var(--movim-accent);
|
||||
}
|
||||
|
||||
span.control.icon a > i,
|
||||
span.primary.icon a > i {
|
||||
color: rgba(var(--movim-font), 0.68);
|
||||
}
|
||||
|
||||
a.normal {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
form>div .checkbox:before {
|
||||
background-color: var(--movim-accent);
|
||||
}
|
||||
|
||||
form input:focus:not(:invalid)+label,
|
||||
form textarea:focus:not(:invalid)+label {
|
||||
color: var(--movim-accent);
|
||||
}
|
||||
|
||||
form>div .select:has(:focus),
|
||||
form input:focus:not(:invalid):not(.button),
|
||||
form textarea:focus:not(:invalid):not(.button) {
|
||||
box-shadow: 0px 2px 0px var(--movim-accent);
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
.dialog {
|
||||
position: fixed;
|
||||
top: 5%;
|
||||
left: calc(50% - 30rem);
|
||||
height: initial;
|
||||
width: 60rem;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
box-shadow: var(--elevation-3);
|
||||
border-radius: 2rem;
|
||||
z-index: 4;
|
||||
box-sizing: border-box;
|
||||
animation: zoom .25s ease-in-out;
|
||||
}
|
||||
|
||||
.dialog:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.dialog.scroll {
|
||||
height: 90%;
|
||||
}
|
||||
|
||||
.dialog>section {
|
||||
max-height: calc(90vh - 7.2rem);
|
||||
height: 100%;
|
||||
overflow-y: auto;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.dialog>section>*:first-child:not(ul):not(header) {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.dialog>section table {
|
||||
margin: 0 auto;
|
||||
width: calc(100% - 3rem);
|
||||
}
|
||||
|
||||
.dialog>section>form>label,
|
||||
.dialog>section>h3,
|
||||
.dialog>section>h4,
|
||||
.dialog>section form>div:not(:has(ul.list)) {
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
.dialog>footer {
|
||||
text-align: right;
|
||||
padding: 0.75rem;
|
||||
padding-bottom: 0.5rem;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.dialog>section h3+h4 {
|
||||
opacity: 0.7;
|
||||
padding-top: 0.5rem;
|
||||
}
|
||||
|
||||
.dialog>section form>p {
|
||||
margin-top: 1rem;
|
||||
padding: 0 1.5rem;
|
||||
}
|
||||
|
||||
/* List specific */
|
||||
.dialog>section form ul.list li>.primary {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 34rem) {
|
||||
.dialog {
|
||||
width: calc(100% - 6rem);
|
||||
min-height: 0;
|
||||
min-width: 0;
|
||||
left: 3rem;
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,16 @@
|
||||
body {
|
||||
--elevation-flat: 0px 1px 1px 0px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength)));
|
||||
--elevation-0: 0px 0px 0px 0px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 0px 0px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 0px 0px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-1: 0px 2px 1px -1px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 1px 1px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 3px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-2: 0px 3px 1px -2px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 2px 2px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 5px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-3: 0px 3px 3px -2px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 3px 4px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 8px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-4: 0px 2px 4px -1px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 4px 5px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 10px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-5: 0px 3px 5px -1px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 5px 8px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 14px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-6: 0px 3px 5px -1px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 6px 10px 0px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 1px 18px 0px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-7: 0px 4px 5px -2px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 7px 10px 1px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 2px 16px 1px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-8: 0px 5px 5px -3px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 8px 10px 1px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 3px 14px 2px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-9: 0px 5px 6px -3px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 9px 12px 1px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 3px 16px 2px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-10: 0px 6px 6px -3px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 10px 14px 1px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 4px 18px 3px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-11: 0px 6px 7px -4px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 11px 15px 1px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 4px 20px 3px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
--elevation-12: 0px 7px 8px -4px rgba(var(--movim-shadow), calc(0.2 * var(--movim-shadow-strength))), 0px 12px 17px 2px rgba(var(--movim-shadow), calc(0.14 * var(--movim-shadow-strength))), 0px 5px 22px 4px rgba(var(--movim-shadow), calc(0.12 * var(--movim-shadow-strength)));
|
||||
}
|
||||
@@ -0,0 +1,297 @@
|
||||
/* Material Symbols */
|
||||
|
||||
@font-face {
|
||||
font-family: 'Material Symbols';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
/** https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0..1,0 **/
|
||||
src: url(../fonts/MaterialSymbols/MaterialSymbols-Outlined.woff2?3) format('woff2');
|
||||
}
|
||||
|
||||
.material-symbols {
|
||||
font-family: 'Material Symbols';
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
letter-spacing: normal;
|
||||
text-transform: none;
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
overflow-wrap: normal;
|
||||
direction: ltr;
|
||||
vertical-align: bottom;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
-moz-font-feature-settings: 'liga';
|
||||
|
||||
/* Support for all WebKit browsers. */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
/* Support for Safari and Chrome. */
|
||||
text-rendering: optimizeLegibility;
|
||||
|
||||
/* Support for Firefox. */
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
|
||||
/* Support for IE. */
|
||||
font-feature-settings: 'liga';
|
||||
}
|
||||
|
||||
.material-symbols.fill {
|
||||
font-variation-settings: 'FILL' 1;
|
||||
}
|
||||
|
||||
.material-symbols.blink {
|
||||
animation: blink 3s infinite;
|
||||
}
|
||||
|
||||
.material-symbols.flip-hor {
|
||||
transform: scale(-1, 1);
|
||||
}
|
||||
|
||||
.material-symbols.flip-vert {
|
||||
transform: scale(1, -1);
|
||||
}
|
||||
|
||||
.material-symbols.flip-hor.flip-vert {
|
||||
transform: scale(-1, -1);
|
||||
}
|
||||
|
||||
/* Roboto */
|
||||
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
|
||||
/* greek-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+1F00-1FFF;
|
||||
}
|
||||
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
|
||||
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(../fonts/Roboto/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
||||
/* Others */
|
||||
|
||||
.emoji {
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
margin: 0 0.5rem;
|
||||
margin-bottom: -0.7rem;
|
||||
}
|
||||
|
||||
ul.list p+p .emoji {
|
||||
margin-bottom: -0.5rem;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.emoji.medium {
|
||||
width: auto;
|
||||
height: 3.5rem;
|
||||
margin: 0;
|
||||
margin-bottom: -1.2rem;
|
||||
}
|
||||
|
||||
.emoji.large {
|
||||
width: 4.5rem;
|
||||
height: 5rem;
|
||||
margin: 0;
|
||||
}
|
||||
@@ -0,0 +1,512 @@
|
||||
/* Form */
|
||||
|
||||
input {
|
||||
filter: none;
|
||||
}
|
||||
|
||||
li>form {
|
||||
display: block;
|
||||
}
|
||||
|
||||
form>div:not(.clear):not(.control) {
|
||||
min-height: 9rem;
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
form>div.compact:not(.clear):not(.control) {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
form>div label {
|
||||
position: absolute;
|
||||
top: 1.5rem;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
max-width: calc(100% - 3rem);
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
form>div textarea[required]+label:after,
|
||||
form>div input[required]:not([type=checkbox])+label:after {
|
||||
content: '✱';
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
form>div.icon {
|
||||
padding-left: 9rem;
|
||||
}
|
||||
|
||||
form>div textarea {
|
||||
field-sizing: content;
|
||||
border: none;
|
||||
resize: none;
|
||||
line-height: 3rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
form>div .select:has(option:nth-child(2)):after {
|
||||
font-family: 'Material Symbols';
|
||||
content: "\e5c5";
|
||||
display: block;
|
||||
font-size: 4rem;
|
||||
color: rgba(var(--movim-font), 0.75);
|
||||
position: absolute;
|
||||
bottom: 0rem;
|
||||
pointer-events: none;
|
||||
inset-inline-end: 0;
|
||||
}
|
||||
|
||||
form>div .select:hover:after {
|
||||
color: rgba(var(--movim-font), 0.6);
|
||||
}
|
||||
|
||||
form>div .select select {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
padding-bottom: 1rem;
|
||||
mask-image: linear-gradient(to right, black calc(100% - 15rem), transparent);
|
||||
}
|
||||
|
||||
*[dir="rtl"] form>div .select select {
|
||||
mask-image: linear-gradient(to left, black calc(100% - 15rem), transparent);
|
||||
}
|
||||
|
||||
form>div .select:not(:has(option:nth-child(2))) {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Placeholders to mimic FF */
|
||||
|
||||
input:-webkit-autofill,
|
||||
input:-webkit-autofill:hover,
|
||||
input:-webkit-autofill:focus,
|
||||
input:-webkit-autofill:active {
|
||||
transition: background-color 0s 50000s;
|
||||
-webkit-text-fill-color: rgba(var(--movim-font), 0.87) !important;
|
||||
}
|
||||
|
||||
/* Webkit weird CSS, sic */
|
||||
|
||||
form>div .select select,
|
||||
form>div input:not([type=submit]),
|
||||
form>div textarea {
|
||||
outline-width: 0;
|
||||
}
|
||||
|
||||
form>div .select select option,
|
||||
form>div .select select optgroup {
|
||||
background-color: rgb(var(--movim-background-main));
|
||||
}
|
||||
|
||||
form>div .select,
|
||||
form>div input:not([type=submit]),
|
||||
form>div textarea {
|
||||
display: block;
|
||||
padding: 1rem 0;
|
||||
padding-top: 4rem;
|
||||
width: 100%;
|
||||
background-color: transparent;
|
||||
margin-bottom: 1rem;
|
||||
|
||||
-webkit-appearance: none;
|
||||
/* iOS */
|
||||
border-radius: 0;
|
||||
/* iOS */
|
||||
overflow: hidden;
|
||||
/* Fixme */
|
||||
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
form>div .select,
|
||||
form>div input:not([type=submit]),
|
||||
form>div textarea {
|
||||
box-shadow: 0px 1px 0px rgba(var(--movim-font), 0.12);
|
||||
}
|
||||
|
||||
form>div>img,
|
||||
form>div>p {
|
||||
padding-top: 1.5rem;
|
||||
}
|
||||
|
||||
form>div .select {
|
||||
position: relative;
|
||||
padding-top: 4rem;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
form>div.compact>.select,
|
||||
form>div.compact>input:not([type=submit]),
|
||||
form>div.compact>textarea {
|
||||
padding-top: 2.5rem;
|
||||
}
|
||||
|
||||
/* Supporting text */
|
||||
ul.list li div span.supporting,
|
||||
form div>span.supporting {
|
||||
line-height: 2.25rem;
|
||||
font-size: 1.5rem;
|
||||
color: rgba(var(--movim-font), 0.60);
|
||||
display: inline-block;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
/* Webkit hack */
|
||||
form>div input:not([type=submit]):-webkit-autofill {
|
||||
-webkit-box-shadow: 0 0 0 50px transparent inset;
|
||||
}
|
||||
|
||||
form>div input:not([type=submit]):-webkit-autofill:focus {
|
||||
box-shadow: none;
|
||||
-webkit-text-fill-color: rgba(var(--movim-font), 0.87);
|
||||
}
|
||||
|
||||
/* File */
|
||||
|
||||
input[type=file] {
|
||||
max-width: 100%;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
/* Checkbox element */
|
||||
|
||||
form>div .checkbox>input[type="checkbox"],
|
||||
form>div .radio>input[type="radio"] {
|
||||
display: inline;
|
||||
width: 0;
|
||||
height: 0;
|
||||
position: initial;
|
||||
}
|
||||
|
||||
form>div .checkbox {
|
||||
position: relative;
|
||||
width: 6rem;
|
||||
height: 4rem;
|
||||
margin-top: calc(50% - 2rem);
|
||||
direction: ltr;
|
||||
left: -1rem;
|
||||
}
|
||||
|
||||
form>div ul.list .control .checkbox {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
form>div .checkbox>input[type="checkbox"]:before {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border: 0.3rem solid rgba(var(--movim-font), 0.2);
|
||||
background-color: rgba(var(--movim-font), 0.12);
|
||||
box-sizing: border-box;
|
||||
transition: background-color 0.3s ease;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
form>div .checkbox>input[type="checkbox"]:before {
|
||||
border-radius: 4rem;
|
||||
}
|
||||
|
||||
form>div .checkbox>input[type="checkbox"]:focus:before {
|
||||
outline: 3px solid var(--movim-accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
form>div .checkbox>input[type="checkbox"]+label {
|
||||
z-index: 1;
|
||||
display: block;
|
||||
background-color: rgba(var(--movim-font), 0.2);
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border-radius: 2rem;
|
||||
top: 1rem;
|
||||
left: 1rem;
|
||||
position: absolute;
|
||||
font-size: 2rem;
|
||||
text-align: center;
|
||||
line-height: normal;
|
||||
transition: left 0.3s ease, top 0.2s ease, width 0.2s ease, height 0.2s ease, box-shadow 0.1s ease;
|
||||
}
|
||||
|
||||
form>div .checkbox>input[type="checkbox"]+label i {
|
||||
vertical-align: middle;
|
||||
color: rgba(var(--movim-font), 0.5);
|
||||
line-height: 1.75em;
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
form>div .checkbox:hover>input[type="checkbox"]+label {
|
||||
cursor: pointer;
|
||||
box-shadow: 0 0 0 1.75rem rgba(var(--movim-font), 0.05);
|
||||
}
|
||||
|
||||
form>div .checkbox>input[type="checkbox"]:checked+label {
|
||||
color: white;
|
||||
width: 3rem;
|
||||
height: 3rem;
|
||||
left: 1.25em;
|
||||
top: 0.25em;
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
form>div .checkbox>input[type="checkbox"]:checked+label i {
|
||||
color: var(--movim-accent);
|
||||
}
|
||||
|
||||
/* Radio */
|
||||
|
||||
form>div .radio>input[type="radio"]+label {
|
||||
display: inline-block;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
border-radius: 2rem;
|
||||
border-width: 2px;
|
||||
border-style: solid;
|
||||
border-color: gray;
|
||||
transition: box-shadow 0.1s ease;
|
||||
margin: 1.25rem;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
form>div .radio>input[type="radio"]:focus+label {
|
||||
outline: 3px solid var(--movim-accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
form>div .radio>input[type="radio"]+label:hover {
|
||||
cursor: pointer;
|
||||
background-color: rgba(var(--movim-font), 0.1);
|
||||
box-shadow: 0 0 0 1.5rem rgba(var(--movim-font), 0.1);
|
||||
}
|
||||
|
||||
form>div .radio>input[type="radio"]:checked+label {
|
||||
box-shadow: inset 0 0 0 0.4rem rgb(var(--movim-background-main));
|
||||
|
||||
}
|
||||
|
||||
form>div .radio>input[type="radio"]:checked+label:hover {
|
||||
box-shadow: inset 0 0 0rem 0.4rem rgb(var(--movim-background-main)), 0 0 0 1.55rem rgba(var(--movim-font), 0.05);
|
||||
}
|
||||
|
||||
/* Disabled */
|
||||
|
||||
form>div input:disabled,
|
||||
form>div input:disabled+label,
|
||||
form>div select:disabled,
|
||||
form>div select:disabled+label,
|
||||
form>div textarea:disabled,
|
||||
form>div textarea:disabled+label {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* Readonly */
|
||||
|
||||
form>div input[readonly],
|
||||
form>div textarea[readonly] {
|
||||
opacity: 0.75;
|
||||
}
|
||||
|
||||
/* Button */
|
||||
|
||||
.button.oppose {
|
||||
float: inline-end;
|
||||
}
|
||||
|
||||
.button:disabled,
|
||||
.button.inactive {
|
||||
opacity: 0.6;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.button:focus-visible {
|
||||
outline: 3px solid var(--movim-accent);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.button,
|
||||
input[type=button] {
|
||||
-webkit-appearance: none;
|
||||
/* iOS */
|
||||
min-width: 5rem;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
box-sizing: border-box;
|
||||
font-size: 2rem;
|
||||
font-weight: 500;
|
||||
line-height: 5rem;
|
||||
height: 5rem;
|
||||
margin: 0.75rem 0.25rem;
|
||||
border-radius: 3rem;
|
||||
padding: 0 2rem;
|
||||
border: 0;
|
||||
transition: background 0.3s ease,
|
||||
box-shadow 0.3s ease,
|
||||
border-radius 0.2s var(--standard-easing),
|
||||
filter 0.2s var(--standard-easing);
|
||||
background-image: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.button.color {
|
||||
box-shadow: var(--elevation-1);
|
||||
}
|
||||
|
||||
.button.color:hover {
|
||||
box-shadow: var(--elevation-2);
|
||||
}
|
||||
|
||||
p>.button,
|
||||
p>input[type=button] {
|
||||
margin: 0.75rem 0;
|
||||
}
|
||||
|
||||
.button.narrow {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
.button:not(.color),
|
||||
input[type=button]:not(.color) {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.button:active,
|
||||
input[type=button]:active {
|
||||
filter: saturate(0.8) brightness(0.9);
|
||||
box-shadow: 0 0.5rem 1.25rem rgba(0, 0, 0, 0.23), 0 0.5rem 1.25rem rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.button.flat,
|
||||
input[type=button].flat {
|
||||
box-shadow: none;
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.button:hover,
|
||||
a.button:link:hover,
|
||||
a.button:visited:hover,
|
||||
input[type=button]:hover {
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
.button.flat:not(.color):hover,
|
||||
.button.flat:not(.color).on,
|
||||
input[type=button].flat:not(.color):hover {
|
||||
background-color: rgba(var(--movim-element-action), 0.2);
|
||||
}
|
||||
|
||||
.button:focus,
|
||||
input[type=button]:focus {
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.button.flat:not(.color):focus,
|
||||
input[type=button].flat:not(.color):focus {
|
||||
background-color: rgba(var(--movim-element-action), 0.4);
|
||||
font-variation-settings: 'FILL' 1;
|
||||
}
|
||||
|
||||
.button.action {
|
||||
position: fixed;
|
||||
bottom: 2rem;
|
||||
right: 2rem;
|
||||
min-height: 0rem;
|
||||
min-width: 0rem;
|
||||
line-height: 7rem;
|
||||
height: 7rem;
|
||||
width: 7rem;
|
||||
z-index: 2;
|
||||
font-size: 3.5rem;
|
||||
animation: zoom 0.3s;
|
||||
padding: 0;
|
||||
border-radius: 2.5rem;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.button.action.small {
|
||||
height: 5rem;
|
||||
width: 5rem;
|
||||
line-height: 5rem;
|
||||
}
|
||||
|
||||
body>nav.active~main .button.action,
|
||||
body>div.dialog:not(:empty)~main .button.action,
|
||||
body>div.drawer:not(:empty):not(.empty)~main .button.action {
|
||||
transform: scale(0.9);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.button.action {
|
||||
box-shadow: var(--elevation-3);
|
||||
}
|
||||
|
||||
.button.action:hover {
|
||||
box-shadow: var(--elevation-4);
|
||||
}
|
||||
|
||||
.button.action,
|
||||
.button.action>i {
|
||||
transition: all 0.4s ease 0s;
|
||||
}
|
||||
|
||||
.button.action.active>i {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
ul.list li div>.button {
|
||||
margin: 0.25rem;
|
||||
}
|
||||
|
||||
li.action div.action .button {
|
||||
margin: 0.5rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.button:not(.action) i {
|
||||
font-size: 2.5rem;
|
||||
margin: 0 0.25rem;
|
||||
}
|
||||
|
||||
.snackbar#status_websocket:not(.hide)~main>section#sidebar~* .button.action {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1025px) {
|
||||
main>div:first-child:nth-last-child(2)+div .button.action {
|
||||
right: calc(75% - 3rem);
|
||||
}
|
||||
|
||||
*[dir="rtl"] main>div:first-child:nth-last-child(2)+div .button.action {
|
||||
right: auto;
|
||||
left: calc(75% - 3rem);
|
||||
}
|
||||
|
||||
section#sidebar~* .button.action {
|
||||
right: calc(50% - 21rem);
|
||||
}
|
||||
|
||||
*[dir="rtl"] section#sidebar~* .button.action {
|
||||
right: auto;
|
||||
left: calc(50% - 21rem);
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1680px) {
|
||||
main>div:first-child:nth-last-child(2)+div .button.action {
|
||||
right: calc(63.75% + 2rem);
|
||||
}
|
||||
|
||||
section#sidebar~* .button.action {
|
||||
right: calc(42.5% - 17rem);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,52 @@
|
||||
/* Grid */
|
||||
ul.grid {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
ul.grid > li {
|
||||
flex: 0 1 25%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
background-size: cover;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-color: rgba(var(--movim-gray), 0.3);
|
||||
transition: opacity 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
ul.grid.third > li {
|
||||
flex: 0 1 33.33%;
|
||||
}
|
||||
|
||||
ul.grid.active > li:hover {
|
||||
cursor: pointer;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
ul.grid.active > li i {
|
||||
font-size: 4rem;
|
||||
color: white;
|
||||
text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 1px 3px rgba(0, 0, 0, 0.12);
|
||||
max-width: max-content;
|
||||
}
|
||||
|
||||
ul.grid.active > li span {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
background-color: rgba(0, 0, 0, 0.8);
|
||||
color: white;
|
||||
font-size: 1.5rem;
|
||||
padding: 0 0.5rem;
|
||||
line-height: 2.5rem;
|
||||
border-radius: 0.3rem 0 0;
|
||||
}
|
||||
|
||||
ul.grid > li:after {
|
||||
content: '';
|
||||
display: block;
|
||||
padding-bottom: 100%;
|
||||
}
|
||||
@@ -0,0 +1,20 @@
|
||||
header.big {
|
||||
background-size: cover, cover;
|
||||
background-position: center center;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
color: white;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
header.big span.primary.icon a i,
|
||||
header.big span.control.icon a i {
|
||||
color: white;
|
||||
}
|
||||
|
||||
header.big.top {
|
||||
border-radius: 0 0 1rem 1rem;
|
||||
padding-top: 15rem;
|
||||
margin-bottom: 1rem;
|
||||
box-shadow: var(--elevation-1);
|
||||
}
|
||||
@@ -0,0 +1,312 @@
|
||||
/* Icon */
|
||||
|
||||
span.icon {
|
||||
font-size: 3rem;
|
||||
line-height: 5rem;
|
||||
text-align: center;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
position: relative;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
span.icon.spin,
|
||||
i.spin {
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
|
||||
span.icon.shake,
|
||||
i.shake {
|
||||
animation: shake 1s linear infinite;
|
||||
}
|
||||
|
||||
span.icon img {
|
||||
max-width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
span.icon.r1 {
|
||||
transform: rotate(90deg);
|
||||
}
|
||||
|
||||
span.icon.r2 {
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
span.icon.r3 {
|
||||
transform: rotate(270deg);
|
||||
}
|
||||
|
||||
/*span.icon.top {
|
||||
position: relative;
|
||||
top: -1.5rem;
|
||||
width: 100%;
|
||||
height: 10rem;
|
||||
line-height: 10rem;
|
||||
display: block;
|
||||
margin: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
span.icon.top.preview {
|
||||
height: 25rem;
|
||||
}*/
|
||||
|
||||
span.icon.primary.thumb,
|
||||
span.icon.control.thumb {
|
||||
width: 7rem;
|
||||
line-height: 7rem;
|
||||
margin-right: -1.5rem;
|
||||
align-self: stretch;
|
||||
height: auto;
|
||||
text-shadow: 0 0 1rem rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
span.icon.primary.thumb {
|
||||
margin-left: -1.5rem;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
span.primary.overflow {
|
||||
margin-left: -4.5rem;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
span.icon.bubble {
|
||||
border-radius: 5rem;
|
||||
font-size: 2.25rem;
|
||||
user-select: none;
|
||||
-moz-user-select: none;
|
||||
height: 5rem;
|
||||
}
|
||||
|
||||
span.icon.bubble img:not(.emoji) {
|
||||
border-radius: 5rem;
|
||||
}
|
||||
|
||||
span.icon.bubble.space:not(:has(img)),
|
||||
span.icon.bubble.space img:not(.emoji) {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
|
||||
span.icon.bubble>i,
|
||||
span.icon.bubble>a>i {
|
||||
font-size: 3rem;
|
||||
line-height: 5rem;
|
||||
}
|
||||
|
||||
ul.list li span.icon.small {
|
||||
height: 4rem;
|
||||
line-height: 3.5rem;
|
||||
font-size: 0;
|
||||
/* Only display the first letter */
|
||||
flex: 0 0 4rem;
|
||||
margin-left: 1rem;
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
ul.list li span.icon.small img.emoji {
|
||||
width: 1.75rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
ul.list li span.icon.small:not(.bubble)>i {
|
||||
font-size: 3rem;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
span.icon.small.bubble:first-letter,
|
||||
span.icon.small.bubble>i,
|
||||
span.icon.small.bubble>a>i {
|
||||
font-size: 2.25rem;
|
||||
line-height: 4rem;
|
||||
}
|
||||
|
||||
span.icon.bubble.status,
|
||||
span.icon.bubble.stories {
|
||||
border-radius: 0;
|
||||
mask-size: 100%;
|
||||
mask-origin: content-box;
|
||||
mask-repeat: no-repeat;
|
||||
}
|
||||
|
||||
span.icon.bubble.stories {
|
||||
mask-origin: fill-box;
|
||||
background: linear-gradient(to top right, var(--p-orange), var(--p-pink));
|
||||
transition: transform 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
span.icon.bubble.stories.seen {
|
||||
background: none;
|
||||
background-color: rgba(var(--movim-font), 0.25);
|
||||
}
|
||||
|
||||
span.icon.bubble.stories:active {
|
||||
transform: scale(.95);
|
||||
}
|
||||
|
||||
span.icon.bubble.status:not(.offline):not(.composing):not([data-counter]):not(.location) {
|
||||
mask-image: url(../img/avatar_mask.svg);
|
||||
-webkit-mask-origin: unset;
|
||||
mask-origin: unset;
|
||||
}
|
||||
|
||||
span.icon.bubble.stories.composing,
|
||||
span.icon.bubble.stories[data-counter]:not(.composing):not(.location) {
|
||||
mask-image: url(../img/avatar_mask_notifs_stories.svg);
|
||||
}
|
||||
|
||||
span.icon.bubble.stories:not(.composing):not([data-counter]):not(.location) {
|
||||
mask-image: url(../img/avatar_mask_stories.svg);
|
||||
-webkit-mask-origin: unset;
|
||||
mask-origin: unset;
|
||||
}
|
||||
|
||||
span.icon.bubble.status.online.stories:not(.composing):not([data-counter]):not(.location) {
|
||||
mask-image: url(../img/avatar_mask_stories_online.svg);
|
||||
}
|
||||
|
||||
span.icon.bubble.status.dnd:not(.composing):not([data-counter]):not(.location) {
|
||||
mask-image: url(../img/avatar_mask_dnd.svg);
|
||||
}
|
||||
|
||||
span.icon.bubble.status.dnd.stories:not(.composing):not([data-counter]):not(.location) {
|
||||
mask-image: url(../img/avatar_mask_dnd_stories.svg);
|
||||
}
|
||||
|
||||
span.icon.bubble.status.away:not(.composing):not([data-counter]):not(.location) {
|
||||
mask-image: url(../img/avatar_mask_away.svg);
|
||||
}
|
||||
|
||||
span.icon.bubble.status.away.stories:not(.composing):not([data-counter]):not(.location) {
|
||||
mask-image: url(../img/avatar_mask_away_stories.svg);
|
||||
}
|
||||
|
||||
span.icon.bubble.status.xa:not(.composing):not([data-counter]):not(.location) {
|
||||
mask-image: url(../img/avatar_mask_xa.svg);
|
||||
}
|
||||
|
||||
span.icon.bubble.status.xa.stories:not(.composing):not([data-counter]):not(.location) {
|
||||
mask-image: url(../img/avatar_mask_xa_stories.svg);
|
||||
}
|
||||
|
||||
span.icon.bubble.status.location {
|
||||
mask-image: url(../img/avatar_mask_location.svg);
|
||||
}
|
||||
|
||||
span.icon.bubble.status.location.stories {
|
||||
mask-image: url(../img/avatar_mask_location_stories.svg);
|
||||
}
|
||||
|
||||
span.icon span.counter,
|
||||
span.icon[data-counter]:after,
|
||||
span.icon.composing:after,
|
||||
span.icon.status:after {
|
||||
content: '';
|
||||
display: block;
|
||||
min-width: 2rem;
|
||||
height: 2rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: 2rem;
|
||||
right: calc(50% - 2.75rem);
|
||||
top: calc(50% + 0.5rem);
|
||||
position: absolute;
|
||||
transition: border-radius 0.25s var(--standard-easing);
|
||||
border-radius: 2em;
|
||||
background-color: rgb(var(--movim-element-action));
|
||||
box-shadow: var(--elevation-0);
|
||||
}
|
||||
|
||||
span.icon.status.offline:not([data-counter]):after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.icon span.counter,
|
||||
span.icon[data-counter]:after,
|
||||
span.icon.composing:after {
|
||||
padding: 0 0.25rem;
|
||||
min-width: 1.5rem;
|
||||
box-shadow: var(--elevation-1);
|
||||
}
|
||||
|
||||
/* Counter */
|
||||
|
||||
span.icon[data-counter]:after {
|
||||
border-radius: 0.5rem;
|
||||
content: attr(data-counter);
|
||||
}
|
||||
|
||||
span.icon[data-counter].symbol:after {
|
||||
font-family: 'Material Symbols';
|
||||
}
|
||||
|
||||
/* Composing */
|
||||
|
||||
span.icon.composing:after {
|
||||
content: '…';
|
||||
line-height: 1rem;
|
||||
font-size: 2rem;
|
||||
font-weight: bold;
|
||||
border-radius: 0.5rem;
|
||||
animation: fadeText 1.5s infinite;
|
||||
}
|
||||
|
||||
/* Weird bug */
|
||||
span.icon.small.status:after {
|
||||
border-radius: 2rem;
|
||||
}
|
||||
|
||||
span.icon.small span.counter,
|
||||
span.icon.small.composing:after {
|
||||
top: 2.25rem;
|
||||
}
|
||||
|
||||
span.icon.small.status:after {
|
||||
top: 2.4rem;
|
||||
min-width: 1.5rem;
|
||||
height: 1.5rem;
|
||||
right: calc(50% - 2.1rem);
|
||||
}
|
||||
|
||||
main ul li .control>i {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* Counter */
|
||||
|
||||
span.icon span.counter {
|
||||
border-radius: 0.5rem;
|
||||
}
|
||||
|
||||
span.icon span.counter:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span.icon span.counter>i {
|
||||
margin-left: 0.1rem;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
|
||||
/* Text icon */
|
||||
i.icon-text {
|
||||
font-size: 2.5rem;
|
||||
margin: 0 0.25rem;
|
||||
line-height: 3rem;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
/* Tiny icon */
|
||||
p span.icon.tiny {
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
display: inline-block;
|
||||
margin-right: 0.5rem;
|
||||
vertical-align: text-top;
|
||||
font-size: 1rem;
|
||||
line-height: 2rem;
|
||||
}
|
||||
|
||||
p span.icon.tiny:not(:first-child) {
|
||||
margin-left: 0.75rem;
|
||||
}
|
||||
@@ -0,0 +1,815 @@
|
||||
ul.list>*>li,
|
||||
ul.list>li {
|
||||
clear: both;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 1.5rem;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
transition: background-color 0.15s ease;
|
||||
}
|
||||
|
||||
ul.list:not(.divided)>li {
|
||||
border-radius: 1rem;
|
||||
}
|
||||
|
||||
ul.list.compact>li:not(.subheader) {
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
padding: 1.5rem 1rem;
|
||||
}
|
||||
|
||||
ul.list.compact>li>div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
ul.list.compact>li>span.chip {
|
||||
position: absolute;
|
||||
inset-inline-end: 1rem;
|
||||
}
|
||||
|
||||
ul.list.controls>li {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
article header>ul.list li {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
ul.list li>* {
|
||||
order: 2;
|
||||
flex: 1;
|
||||
min-width: 0;
|
||||
max-width: 100%;
|
||||
transition: background-color 0.15s ease, filter 0.15s ease;
|
||||
}
|
||||
|
||||
ul.list li:not(.subheader)>div {
|
||||
padding: 0.25rem 0;
|
||||
}
|
||||
|
||||
ul.list.thin li:not(.subheader)>div {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.list.middle li:not(.subheader)>div {
|
||||
padding: 0.75rem 0;
|
||||
}
|
||||
|
||||
ul.list.thick li:not(.subheader)>div {
|
||||
padding: 1.5rem 0;
|
||||
}
|
||||
|
||||
/* Active list items */
|
||||
|
||||
ul.list.active>li:hover:not(.subheader),
|
||||
ul.list.active.all>li:hover,
|
||||
ul.list>li.active:hover,
|
||||
ul.list.active>li.active:not(.subheader),
|
||||
ul.tabs>li:hover {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
ul.list.active>li:hover:not(.subheader):not(.color),
|
||||
ul.list.active.all>li:hover:not(.color),
|
||||
ul.list>li.active:hover:not(.color),
|
||||
ul.list.active>li.active:not(.subheader):not(.color),
|
||||
ul.tabs>li:hover {
|
||||
background-color: rgba(var(--movim-element-action), 0.1);
|
||||
}
|
||||
|
||||
ul.list>li>span.active:hover {
|
||||
cursor: pointer;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
ul.list>li>span.bubble.active:hover {
|
||||
filter: grayscale(25%);
|
||||
}
|
||||
|
||||
ul.list>li>span:not(.bubble).active:hover,
|
||||
ul.list>li>div.bubble:not(.file):hover {
|
||||
cursor: pointer;
|
||||
background-color: rgba(var(--movim-element-action), 0.1);
|
||||
}
|
||||
|
||||
/* Clicked list items */
|
||||
|
||||
ul.list.active>li:active:not(.subheader):not(.color),
|
||||
ul.list.active.all>li:active:not(.color),
|
||||
ul.tabs>li:active:not(.color) {
|
||||
background-color: rgba(var(--movim-element-action), 0.2);
|
||||
}
|
||||
|
||||
|
||||
ul.list>li>span.bubble.active:active {
|
||||
filter: grayscale(50%);
|
||||
}
|
||||
|
||||
ul.list>li>span:not(.bubble).active:active,
|
||||
ul.list>li>div.bubble:not(.file):active {
|
||||
cursor: pointer;
|
||||
background-color: rgba(var(--movim-element-action), 0.2);
|
||||
font-variation-settings: 'FILL' 1;
|
||||
}
|
||||
|
||||
/* Main elements */
|
||||
|
||||
ul.list li .control,
|
||||
ul.list li .primary {
|
||||
height: 5rem;
|
||||
line-height: 5rem;
|
||||
flex: 0 0 5rem;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
ul.list li .primary:not(.bubble)[onclick] {
|
||||
flex: 0 0 6.5rem;
|
||||
margin-inline-start: -1.5rem;
|
||||
}
|
||||
|
||||
ul.list li.primary ul.list.compact>li .primary {
|
||||
width: 5rem;
|
||||
}
|
||||
|
||||
ul.list li>span.primary {
|
||||
order: 1;
|
||||
}
|
||||
|
||||
ul.list li>span.control {
|
||||
order: 3;
|
||||
}
|
||||
|
||||
ul.list li.invite:not(.subheader)>span.primary+span.primary {
|
||||
margin-left: -2rem;
|
||||
}
|
||||
|
||||
ul.list:not(.navigation):not(.card) li>span.control:last-of-type:not(:has(>.checkbox)):not(.toggleable) {
|
||||
margin-inline-end: -1.5rem;
|
||||
}
|
||||
|
||||
header>ul.list li>span.control:last-of-type,
|
||||
nav>ul.list li>span.control:last-of-type,
|
||||
ul.list.controls li>span.control:last-of-type {
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
ul.list li>span.thumb {
|
||||
flex: 0 0 7rem;
|
||||
}
|
||||
|
||||
ul.list:not(.context_menu):not(.navigation) li:not(.subheader) .control:not(.bubble):not(.thumb),
|
||||
ul.list:not(.context_menu):not(.navigation) li:not(.subheader) .primary:not(.bubble):not(.thumb):not(.small) {
|
||||
padding: 0.25rem 0.5rem;
|
||||
}
|
||||
|
||||
ul.list:not(.navigation) li:not(.subheader) .control.bubble,
|
||||
ul.list:not(.navigation) li:not(.subheader) .primary.bubble:not(.small) {
|
||||
margin: 0 0.5rem;
|
||||
}
|
||||
|
||||
ul.list:not(.navigation) li:not(.subheader) .primary.stories.bubble {
|
||||
margin: 0;
|
||||
padding: 0.5rem;
|
||||
}
|
||||
|
||||
ul.list.thin:not(.navigation) li:not(.subheader) .control:not(.bubble):not(.thumb),
|
||||
ul.list.thin:not(.navigation) li:not(.subheader) .primary:not(.bubble):not(.thumb):not(.small) {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
ul.list.middle:not(.navigation) li:not(.subheader) .control:not(.bubble):not(.thumb),
|
||||
ul.list.middle:not(.navigation) li:not(.subheader) .primary:not(.bubble):not(.thumb):not(.small) {
|
||||
padding: 1rem 0.5rem;
|
||||
}
|
||||
|
||||
ul.list.thick:not(.navigation) li:not(.subheader) .control:not(.bubble):not(.thumb),
|
||||
ul.list.thick:not(.navigation) li:not(.subheader) .primary:not(.bubble):not(.thumb):not(.small) {
|
||||
padding: 1.75rem 0.5rem;
|
||||
}
|
||||
|
||||
ul.list li .primary~*:not(.primary):not(.control):not(.bubble) {
|
||||
margin-inline-start: 1rem;
|
||||
}
|
||||
|
||||
ul.list.compact li .primary~*:not(.primary):not(.control):not(.bubble) {
|
||||
margin-inline-start: 0.5rem;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
ul.list:not(.gallery) li:not(.story)>.control~*:not(.primary):not(.control):not(.bubble) {
|
||||
margin-inline-end: 1rem;
|
||||
}
|
||||
|
||||
ul.list li .primary>a,
|
||||
ul.list li .control>a {
|
||||
display: block;
|
||||
}
|
||||
|
||||
/* Safari fix */
|
||||
ul.list li .primary.bubble>a {
|
||||
height: 5rem;
|
||||
}
|
||||
|
||||
ul.list li .primary.small.bubble>a {
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
/* Truncated content */
|
||||
|
||||
ul.list li.subheader>div>p,
|
||||
ul.list li>div>span.supporting.line,
|
||||
ul.list li>div>p.line {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
ul.list li>div>p.line.two {
|
||||
white-space: initial;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
}
|
||||
|
||||
ul.list li>div>p>span.second {
|
||||
margin-left: 0.5rem;
|
||||
}
|
||||
|
||||
ul.list li>div>p>span.second.sticked {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
ul.list li>div>p>span.info,
|
||||
ul.list li>div.bubble:after {
|
||||
float: inline-end;
|
||||
font-size: 1.5rem;
|
||||
margin-left: 0.5rem;
|
||||
max-width: 70%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
/* Size automagicaly the content */
|
||||
|
||||
ul.list li>div>p {
|
||||
box-sizing: border-box;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
ul.list li>div>p.active:hover {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
ul.list>*>li>div>p:first-of-type,
|
||||
ul.list>li>div>p:first-of-type,
|
||||
ul.list>li>div>p.brief {
|
||||
line-height: 3rem;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
ul.list>*>li>div>p:not(:first-of-type):not(.brief),
|
||||
ul.list>li>div>p:not(:first-of-type):not(.brief) {
|
||||
line-height: 2.5rem;
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
ul.list>*>li>div>p:not(.all),
|
||||
ul.list>li>div>p:not(.all) {
|
||||
max-height: 7.5rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
ul.list>*>li>div>p:only-child,
|
||||
ul.list>li>div>p:only-child {
|
||||
line-height: 5.5rem;
|
||||
}
|
||||
|
||||
ul.list>*>li>div>p.all,
|
||||
ul.list>li>div>p.all {
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
ul.list li:not(.subheader)>div:has(>p.brief:not(.line)) {
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
ul.list li>div>p.brief {
|
||||
margin-top: 0.5rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
ul.list li>div>p.bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
ul.list li>div>p.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* Subheader */
|
||||
|
||||
ul.list li.subheader {
|
||||
overflow: hidden;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
ul.list li.subheader>div>p {
|
||||
font-size: 1.75rem;
|
||||
line-height: 5rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
ul.list li.subheader span.chip {
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
ul.list li.subheader.sticky {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
background-color: rgb(var(--movim-background-main));
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
/* Search forms */
|
||||
|
||||
ul.list:has(>li.search) {
|
||||
padding-top: 1rem;
|
||||
}
|
||||
|
||||
ul.list>li.main form div:after,
|
||||
ul.list>li.comment form div:after,
|
||||
ul.list>li.search form div:after {
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgb(var(--movim-background));
|
||||
transition: background-color 0.2s ease-in-out;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
border-radius: 3rem;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
ul.list>li.comment form div:after {
|
||||
background-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
ul.list>li.comment form div,
|
||||
ul.list>li.search form div {
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
ul.list>li.main.edit form div:before,
|
||||
ul.list>li.comment form div:before,
|
||||
ul.list>li.search form div:before {
|
||||
font-family: 'Material Symbols';
|
||||
content: "\e8b6";
|
||||
display: block;
|
||||
font-size: 3rem;
|
||||
color: rgba(var(--movim-font), 0.5);
|
||||
position: absolute;
|
||||
left: 1.5rem;
|
||||
line-height: 6rem;
|
||||
pointer-events: none;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
|
||||
ul.list>li.comment form div::before {
|
||||
content: "\e261";
|
||||
color: white;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
ul.list>li.search.searching form div:before {
|
||||
content: "\e863";
|
||||
animation: spin 2s linear infinite;
|
||||
}
|
||||
|
||||
ul.list>li.comment form input,
|
||||
ul.list>li.search form input {
|
||||
margin-right: 2rem;
|
||||
margin-left: 5.5rem;
|
||||
box-shadow: none;
|
||||
padding: 1.75rem 0;
|
||||
line-height: 2rem;
|
||||
max-width: calc(100% - 7rem);
|
||||
}
|
||||
|
||||
ul.list>li.comment form input:focus,
|
||||
ul.list>li.search form input:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
ul.list>li.main form div:focus-within:after,
|
||||
ul.list>li.search form div:focus-within:after {
|
||||
box-shadow: var(--elevation-1);
|
||||
background-color: rgba(var(--movim-background), 0.8);
|
||||
}
|
||||
|
||||
ul.list>li.comment form div:focus-within::after {
|
||||
background-color: rgba(255, 255, 255, 0.2);
|
||||
}
|
||||
|
||||
/* Tabs */
|
||||
|
||||
ul.tabs {
|
||||
text-align: center;
|
||||
border-bottom: 1px solid rgba(var(--movim-font), 0.12);
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
height: 5.5rem;
|
||||
line-height: 5.5rem;
|
||||
font-size: 0;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
ul.tabs.reversed {
|
||||
border-top: 1px solid rgba(var(--movim-font), 0.12);
|
||||
border-bottom: 0;
|
||||
padding-bottom: 0.75rem;
|
||||
}
|
||||
|
||||
ul.tabs:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.tabs.wide>li {
|
||||
width: 33.33%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
ul.tabs.wide.two>li {
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
ul.tabs:hover {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
ul.tabs>li {
|
||||
display: inline-block;
|
||||
white-space: nowrap;
|
||||
font-size: 1.75rem;
|
||||
font-weight: 700;
|
||||
opacity: 0.6;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
border-radius: 1rem 1rem 0 0;
|
||||
}
|
||||
|
||||
ul.tabs.reversed>li {
|
||||
border-radius: 0 0 1rem 1rem;
|
||||
}
|
||||
|
||||
ul.tabs>li>* {
|
||||
padding: 0 3rem;
|
||||
box-sizing: border-box;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
ul.tabs>li>*:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul.tabs>li>*>i {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
|
||||
ul.tabs.narrow>li {
|
||||
min-width: 8rem;
|
||||
}
|
||||
|
||||
ul.tabs.narrow>li>* {
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
ul.tabs>li.active {
|
||||
opacity: 1;
|
||||
font-variation-settings: 'FILL' 1;
|
||||
border-bottom-width: 2px;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
ul.tabs.reversed>li.active {
|
||||
border-top-width: 2px;
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
/* Bubble */
|
||||
|
||||
ul.list li>div.bubble {
|
||||
position: relative;
|
||||
box-sizing: border-box;
|
||||
display: block;
|
||||
font-size: 1.75rem;
|
||||
max-width: calc(100% - 11.5rem);
|
||||
flex: 0 0 auto;
|
||||
margin: 0 1.5rem;
|
||||
padding: 0;
|
||||
min-height: 5rem;
|
||||
transition: transform 0.1s, background 0.3s ease, box-shadow 0.3s ease;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble div[dir="rtl"] {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble:not(.file),
|
||||
ul.list li>div.bubble.file div.audio_player {
|
||||
padding: 1rem 1rem 1rem 1.5rem;
|
||||
border-radius: 0 1rem 1rem;
|
||||
line-height: 2.75rem;
|
||||
border-color: rgb(var(--movim-background-main));
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble.file div.audio_player {
|
||||
margin-bottom: 3rem;
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble ul.card p:not(.line):not(:last-child) {
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble ul.card p:not(.line):last-child {
|
||||
white-space: inherit;
|
||||
display: block;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble>div>p {
|
||||
overflow: hidden;
|
||||
display: inline;
|
||||
max-width: 100%;
|
||||
min-width: 20rem;
|
||||
font-size: 1.75rem;
|
||||
overflow-wrap: break-word;
|
||||
white-space: pre-wrap;
|
||||
word-break: normal;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble>div>p i {
|
||||
vertical-align: middle;
|
||||
margin-top: -0.25rem;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble:not(.file)>div>p:empty {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble:not(.file) p {
|
||||
margin-right: 1rem;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble:not(.file) p:has(i.icon) {
|
||||
white-space: inherit;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble p.retracted,
|
||||
ul.list li>div.bubble p.encrypted {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble p.previewable {
|
||||
display: block;
|
||||
min-width: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble p pre {
|
||||
display: inline-block;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble span.resource {
|
||||
display: none;
|
||||
}
|
||||
|
||||
ul li:not(.oppose):not(.sequel) div.bubble div:first-child span.resource {
|
||||
display: block;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble:not(.file),
|
||||
ul.list li>div.bubble.file div.audio_player {
|
||||
background-color: rgb(var(--movim-background));
|
||||
}
|
||||
|
||||
ul li.oppose div.bubble:not(.file),
|
||||
ul li.oppose div.bubble.file div.audio_player {
|
||||
background-color: rgba(var(--movim-background), 0.5);
|
||||
border-color: rgba(var(--movim-background), 0.5);
|
||||
border-radius: 1rem 0 1rem 1rem;
|
||||
padding-right: 1.5rem;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble p i.icon {
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
ul li .quote {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble:not(.file):before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -1.6rem;
|
||||
width: 1.6rem;
|
||||
height: 1.6rem;
|
||||
background-color: rgb(var(--movim-background));
|
||||
mask-image: url(../img/bubble_mask.svg);
|
||||
mask-size: 100%;
|
||||
transition: background-color 0.3s ease;
|
||||
}
|
||||
|
||||
ul.list li>div.bubble:not(.file):hover:before,
|
||||
ul li.oppose div.bubble:not(.file):hover:before {
|
||||
background-color: rgba(var(--movim-element-action), 0.1);
|
||||
}
|
||||
|
||||
ul.list li>div.bubble:not(.file):active:before,
|
||||
ul li.oppose div.bubble:not(.file):active:before {
|
||||
background-color: rgba(var(--movim-element-action), 0.2);
|
||||
}
|
||||
|
||||
ul li.oppose div.bubble:not(.file):before {
|
||||
left: initial;
|
||||
right: -1.6rem;
|
||||
background-color: rgba(var(--movim-background), 0.5);
|
||||
mask-image: url(../img/bubble_mask_oppose.svg);
|
||||
}
|
||||
|
||||
/* Date separator */
|
||||
|
||||
ul>li.date {
|
||||
min-height: 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
ul>li.date>div>p:only-child {
|
||||
line-height: 2.5rem;
|
||||
font-size: 1.5rem;
|
||||
display: inline-block;
|
||||
border-radius: 2rem;
|
||||
margin-bottom: 1.5rem;
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
ul>li.date:first-of-type>div>p:only-child {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
ul.list li.separator:not(.subheader):not(.date) {
|
||||
display: block;
|
||||
border-top: 0.15rem dashed 0.15rem dashed rgba(var(--movim-font), 0.5);
|
||||
margin-bottom: 0.7rem;
|
||||
margin-top: -0.7rem;
|
||||
}
|
||||
|
||||
/* Top controls list */
|
||||
|
||||
ul.list.controls {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
ul.list.controls>li {
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
ul.list.controls i {
|
||||
text-shadow: 0 0 3rem black;
|
||||
}
|
||||
|
||||
/* Icon */
|
||||
|
||||
.icon.tiny {
|
||||
font-size: 1.8rem;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
/* Menu */
|
||||
|
||||
header ul.context_menu {
|
||||
border-radius: 1rem;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
inset-inline-end: 0;
|
||||
margin: 0.5rem;
|
||||
z-index: 3;
|
||||
box-shadow: var(--elevation-2);
|
||||
transition: transform 0.2s, opacity 0.2s;
|
||||
transform: translateY(-5%);
|
||||
opacity: 0;
|
||||
pointer-events: none;
|
||||
min-width: 25rem;
|
||||
}
|
||||
|
||||
header ul.list.context_menu li {
|
||||
padding: 0 0.5rem;
|
||||
}
|
||||
|
||||
header ul.list.context_menu li.subheader {
|
||||
padding: 0 2rem;
|
||||
}
|
||||
|
||||
header ul.context_menu.shown {
|
||||
transform: translateY(0);
|
||||
opacity: 1;
|
||||
pointer-events: all;
|
||||
}
|
||||
|
||||
/* Divided */
|
||||
|
||||
ul.list li.divided:after,
|
||||
*.divided:not(.spaced):not(li)>*:not(:last-child):not(.subheader):after,
|
||||
*.divided.spaced>*:not(:last-child):not(.subheader):after {
|
||||
position: absolute;
|
||||
inset-inline-end: 0;
|
||||
bottom: 0;
|
||||
content: "";
|
||||
display: block;
|
||||
width: 100%;
|
||||
border-bottom-width: 1px;
|
||||
border-bottom-style: solid;
|
||||
}
|
||||
|
||||
ul.list li.divided.spaced:after,
|
||||
*.divided.spaced>*:not(:last-child):not(.subheader):after {
|
||||
width: calc(100% - 8.5rem);
|
||||
}
|
||||
|
||||
ul.list li span.control.divided:before {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
content: "";
|
||||
display: block;
|
||||
height: calc(100% - 2rem);
|
||||
top: 1rem;
|
||||
border-left-width: 1px;
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
ul li img.preview {
|
||||
max-width: 100%;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
/* Common between Rooms and Space Rooms */
|
||||
|
||||
ul.rooms.list>li:has(ul) {
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
ul.rooms.list>li>ul:has(li:nth-child(2)) {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
ul.rooms.list>li>ul>li:not(:first-child)>span.icon,
|
||||
ul.rooms.list>li>ul>li:not(:first-child)>div>p {
|
||||
line-height: 4rem;
|
||||
height: 4rem;
|
||||
}
|
||||
|
||||
ul.rooms.list>li>ul>li:not(:first-child)>span.icon:first-child {
|
||||
line-height: 4.5rem;
|
||||
margin-right: 0;
|
||||
margin-left: 2rem;
|
||||
}
|
||||
|
||||
ul.rooms.list>li>ul>li:not(:first-child)>span.icon:nth-child(2) {
|
||||
margin: 0;
|
||||
transform: scale(0.75);
|
||||
}
|
||||
|
||||
ul.rooms.list>li>ul>li:not(:first-child)>div>p>span.info {
|
||||
font-size: 2rem;
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
|
||||
ul.rooms.list>li>ul>li:not(:first-child)>div>p>span.info.live {
|
||||
background-color: var(--p-red);
|
||||
color: white;
|
||||
padding: 0 1rem;
|
||||
border-radius: 1rem;
|
||||
box-shadow: var(--elevation-4);
|
||||
line-height: 3.5rem;
|
||||
margin-top: 0.25rem;
|
||||
font-variation-settings: 'FILL' 1;
|
||||
}
|
||||
@@ -0,0 +1,90 @@
|
||||
/* Menu */
|
||||
|
||||
body>nav>ul:not(:first-child) li p:first-of-type {
|
||||
height: 6rem;
|
||||
line-height: 6rem;
|
||||
}
|
||||
|
||||
body>nav>ul.list {
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
body>nav>ul.list li {
|
||||
padding-left: 0.5rem;
|
||||
}
|
||||
|
||||
ul.oppose {
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
/* Navigation */
|
||||
|
||||
ul.navigation li>span.primary i {
|
||||
transition: opacity 0.15s ease;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
ul.navigation li.active>span.primary i {
|
||||
color: rgba(var(--movim-font), 0.8);
|
||||
}
|
||||
|
||||
ul.navigation li.active>span.primary i,
|
||||
ul.navigation li:not(.active):hover>span.primary>i {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
ul.navigation li.active>span.primary i {
|
||||
font-variation-settings: 'FILL' 1;
|
||||
}
|
||||
|
||||
ul.list.active.navigation li:hover:not(.subheader),
|
||||
ul.list.active.navigation li.active:not(.subheader) {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
ul.list.navigation li {
|
||||
padding-right: 0;
|
||||
}
|
||||
|
||||
ul.list.navigation li .primary {
|
||||
margin: 0 0.25rem;
|
||||
}
|
||||
|
||||
ul.list.active.navigation li:hover:not(.subheader):before,
|
||||
ul.list.active.navigation li.active:not(.subheader):before {
|
||||
display: block;
|
||||
content: '';
|
||||
width: 5.5rem;
|
||||
height: calc(100% - 1rem);
|
||||
background-color: rgba(var(--movim-element-action), 0.1);
|
||||
position: absolute;
|
||||
top: 0.5rem;
|
||||
left: 0.5rem;
|
||||
border-radius: 1.5rem;
|
||||
z-index: -1;
|
||||
transition: background-color 0.15s ease;
|
||||
}
|
||||
|
||||
ul.list.active.navigation li:active:not(.subheader):before,
|
||||
ul.list.active.navigation li.active:active:not(.subheader):before {
|
||||
background-color: rgba(var(--movim-element-action), 0.2);
|
||||
}
|
||||
|
||||
ul.navigation li {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
ul#bottomnavigation li:active {
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1025px) and (max-width: 1680px) {
|
||||
ul.navigation li:active {
|
||||
transform: translateY(1px);
|
||||
}
|
||||
|
||||
ul.list.active.navigation li:hover:not(.subheader):before,
|
||||
ul.list.active.navigation li.active:not(.subheader):before {
|
||||
width: calc(100% - 1rem);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,99 @@
|
||||
/* Snackbar - Toast */
|
||||
|
||||
.snackbar,
|
||||
.toast {
|
||||
box-shadow: var(--elevation-3);
|
||||
position: fixed;
|
||||
z-index: 4;
|
||||
min-height: 6rem;
|
||||
width: 48rem;
|
||||
height: auto;
|
||||
color: white;
|
||||
box-sizing: border-box;
|
||||
pointer-events: none;
|
||||
transition: opacity 0.2s ease, transform 0.4s ease, box-shadow .3s cubic-bezier(.4, 0, .2, 1);
|
||||
background-color: rgb(var(--movim-gray));
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
.snackbar ul.active {
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.snackbar:active {
|
||||
transform: translateY(1px);
|
||||
box-shadow: var(--elevation-2);
|
||||
}
|
||||
|
||||
.snackbar:hover:not(:active) {
|
||||
box-shadow: var(--elevation-4);
|
||||
}
|
||||
|
||||
.toast {
|
||||
padding: 2rem 3rem;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
max-height: 10rem;
|
||||
}
|
||||
|
||||
.snackbar {
|
||||
right: 1rem;
|
||||
border-radius: 2rem;
|
||||
opacity: 1;
|
||||
top: 1rem;
|
||||
}
|
||||
|
||||
.toast {
|
||||
left: calc(50% - 24rem);
|
||||
line-height: 2.5rem;
|
||||
border-radius: 1rem;
|
||||
bottom: 3rem;
|
||||
}
|
||||
|
||||
.snackbar:empty {
|
||||
opacity: 0;
|
||||
transform: translateY(-100%);
|
||||
}
|
||||
|
||||
.toast:empty {
|
||||
opacity: 0;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
.snackbar#status_websocket {
|
||||
max-height: initial;
|
||||
}
|
||||
|
||||
.snackbar#status_websocket:not(.hide)~nav,
|
||||
.snackbar#status_websocket:not(.hide)~main {
|
||||
opacity: 0.05;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.snackbar#status_websocket:not(.hide)~div.dialog,
|
||||
.snackbar#status_websocket:not(.hide)~div.drawer {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.snackbar#status_websocket:not(.connect) span.primary:nth-child(1),
|
||||
.snackbar#status_websocket.connect span.primary:nth-child(2),
|
||||
.snackbar#status_websocket:not(.connect) p:nth-child(3),
|
||||
.snackbar#status_websocket.connect p:nth-child(4) {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.toast {
|
||||
bottom: 7.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (max-width: 576px) {
|
||||
|
||||
.snackbar,
|
||||
.toast {
|
||||
left: 1rem;
|
||||
width: calc(100% - 2rem);
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,28 @@
|
||||
/* Webkit specific CSS for the scrollbars */
|
||||
|
||||
::-webkit-scrollbar {
|
||||
height: 5px;
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
textarea::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button {
|
||||
display: none;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background-color: rgba(var(--movim-font), 0.1);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background-color: rgba(var(--movim-font), 0.2);
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
border-radius: 5px;
|
||||
}
|
||||
@@ -0,0 +1,692 @@
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font: inherit;
|
||||
vertical-align: baseline;
|
||||
list-style-type: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
:focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
html {
|
||||
font-size: 51%;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.clear {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
body>* {
|
||||
display: block;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
body>script {
|
||||
display: none;
|
||||
}
|
||||
|
||||
a,
|
||||
a:link,
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:focus-visible:not(:hover) {
|
||||
border-radius: 2px;
|
||||
outline: 3px solid var(--movim-accent);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
a:link:hover,
|
||||
a:visited:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* Skip Main */
|
||||
#skip_main {
|
||||
z-index: 1;
|
||||
display: block;
|
||||
position: fixed;
|
||||
top: 0.5rem;
|
||||
left: 0.5rem;
|
||||
}
|
||||
|
||||
#skip_main:focus {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* Navigation bar */
|
||||
|
||||
body>nav {
|
||||
display: flex;
|
||||
flex-flow: column nowrap;
|
||||
width: 6.5rem;
|
||||
position: absolute;
|
||||
overflow-y: auto;
|
||||
user-select: none;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
body>nav hr {
|
||||
margin: 0.5rem 0;
|
||||
}
|
||||
|
||||
body>div.drawer:not(:empty)~main,
|
||||
body>div.drawer:not(:empty)~nav,
|
||||
body>div.drawer:not(:empty)~#visio,
|
||||
body>div.dialog:not(:empty)~main,
|
||||
body>div.dialog:not(:empty)~nav,
|
||||
body>div.dialog:not(:empty)~#visio,
|
||||
body>nav.active~main {
|
||||
opacity: 0.05;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
body>nav.active~main {
|
||||
transform: translateX(6rem);
|
||||
}
|
||||
|
||||
body>nav li {
|
||||
/* Little hack for the navbar */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
body>nav {
|
||||
padding: 0;
|
||||
padding-bottom: 7rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1680px) {
|
||||
|
||||
body>nav,
|
||||
body>nav:hover {
|
||||
width: 15%;
|
||||
}
|
||||
|
||||
body>nav~main,
|
||||
body>nav:hover~main {
|
||||
width: 85%;
|
||||
}
|
||||
}
|
||||
|
||||
body>nav.active:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body:before {
|
||||
position: absolute;
|
||||
display: block;
|
||||
background: linear-gradient(90deg, var(--movim-accent) 0, transparent 50%, var(--movim-accent) 100%);
|
||||
background-size: 200rem;
|
||||
width: 0;
|
||||
height: 0.25rem;
|
||||
content: '';
|
||||
opacity: 0;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 3;
|
||||
}
|
||||
|
||||
body.loading:before {
|
||||
transition: width 4s ease-in-out, opacity 0.2s ease-in-out;
|
||||
animation: loadingblink 3s linear infinite;
|
||||
width: 100%;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
body.finished:before {
|
||||
transition: width 1s cubic-bezier(.68, 0, 0, 1), opacity 1s ease-in-out;
|
||||
width: 100%;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
@keyframes loadingblink {
|
||||
from {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
to {
|
||||
background-position: 200rem 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* Main */
|
||||
|
||||
main {
|
||||
position: absolute;
|
||||
inset-inline-end: 0;
|
||||
top: 0;
|
||||
transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: row-reverse;
|
||||
}
|
||||
|
||||
@media print {
|
||||
main {
|
||||
display: block;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
||||
nav~main {
|
||||
width: calc(100% - 6.5rem);
|
||||
border-radius: 1rem 0 0 1rem;
|
||||
}
|
||||
|
||||
main>div {
|
||||
width: 92rem;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
main>div>* {
|
||||
max-width: 92rem;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
main>div.large {
|
||||
max-width: 130rem;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
main>div.large>* {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
main>section#sidebar {
|
||||
width: 45rem;
|
||||
}
|
||||
|
||||
main>section#sidebar+div {
|
||||
width: 85rem;
|
||||
padding-inline-end: 1rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* Two blocks */
|
||||
main>div:first-child:nth-last-child(2) {
|
||||
width: 75%;
|
||||
}
|
||||
|
||||
main>div:first-child:nth-last-child(2)+div {
|
||||
width: 25%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
box-shadow: var(--elevation-2);
|
||||
background-color: rgb(var(--movim-background));
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
|
||||
nav.on_desktop~main,
|
||||
nav~main.enabled {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
main.slide>div:first-child:nth-last-child(2),
|
||||
main.slide>div:first-child:nth-last-child(2)+div {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
main.slide>div:first-child:nth-last-child(2)+div {
|
||||
max-width: calc(100vw - 6.5rem);
|
||||
}
|
||||
|
||||
main.slide>div:first-child:nth-last-child(2) {
|
||||
z-index: 1;
|
||||
box-shadow: var(--elevation-4);
|
||||
transform: translateX(100%);
|
||||
}
|
||||
|
||||
main.slide>div:first-child:nth-last-child(2).moving {
|
||||
transition: transform .45s var(--decelerate-easing);
|
||||
}
|
||||
|
||||
main.slide.enabled>div:first-child:nth-last-child(2) {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
main.slide.enabled>div:first-child:nth-last-child(2)+div {
|
||||
margin-left: 6.5rem;
|
||||
}
|
||||
|
||||
main>section#sidebar+div {
|
||||
padding-inline-end: 0;
|
||||
}
|
||||
|
||||
main>section#sidebar {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* Hr */
|
||||
|
||||
hr:not(.clear) {
|
||||
border-bottom: 1px solid;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
hr.thick {
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
/* Spin */
|
||||
|
||||
.spin:empty {
|
||||
background-image: url(../img/cloud_spinner.svg);
|
||||
background-repeat: no-repeat;
|
||||
background-position: center 33%;
|
||||
background-size: 9rem;
|
||||
min-height: 30rem;
|
||||
}
|
||||
|
||||
.spin:not(.list) {
|
||||
min-height: 80%;
|
||||
}
|
||||
|
||||
/* Background loading */
|
||||
.shimmer {
|
||||
background: linear-gradient(to right, rgba(var(--movim-font), 0), rgba(var(--movim-font), 0.05), rgba(var(--movim-font), 0));
|
||||
background-size: 100% 100%;
|
||||
background-repeat: no-repeat;
|
||||
animation-duration: 2s;
|
||||
animation-fill-mode: forwards;
|
||||
animation-iteration-count: infinite;
|
||||
animation-name: placeHolderShimmer;
|
||||
animation-timing-function: linear;
|
||||
}
|
||||
|
||||
@keyframes placeHolderShimmer {
|
||||
0% {
|
||||
background-position: -800px 0
|
||||
}
|
||||
|
||||
100% {
|
||||
background-position: 800px 0
|
||||
}
|
||||
}
|
||||
|
||||
/* Avatar */
|
||||
|
||||
img.avatar,
|
||||
span.avatar {
|
||||
margin: 0 auto;
|
||||
border-radius: 1rem;
|
||||
display: block;
|
||||
max-width: 100%;
|
||||
background-color: rgb(var(--movim-background-main));
|
||||
animation: fadeIn 0.2s;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
img.avatar {
|
||||
box-shadow: var(--elevation-1);
|
||||
max-width: 210px;
|
||||
}
|
||||
|
||||
span.avatar.icon {
|
||||
height: 25rem;
|
||||
width: 25rem;
|
||||
line-height: 25rem;
|
||||
}
|
||||
|
||||
img.avatar:not([src=""])+.placeholder {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Placeholder */
|
||||
|
||||
.placeholder {
|
||||
text-align: center;
|
||||
font-size: 1.2em;
|
||||
max-width: 55rem;
|
||||
margin: 0 auto;
|
||||
padding: 4rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.placeholder>i:first-child {
|
||||
font-size: 14rem;
|
||||
opacity: 0.3;
|
||||
}
|
||||
|
||||
.placeholder h1 {
|
||||
opacity: 0.6;
|
||||
font-size: 2.5rem;
|
||||
line-height: 3rem;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
.placeholder h4 {
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.placeholder p {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.placeholder ul.list p {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Display/hide */
|
||||
|
||||
.on_mobile {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.on_mobile_after:after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
|
||||
.on_mobile,
|
||||
.on_mobile_after:after {
|
||||
display: revert !important;
|
||||
}
|
||||
|
||||
.on_mobile.material-symbols {
|
||||
display: inline !important;
|
||||
}
|
||||
|
||||
.on_desktop {
|
||||
display: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tag */
|
||||
.tag {
|
||||
font-size: 1.5rem;
|
||||
line-height: 1.5rem;
|
||||
padding: 0.2rem 0.5rem;
|
||||
border-radius: 0.25rem;
|
||||
}
|
||||
|
||||
/* Disabled */
|
||||
|
||||
.faded>* {
|
||||
-webkit-filter: grayscale(100%);
|
||||
filter: grayscale(100%);
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.recessed {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.disabled {
|
||||
opacity: 0.5;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* Fingerprint */
|
||||
.fingerprint {
|
||||
font-family: monospace;
|
||||
max-width: 44rem;
|
||||
display: block;
|
||||
line-height: 3rem;
|
||||
}
|
||||
|
||||
.fingerprint.self {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Spinner */
|
||||
|
||||
div#spinner {
|
||||
position: relative;
|
||||
overflow: visible;
|
||||
text-align: center;
|
||||
margin: 50% 0;
|
||||
}
|
||||
|
||||
.show {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
ul.list li.hide,
|
||||
.hide,
|
||||
.button.hide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
/* Transparent images background */
|
||||
img.transparent {
|
||||
background-color: #eee;
|
||||
background-image: linear-gradient(45deg, #CCC 25%, transparent 25%, transparent 75%, #CCC 75%, #CCC),
|
||||
linear-gradient(45deg, #CCC 25%, transparent 25%, transparent 75%, #CCC 75%, #CCC);
|
||||
background-size: 30px 30px;
|
||||
background-position: 0 0, 15px 15px;
|
||||
}
|
||||
|
||||
/* Audio player */
|
||||
|
||||
.audio_player {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0.5rem 1rem;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.audio_player .button {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.bubble .audio_player p {
|
||||
min-width: 10rem;
|
||||
text-align: center;
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
.audio_player input[type=range] {
|
||||
margin: 0 1rem;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 1024px) {
|
||||
.audio_player input[type=range] {
|
||||
width: 15rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* Animations */
|
||||
|
||||
@keyframes slideUp {
|
||||
0% {
|
||||
opacity: 0;
|
||||
transform: translateY(100%);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes blink {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
25%,
|
||||
75% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes fadeText {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
color: transparent;
|
||||
}
|
||||
|
||||
25%,
|
||||
75% {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
/* Enforce white for now as inherit is not applied correctly */
|
||||
}
|
||||
|
||||
@keyframes spin {
|
||||
100% {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shake {
|
||||
0% {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
|
||||
10% {
|
||||
transform: rotate(-5deg);
|
||||
}
|
||||
|
||||
20% {
|
||||
transform: rotate(5deg);
|
||||
}
|
||||
|
||||
30% {
|
||||
transform: rotate(-10deg);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: rotate(10deg);
|
||||
}
|
||||
|
||||
50% {
|
||||
transform: rotate(-15deg);
|
||||
}
|
||||
|
||||
60% {
|
||||
transform: rotate(15deg);
|
||||
}
|
||||
|
||||
70% {
|
||||
transform: rotate(-20deg);
|
||||
}
|
||||
|
||||
80% {
|
||||
transform: rotate(20deg);
|
||||
}
|
||||
|
||||
90% {
|
||||
transform: rotate(0);
|
||||
}
|
||||
|
||||
100% {
|
||||
transform: rotate(0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes zoom {
|
||||
from {
|
||||
transform: scale(0.9);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes zoomOut {
|
||||
from {
|
||||
transform: scale(1.1);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
to {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes loadingOpacity {
|
||||
from {
|
||||
opacity: 0.2;
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes ripple {
|
||||
from {
|
||||
opacity: 0.5;
|
||||
transform: scale(0.1);
|
||||
}
|
||||
|
||||
to {
|
||||
opacity: 0;
|
||||
transform: scale(1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes shine {
|
||||
to {
|
||||
background-position-x: -200%;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes backgroundBlink {
|
||||
|
||||
0%,
|
||||
50%,
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
25%,
|
||||
75% {
|
||||
opacity: 0.5;
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
--standard-easing: cubic-bezier(0.4, 0.0, 0.2, 1);
|
||||
--accelerate-easing: cubic-bezier(0.3, 0.0, 0.8, 0.15);
|
||||
--decelerate-easing: cubic-bezier(0.05, 0.7, 0.1, 1.0);
|
||||
}
|
||||
@@ -0,0 +1,83 @@
|
||||
/* Titles */
|
||||
|
||||
h1 { /* Display 1 */
|
||||
font-size: 4.25rem;
|
||||
line-height: 7rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
article h1,
|
||||
h2 { /* Headline */
|
||||
font-size: 3rem;
|
||||
line-height: 4rem;
|
||||
padding: 1.5rem 0;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
article h2,
|
||||
h3 { /* Title */
|
||||
font-size: 2.5rem;
|
||||
font-weight: 400;
|
||||
line-height: 3rem;
|
||||
padding: 1rem 0;
|
||||
}
|
||||
|
||||
article h3,
|
||||
h4, input, textarea, select { /* Headline */
|
||||
font-size: 2rem;
|
||||
line-height: 3rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
input, textarea, select {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
article h4 {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
h4.gray {
|
||||
color: rgba(var(--movim-font), 0.54);
|
||||
}
|
||||
|
||||
small {
|
||||
color: rgba(var(--movim-font), 0.7);
|
||||
font-size: 0.75em;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
h3 + small {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
.snackbar, /* Body 2 */
|
||||
.toast {
|
||||
font-size: 1.75rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
label, span.info { /* Caption */
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
|
||||
span.info i:not(:last-child) {
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
label, span.info b { /* Caption */
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
h1.line,
|
||||
h2.line,
|
||||
h3.line,
|
||||
h4.line {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -0,0 +1,169 @@
|
||||
/* Typo */
|
||||
|
||||
article section ul li, /* Body 1 */
|
||||
ol li,
|
||||
p,
|
||||
dl dt,
|
||||
dl dd {
|
||||
font-size: 2rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
article section p {
|
||||
margin-bottom: 0.75rem;
|
||||
max-height: initial;
|
||||
color: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ul:not(.list):not(.navigation):not(.tabs):not(.grid) > li,
|
||||
ol:not(.list):not(.navigation):not(.tabs):not(.grid) > li {
|
||||
font-size: 2rem;
|
||||
line-height: 3rem;
|
||||
padding-left: 2rem;
|
||||
list-style-position: inside;
|
||||
min-height: 3rem;
|
||||
margin: 1rem auto;
|
||||
}
|
||||
|
||||
ul:not(.list):not(.tabs):not(.navigation):not(.grid) > li > * {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
ul:not(.list):not(.tabs):not(.navigation):not(.grid):not(.actions) > li {
|
||||
list-style-type: disc;
|
||||
}
|
||||
|
||||
ul:not(.list):not(.tabs):not(.grid) > li > ul:not(.list):not(.tabs):not(.grid) > li {
|
||||
list-style-type: circle;
|
||||
}
|
||||
|
||||
ul:not(.list):not(.tabs):not(.grid) > li > ul:not(.list):not(.tabs):not(.grid) > li > ul:not(.list):not(.tabs):not(.grid) > li {
|
||||
list-style-type: square;
|
||||
}
|
||||
|
||||
ol:not(.list):not(.tabs):not(.grid) > li {
|
||||
list-style-type: decimal;
|
||||
}
|
||||
|
||||
strong,
|
||||
b {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
em {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
p img.inline {
|
||||
display: inline-block;
|
||||
height: 3rem;
|
||||
max-width: 3.5rem;
|
||||
margin-bottom: -0.7rem;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
li p.code,
|
||||
code,
|
||||
pre,
|
||||
xmp {
|
||||
font-family: monospace;
|
||||
}
|
||||
|
||||
code,
|
||||
pre,
|
||||
xmp {
|
||||
border-radius: 0.5rem;
|
||||
color: white;
|
||||
padding: 0.5rem 1rem;
|
||||
font-size: 1.6rem;
|
||||
background-color: rgb(var(--movim-gray));
|
||||
overflow-wrap:break-word;
|
||||
direction: ltr;
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
pre,
|
||||
xmp {
|
||||
white-space:pre;
|
||||
}
|
||||
|
||||
code.block {
|
||||
display: block;
|
||||
margin-bottom: -2.5rem;
|
||||
}
|
||||
|
||||
pre code {
|
||||
background-color: transparent;
|
||||
padding: 0;
|
||||
color: white;
|
||||
}
|
||||
|
||||
pre::before,
|
||||
xmp::before {
|
||||
content: attr(class);
|
||||
display: block;
|
||||
float: right;
|
||||
background-color: rgba(var(--movim-gray), 0.5);
|
||||
padding: 0 1rem;
|
||||
}
|
||||
|
||||
pre:not([class])::before,
|
||||
xmp:not([class])::before {
|
||||
content: none;
|
||||
}
|
||||
|
||||
q {
|
||||
quotes: "“" "”" "‘" "’";
|
||||
}
|
||||
q:before {
|
||||
content: open-quote;
|
||||
}
|
||||
q:after {
|
||||
content: close-quote;
|
||||
}
|
||||
|
||||
cite,
|
||||
blockquote {
|
||||
padding-left: 1.5rem;
|
||||
border-left: 0.5rem solid rgba(var(--movim-font), 0.2);
|
||||
font-style: italic;
|
||||
margin: 1rem 0;
|
||||
}
|
||||
|
||||
/* Definition list */
|
||||
|
||||
dl dt,
|
||||
dl dd {
|
||||
box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
padding: 0.5rem 1rem;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
line-height: 2.5rem;
|
||||
}
|
||||
|
||||
dl di {
|
||||
border-bottom: 1px solid rgba(var(--movim-font), 0.12);
|
||||
display: block;
|
||||
padding: 1em 0;
|
||||
}
|
||||
|
||||
dl dt {
|
||||
text-align: right;
|
||||
font-weight: bold;
|
||||
width: 25%;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
dl dd {
|
||||
text-align: left;
|
||||
width: 74%;
|
||||
}
|
||||
|
||||
*[dir="rtl"] dl dd {
|
||||
text-align: right;
|
||||
}
|
||||
@@ -0,0 +1,2 @@
|
||||
# Disable for this directory
|
||||
root = true
|
||||
@@ -0,0 +1,202 @@
|
||||
|
||||
Apache License
|
||||
Version 2.0, January 2004
|
||||
http://www.apache.org/licenses/
|
||||
|
||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
|
||||
1. Definitions.
|
||||
|
||||
"License" shall mean the terms and conditions for use, reproduction,
|
||||
and distribution as defined by Sections 1 through 9 of this document.
|
||||
|
||||
"Licensor" shall mean the copyright owner or entity authorized by
|
||||
the copyright owner that is granting the License.
|
||||
|
||||
"Legal Entity" shall mean the union of the acting entity and all
|
||||
other entities that control, are controlled by, or are under common
|
||||
control with that entity. For the purposes of this definition,
|
||||
"control" means (i) the power, direct or indirect, to cause the
|
||||
direction or management of such entity, whether by contract or
|
||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||
|
||||
"You" (or "Your") shall mean an individual or Legal Entity
|
||||
exercising permissions granted by this License.
|
||||
|
||||
"Source" form shall mean the preferred form for making modifications,
|
||||
including but not limited to software source code, documentation
|
||||
source, and configuration files.
|
||||
|
||||
"Object" form shall mean any form resulting from mechanical
|
||||
transformation or translation of a Source form, including but
|
||||
not limited to compiled object code, generated documentation,
|
||||
and conversions to other media types.
|
||||
|
||||
"Work" shall mean the work of authorship, whether in Source or
|
||||
Object form, made available under the License, as indicated by a
|
||||
copyright notice that is included in or attached to the work
|
||||
(an example is provided in the Appendix below).
|
||||
|
||||
"Derivative Works" shall mean any work, whether in Source or Object
|
||||
form, that is based on (or derived from) the Work and for which the
|
||||
editorial revisions, annotations, elaborations, or other modifications
|
||||
represent, as a whole, an original work of authorship. For the purposes
|
||||
of this License, Derivative Works shall not include works that remain
|
||||
separable from, or merely link (or bind by name) to the interfaces of,
|
||||
the Work and Derivative Works thereof.
|
||||
|
||||
"Contribution" shall mean any work of authorship, including
|
||||
the original version of the Work and any modifications or additions
|
||||
to that Work or Derivative Works thereof, that is intentionally
|
||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||
or by an individual or Legal Entity authorized to submit on behalf of
|
||||
the copyright owner. For the purposes of this definition, "submitted"
|
||||
means any form of electronic, verbal, or written communication sent
|
||||
to the Licensor or its representatives, including but not limited to
|
||||
communication on electronic mailing lists, source code control systems,
|
||||
and issue tracking systems that are managed by, or on behalf of, the
|
||||
Licensor for the purpose of discussing and improving the Work, but
|
||||
excluding communication that is conspicuously marked or otherwise
|
||||
designated in writing by the copyright owner as "Not a Contribution."
|
||||
|
||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||
on behalf of whom a Contribution has been received by Licensor and
|
||||
subsequently incorporated within the Work.
|
||||
|
||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
copyright license to reproduce, prepare Derivative Works of,
|
||||
publicly display, publicly perform, sublicense, and distribute the
|
||||
Work and such Derivative Works in Source or Object form.
|
||||
|
||||
3. Grant of Patent License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
(except as stated in this section) patent license to make, have made,
|
||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||
where such license applies only to those patent claims licensable
|
||||
by such Contributor that are necessarily infringed by their
|
||||
Contribution(s) alone or by combination of their Contribution(s)
|
||||
with the Work to which such Contribution(s) was submitted. If You
|
||||
institute patent litigation against any entity (including a
|
||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||
or a Contribution incorporated within the Work constitutes direct
|
||||
or contributory patent infringement, then any patent licenses
|
||||
granted to You under this License for that Work shall terminate
|
||||
as of the date such litigation is filed.
|
||||
|
||||
4. Redistribution. You may reproduce and distribute copies of the
|
||||
Work or Derivative Works thereof in any medium, with or without
|
||||
modifications, and in Source or Object form, provided that You
|
||||
meet the following conditions:
|
||||
|
||||
(a) You must give any other recipients of the Work or
|
||||
Derivative Works a copy of this License; and
|
||||
|
||||
(b) You must cause any modified files to carry prominent notices
|
||||
stating that You changed the files; and
|
||||
|
||||
(c) You must retain, in the Source form of any Derivative Works
|
||||
that You distribute, all copyright, patent, trademark, and
|
||||
attribution notices from the Source form of the Work,
|
||||
excluding those notices that do not pertain to any part of
|
||||
the Derivative Works; and
|
||||
|
||||
(d) If the Work includes a "NOTICE" text file as part of its
|
||||
distribution, then any Derivative Works that You distribute must
|
||||
include a readable copy of the attribution notices contained
|
||||
within such NOTICE file, excluding those notices that do not
|
||||
pertain to any part of the Derivative Works, in at least one
|
||||
of the following places: within a NOTICE text file distributed
|
||||
as part of the Derivative Works; within the Source form or
|
||||
documentation, if provided along with the Derivative Works; or,
|
||||
within a display generated by the Derivative Works, if and
|
||||
wherever such third-party notices normally appear. The contents
|
||||
of the NOTICE file are for informational purposes only and
|
||||
do not modify the License. You may add Your own attribution
|
||||
notices within Derivative Works that You distribute, alongside
|
||||
or as an addendum to the NOTICE text from the Work, provided
|
||||
that such additional attribution notices cannot be construed
|
||||
as modifying the License.
|
||||
|
||||
You may add Your own copyright statement to Your modifications and
|
||||
may provide additional or different license terms and conditions
|
||||
for use, reproduction, or distribution of Your modifications, or
|
||||
for any such Derivative Works as a whole, provided Your use,
|
||||
reproduction, and distribution of the Work otherwise complies with
|
||||
the conditions stated in this License.
|
||||
|
||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||
any Contribution intentionally submitted for inclusion in the Work
|
||||
by You to the Licensor shall be under the terms and conditions of
|
||||
this License, without any additional terms or conditions.
|
||||
Notwithstanding the above, nothing herein shall supersede or modify
|
||||
the terms of any separate license agreement you may have executed
|
||||
with Licensor regarding such Contributions.
|
||||
|
||||
6. Trademarks. This License does not grant permission to use the trade
|
||||
names, trademarks, service marks, or product names of the Licensor,
|
||||
except as required for reasonable and customary use in describing the
|
||||
origin of the Work and reproducing the content of the NOTICE file.
|
||||
|
||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||
agreed to in writing, Licensor provides the Work (and each
|
||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||
implied, including, without limitation, any warranties or conditions
|
||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||
appropriateness of using or redistributing the Work and assume any
|
||||
risks associated with Your exercise of permissions under this License.
|
||||
|
||||
8. Limitation of Liability. In no event and under no legal theory,
|
||||
whether in tort (including negligence), contract, or otherwise,
|
||||
unless required by applicable law (such as deliberate and grossly
|
||||
negligent acts) or agreed to in writing, shall any Contributor be
|
||||
liable to You for damages, including any direct, indirect, special,
|
||||
incidental, or consequential damages of any character arising as a
|
||||
result of this License or out of the use or inability to use the
|
||||
Work (including but not limited to damages for loss of goodwill,
|
||||
work stoppage, computer failure or malfunction, or any and all
|
||||
other commercial damages or losses), even if such Contributor
|
||||
has been advised of the possibility of such damages.
|
||||
|
||||
9. Accepting Warranty or Additional Liability. While redistributing
|
||||
the Work or Derivative Works thereof, You may choose to offer,
|
||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||
or other liability obligations and/or rights consistent with this
|
||||
License. However, in accepting such obligations, You may act only
|
||||
on Your own behalf and on Your sole responsibility, not on behalf
|
||||
of any other Contributor, and only if You agree to indemnify,
|
||||
defend, and hold each Contributor harmless for any liability
|
||||
incurred by, or claims asserted against, such Contributor by reason
|
||||
of your accepting any such warranty or additional liability.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
APPENDIX: How to apply the Apache License to your work.
|
||||
|
||||
To apply the Apache License to your work, attach the following
|
||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||
replaced with your own identifying information. (Don't include
|
||||
the brackets!) The text should be enclosed in the appropriate
|
||||
comment syntax for the file format. We also recommend that a
|
||||
file or class name and description of purpose be included on the
|
||||
same "printed page" as the copyright notice for easier
|
||||
identification within third-party archives.
|
||||
|
||||
Copyright [yyyy] [name of copyright owner]
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
@@ -0,0 +1,2 @@
|
||||
# Disable for this directory
|
||||
root = true
|
||||
@@ -0,0 +1,201 @@
|
||||
Apache License
|
||||
Version 2.0, January 2004
|
||||
http://www.apache.org/licenses/
|
||||
|
||||
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||
|
||||
1. Definitions.
|
||||
|
||||
"License" shall mean the terms and conditions for use, reproduction,
|
||||
and distribution as defined by Sections 1 through 9 of this document.
|
||||
|
||||
"Licensor" shall mean the copyright owner or entity authorized by
|
||||
the copyright owner that is granting the License.
|
||||
|
||||
"Legal Entity" shall mean the union of the acting entity and all
|
||||
other entities that control, are controlled by, or are under common
|
||||
control with that entity. For the purposes of this definition,
|
||||
"control" means (i) the power, direct or indirect, to cause the
|
||||
direction or management of such entity, whether by contract or
|
||||
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||
|
||||
"You" (or "Your") shall mean an individual or Legal Entity
|
||||
exercising permissions granted by this License.
|
||||
|
||||
"Source" form shall mean the preferred form for making modifications,
|
||||
including but not limited to software source code, documentation
|
||||
source, and configuration files.
|
||||
|
||||
"Object" form shall mean any form resulting from mechanical
|
||||
transformation or translation of a Source form, including but
|
||||
not limited to compiled object code, generated documentation,
|
||||
and conversions to other media types.
|
||||
|
||||
"Work" shall mean the work of authorship, whether in Source or
|
||||
Object form, made available under the License, as indicated by a
|
||||
copyright notice that is included in or attached to the work
|
||||
(an example is provided in the Appendix below).
|
||||
|
||||
"Derivative Works" shall mean any work, whether in Source or Object
|
||||
form, that is based on (or derived from) the Work and for which the
|
||||
editorial revisions, annotations, elaborations, or other modifications
|
||||
represent, as a whole, an original work of authorship. For the purposes
|
||||
of this License, Derivative Works shall not include works that remain
|
||||
separable from, or merely link (or bind by name) to the interfaces of,
|
||||
the Work and Derivative Works thereof.
|
||||
|
||||
"Contribution" shall mean any work of authorship, including
|
||||
the original version of the Work and any modifications or additions
|
||||
to that Work or Derivative Works thereof, that is intentionally
|
||||
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||
or by an individual or Legal Entity authorized to submit on behalf of
|
||||
the copyright owner. For the purposes of this definition, "submitted"
|
||||
means any form of electronic, verbal, or written communication sent
|
||||
to the Licensor or its representatives, including but not limited to
|
||||
communication on electronic mailing lists, source code control systems,
|
||||
and issue tracking systems that are managed by, or on behalf of, the
|
||||
Licensor for the purpose of discussing and improving the Work, but
|
||||
excluding communication that is conspicuously marked or otherwise
|
||||
designated in writing by the copyright owner as "Not a Contribution."
|
||||
|
||||
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||
on behalf of whom a Contribution has been received by Licensor and
|
||||
subsequently incorporated within the Work.
|
||||
|
||||
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
copyright license to reproduce, prepare Derivative Works of,
|
||||
publicly display, publicly perform, sublicense, and distribute the
|
||||
Work and such Derivative Works in Source or Object form.
|
||||
|
||||
3. Grant of Patent License. Subject to the terms and conditions of
|
||||
this License, each Contributor hereby grants to You a perpetual,
|
||||
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||
(except as stated in this section) patent license to make, have made,
|
||||
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||
where such license applies only to those patent claims licensable
|
||||
by such Contributor that are necessarily infringed by their
|
||||
Contribution(s) alone or by combination of their Contribution(s)
|
||||
with the Work to which such Contribution(s) was submitted. If You
|
||||
institute patent litigation against any entity (including a
|
||||
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||
or a Contribution incorporated within the Work constitutes direct
|
||||
or contributory patent infringement, then any patent licenses
|
||||
granted to You under this License for that Work shall terminate
|
||||
as of the date such litigation is filed.
|
||||
|
||||
4. Redistribution. You may reproduce and distribute copies of the
|
||||
Work or Derivative Works thereof in any medium, with or without
|
||||
modifications, and in Source or Object form, provided that You
|
||||
meet the following conditions:
|
||||
|
||||
(a) You must give any other recipients of the Work or
|
||||
Derivative Works a copy of this License; and
|
||||
|
||||
(b) You must cause any modified files to carry prominent notices
|
||||
stating that You changed the files; and
|
||||
|
||||
(c) You must retain, in the Source form of any Derivative Works
|
||||
that You distribute, all copyright, patent, trademark, and
|
||||
attribution notices from the Source form of the Work,
|
||||
excluding those notices that do not pertain to any part of
|
||||
the Derivative Works; and
|
||||
|
||||
(d) If the Work includes a "NOTICE" text file as part of its
|
||||
distribution, then any Derivative Works that You distribute must
|
||||
include a readable copy of the attribution notices contained
|
||||
within such NOTICE file, excluding those notices that do not
|
||||
pertain to any part of the Derivative Works, in at least one
|
||||
of the following places: within a NOTICE text file distributed
|
||||
as part of the Derivative Works; within the Source form or
|
||||
documentation, if provided along with the Derivative Works; or,
|
||||
within a display generated by the Derivative Works, if and
|
||||
wherever such third-party notices normally appear. The contents
|
||||
of the NOTICE file are for informational purposes only and
|
||||
do not modify the License. You may add Your own attribution
|
||||
notices within Derivative Works that You distribute, alongside
|
||||
or as an addendum to the NOTICE text from the Work, provided
|
||||
that such additional attribution notices cannot be construed
|
||||
as modifying the License.
|
||||
|
||||
You may add Your own copyright statement to Your modifications and
|
||||
may provide additional or different license terms and conditions
|
||||
for use, reproduction, or distribution of Your modifications, or
|
||||
for any such Derivative Works as a whole, provided Your use,
|
||||
reproduction, and distribution of the Work otherwise complies with
|
||||
the conditions stated in this License.
|
||||
|
||||
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||
any Contribution intentionally submitted for inclusion in the Work
|
||||
by You to the Licensor shall be under the terms and conditions of
|
||||
this License, without any additional terms or conditions.
|
||||
Notwithstanding the above, nothing herein shall supersede or modify
|
||||
the terms of any separate license agreement you may have executed
|
||||
with Licensor regarding such Contributions.
|
||||
|
||||
6. Trademarks. This License does not grant permission to use the trade
|
||||
names, trademarks, service marks, or product names of the Licensor,
|
||||
except as required for reasonable and customary use in describing the
|
||||
origin of the Work and reproducing the content of the NOTICE file.
|
||||
|
||||
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||
agreed to in writing, Licensor provides the Work (and each
|
||||
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||
implied, including, without limitation, any warranties or conditions
|
||||
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||
appropriateness of using or redistributing the Work and assume any
|
||||
risks associated with Your exercise of permissions under this License.
|
||||
|
||||
8. Limitation of Liability. In no event and under no legal theory,
|
||||
whether in tort (including negligence), contract, or otherwise,
|
||||
unless required by applicable law (such as deliberate and grossly
|
||||
negligent acts) or agreed to in writing, shall any Contributor be
|
||||
liable to You for damages, including any direct, indirect, special,
|
||||
incidental, or consequential damages of any character arising as a
|
||||
result of this License or out of the use or inability to use the
|
||||
Work (including but not limited to damages for loss of goodwill,
|
||||
work stoppage, computer failure or malfunction, or any and all
|
||||
other commercial damages or losses), even if such Contributor
|
||||
has been advised of the possibility of such damages.
|
||||
|
||||
9. Accepting Warranty or Additional Liability. While redistributing
|
||||
the Work or Derivative Works thereof, You may choose to offer,
|
||||
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||
or other liability obligations and/or rights consistent with this
|
||||
License. However, in accepting such obligations, You may act only
|
||||
on Your own behalf and on Your sole responsibility, not on behalf
|
||||
of any other Contributor, and only if You agree to indemnify,
|
||||
defend, and hold each Contributor harmless for any liability
|
||||
incurred by, or claims asserted against, such Contributor by reason
|
||||
of your accepting any such warranty or additional liability.
|
||||
|
||||
END OF TERMS AND CONDITIONS
|
||||
|
||||
APPENDIX: How to apply the Apache License to your work.
|
||||
|
||||
To apply the Apache License to your work, attach the following
|
||||
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||
replaced with your own identifying information. (Don't include
|
||||
the brackets!) The text should be enclosed in the appropriate
|
||||
comment syntax for the file format. We also recommend that a
|
||||
file or class name and description of purpose be included on the
|
||||
same "printed page" as the copyright notice for easier
|
||||
identification within third-party archives.
|
||||
|
||||
Copyright [yyyy] [name of copyright owner]
|
||||
|
||||
Licensed under the Apache License, Version 2.0 (the "License");
|
||||
you may not use this file except in compliance with the License.
|
||||
You may obtain a copy of the License at
|
||||
|
||||
http://www.apache.org/licenses/LICENSE-2.0
|
||||
|
||||
Unless required by applicable law or agreed to in writing, software
|
||||
distributed under the License is distributed on an "AS IS" BASIS,
|
||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||
See the License for the specific language governing permissions and
|
||||
limitations under the License.
|
||||
@@ -0,0 +1,6 @@
|
||||
The original font is called Open Sans, which “is a trademark of Google
|
||||
and may be registered in certain jurisdictions”.
|
||||
|
||||
The font itself is published under the terms in the 0-LICENCE file
|
||||
in this directory. The WOFF2 files you see here are the Object form
|
||||
of the (to the best of our knowledge) unmodified Work.
|
||||
@@ -0,0 +1,28 @@
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmSU5fBBc4.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmEU9fBBc4.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2
|
||||
https://fonts.gstatic.com/s/roboto/v27/KFOlCnqEu92Fr1MmWUlfBBc4.woff2
|
||||
|
After Width: | Height: | Size: 88 KiB |
|
After Width: | Height: | Size: 73 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
|
After Width: | Height: | Size: 787 B |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
@@ -0,0 +1,48 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="162.7959mm"
|
||||
height="131.23331mm"
|
||||
viewBox="0 0 162.7959 131.23331"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
|
||||
sodipodi:docname="logo.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#000000"
|
||||
borderopacity="0.25"
|
||||
inkscape:showpageshadow="2"
|
||||
inkscape:pageopacity="0.0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#ffffff"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:zoom="0.78216891"
|
||||
inkscape:cx="306.83909"
|
||||
inkscape:cy="248.02827"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1131"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1" />
|
||||
<defs
|
||||
id="defs1" />
|
||||
<g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-23.547934,-82.814599)">
|
||||
<path
|
||||
style="display:inline;fill:none;stroke:#ffffff;stroke-width:14.3988;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 74.743659,117.25598 c 0,-35.197059 67.194391,-41.596525 70.394121,12.79893 41.59652,3.19973 51.19572,73.59385 -6.39947,76.79359 H 77.943394 c -63.994659,-3.19974 -60.794923,-86.39279 -3.199735,-89.59252 28.797591,0 41.596521,22.39813 44.796261,41.59653 3.19973,19.19839 11.11613,24.88775 15.99866,28.79759"
|
||||
id="path3"
|
||||
sodipodi:nodetypes="ccccccc" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 50 KiB |
|
After Width: | Height: | Size: 50 KiB |
@@ -0,0 +1,65 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="66.145828mm"
|
||||
height="66.145836mm"
|
||||
viewBox="0 0 66.145828 66.145836"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="3.615038"
|
||||
inkscape:cx="135.12997"
|
||||
inkscape:cy="183.12394"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"><sodipodi:guide
|
||||
position="39.557093,302.33726"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="-15.651867,306.08787"
|
||||
orientation="1,0"
|
||||
id="guide1638"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid3018"
|
||||
spacingx="0.26458333"
|
||||
spacingy="0.26458333"
|
||||
originx="-132.29167"
|
||||
originy="-26.458332" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><ellipse
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
id="path3197"
|
||||
cx="187.85417"
|
||||
cy="79.375"
|
||||
rx="10.583333"
|
||||
ry="10.583335" /></g></svg>
|
||||
|
After Width: | Height: | Size: 2.6 KiB |
@@ -0,0 +1,62 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="66.145828mm"
|
||||
height="66.145836mm"
|
||||
viewBox="0 0 66.145828 66.145836"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_away.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="3.615038"
|
||||
inkscape:cx="135.12997"
|
||||
inkscape:cy="183.12394"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"><sodipodi:guide
|
||||
position="39.557093,302.33726"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="-15.651867,306.08787"
|
||||
orientation="1,0"
|
||||
id="guide1638"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid3018"
|
||||
spacingx="0.26458333"
|
||||
spacingy="0.26458333"
|
||||
originx="-132.29167"
|
||||
originy="-26.458332" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><path
|
||||
id="path3197"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="M 187.85417 68.791666 A 10.583333 10.583335 0 0 0 177.27084 79.375 A 10.583333 10.583335 0 0 0 187.85417 89.958333 A 10.583333 10.583335 0 0 0 198.4375 79.375 A 10.583333 10.583335 0 0 0 198.27369 77.524467 A 6.2838531 6.2838531 0 0 1 192.81511 80.697916 A 6.2838531 6.2838531 0 0 1 186.53125 74.414062 A 6.2838531 6.2838531 0 0 1 189.7047 68.955481 A 10.583333 10.583335 0 0 0 187.85417 68.791666 z " /></g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,70 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="300"
|
||||
height="300"
|
||||
viewBox="0 0 79.375 79.375"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_away_stories.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="1.81"
|
||||
inkscape:cx="-3.5911602"
|
||||
inkscape:cy="152.48619"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1131"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g1"><sodipodi:guide
|
||||
position="39.557094,302.33727"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
id="grid1"
|
||||
units="px"
|
||||
originx="0"
|
||||
originy="0"
|
||||
spacingx="0.66145831"
|
||||
spacingy="0.66145831"
|
||||
empcolor="#0099e5"
|
||||
empopacity="0.30196078"
|
||||
color="#0099e5"
|
||||
opacity="0.14901961"
|
||||
empspacing="5"
|
||||
enabled="true"
|
||||
visible="true" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><g
|
||||
id="g1"
|
||||
transform="translate(6.6145826,6.614583)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><path
|
||||
id="path3197"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 187.85417,68.791664 a 10.583333,10.583335 0 0 0 -10.58333,10.583334 10.583333,10.583335 0 0 0 10.58333,10.583333 10.583333,10.583335 0 0 0 10.58333,-10.583333 10.583333,10.583335 0 0 0 -0.16381,-1.850533 6.2838531,6.2838531 0 0 1 -5.45858,3.173449 6.2838531,6.2838531 0 0 1 -6.28386,-6.283854 6.2838531,6.2838531 0 0 1 3.17345,-5.458581 10.583333,10.583335 0 0 0 -1.85053,-0.163815 z" /><path
|
||||
id="path5"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 165.36459,19.84375 c -21.9188,0 -39.6875,17.768699 -39.6875,39.6875 0,21.918801 17.7687,39.6875 39.6875,39.6875 7.05005,-0.02913 13.9651,-1.935726 20.03392,-5.523694 -1.99524,-0.345975 -3.8786,-1.125691 -5.5578,-2.24224 A 35.057293,35.057293 0 0 1 165.36459,94.588542 35.057293,35.057293 0 0 1 130.3073,59.53125 35.057293,35.057293 0 0 1 165.36459,24.473958 35.057293,35.057293 0 0 1 200.42188,59.53125 35.057293,35.057293 0 0 1 198.84006,69.842249 c 1.34146,1.545362 2.34864,3.356862 2.94349,5.323706 2.13782,-4.936204 3.24985,-10.255482 3.26854,-15.634705 0,-21.918801 -17.7687,-39.6875 -39.6875,-39.6875 z" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1,62 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="66.145828mm"
|
||||
height="66.145836mm"
|
||||
viewBox="0 0 66.145828 66.145836"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_dnd.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="3.615038"
|
||||
inkscape:cx="113.83006"
|
||||
inkscape:cy="183.40056"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"><sodipodi:guide
|
||||
position="39.557093,302.33726"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="-15.651867,306.08787"
|
||||
orientation="1,0"
|
||||
id="guide1638"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid3018"
|
||||
spacingx="0.26458333"
|
||||
spacingy="0.26458333"
|
||||
originx="-132.29167"
|
||||
originy="-26.458332" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><path
|
||||
id="path3197"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="M 187.85417 68.791666 A 10.583333 10.583335 0 0 0 177.27084 79.375 A 10.583333 10.583335 0 0 0 187.85417 89.958333 A 10.583333 10.583335 0 0 0 198.4375 79.375 A 10.583333 10.583335 0 0 0 187.85417 68.791666 z M 182.5625 77.786983 L 193.14635 77.786983 A 1.5875 1.5875 0 0 1 194.7323 79.375 A 1.5875 1.5875 0 0 1 193.14635 80.963016 L 182.5625 80.963016 A 1.5875 1.5875 0 0 1 180.97449 79.375 A 1.5875 1.5875 0 0 1 182.5625 77.786983 z " /></g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,70 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="300"
|
||||
height="300"
|
||||
viewBox="0 0 79.375 79.375"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_dnd_stories.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="2.5597265"
|
||||
inkscape:cx="95.518015"
|
||||
inkscape:cy="114.85602"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1131"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g1"><sodipodi:guide
|
||||
position="39.557094,302.33727"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
id="grid1"
|
||||
units="px"
|
||||
originx="0"
|
||||
originy="0"
|
||||
spacingx="0.66145831"
|
||||
spacingy="0.66145831"
|
||||
empcolor="#0099e5"
|
||||
empopacity="0.30196078"
|
||||
color="#0099e5"
|
||||
opacity="0.14901961"
|
||||
empspacing="5"
|
||||
enabled="true"
|
||||
visible="true" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><g
|
||||
id="g1"
|
||||
transform="translate(6.6145826,6.614583)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><path
|
||||
id="path3197"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="M 187.85417,68.791664 A 10.583333,10.583335 0 0 0 177.27084,79.374998 10.583333,10.583335 0 0 0 187.85417,89.958331 10.583333,10.583335 0 0 0 198.4375,79.374998 10.583333,10.583335 0 0 0 187.85417,68.791664 Z m -5.29167,8.995317 h 10.58385 a 1.5875,1.5875 0 0 1 1.58595,1.588017 1.5875,1.5875 0 0 1 -1.58595,1.588016 H 182.5625 a 1.5875,1.5875 0 0 1 -1.58801,-1.588016 1.5875,1.5875 0 0 1 1.58801,-1.588017 z" /><path
|
||||
id="path5"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 165.36459,19.84375 c -21.9188,0 -39.6875,17.768699 -39.6875,39.6875 0,21.918801 17.7687,39.687497 39.6875,39.687497 7.05005,-0.0291 13.9651,-1.93572 20.03392,-5.52369 -1.99524,-0.345976 -3.8786,-1.125692 -5.5578,-2.242241 A 35.057293,35.057293 0 0 1 165.36459,94.588547 35.057293,35.057293 0 0 1 130.3073,59.53125 35.057293,35.057293 0 0 1 165.36459,24.473958 35.057293,35.057293 0 0 1 200.42188,59.53125 35.057293,35.057293 0 0 1 198.84006,69.842249 c 1.34146,1.545362 2.34864,3.356862 2.94349,5.323706 2.13782,-4.936204 3.24985,-10.255482 3.26854,-15.634705 0,-21.918801 -17.7687,-39.6875 -39.6875,-39.6875 z" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1,68 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="66.145828mm"
|
||||
height="66.145836mm"
|
||||
viewBox="0 0 66.145828 66.145836"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_location.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="5.04"
|
||||
inkscape:cx="178.0754"
|
||||
inkscape:cy="210.31746"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"><sodipodi:guide
|
||||
position="39.557093,302.33726"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="-15.651867,306.08787"
|
||||
orientation="1,0"
|
||||
id="guide1638"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid3018"
|
||||
spacingx="0.26458333"
|
||||
spacingy="0.26458333"
|
||||
originx="-132.29167"
|
||||
originy="-26.458332" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><path
|
||||
id="path3197"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="M 187.85417 68.791666 C 182.00918 68.791668 177.27084 73.529999 177.27084 79.375 C 177.27084 85.220001 182.00918 89.958331 187.85417 89.958333 C 193.69916 89.958331 198.4375 85.220001 198.4375 79.375 C 198.4375 73.529999 193.69916 68.791668 187.85417 68.791666 z M 187.85417 72.750081 C 190.56029 72.750081 192.74896 74.938756 192.74896 77.644873 C 192.74896 81.315961 187.85417 86.735274 187.85417 86.735274 C 187.85417 86.735274 182.95938 81.315961 182.95938 77.644873 C 182.95938 74.938756 185.14805 72.750081 187.85417 72.750081 z M 187.85417 75.896659 C 186.8892 75.896659 186.10596 76.679901 186.10596 77.644873 C 186.10596 78.609844 186.8892 79.393086 187.85417 79.393086 C 188.81914 79.393086 189.60238 78.609844 189.60238 77.644873 C 189.60238 76.679901 188.81914 75.896659 187.85417 75.896659 z " /><g
|
||||
style="fill:#000000"
|
||||
id="g400"
|
||||
transform="matrix(0.26458333,0,0,0.26458333,140.24597,90.63659)"><path
|
||||
d="M 0,0 H 24 V 24 H 0 Z"
|
||||
fill="none"
|
||||
id="path388" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
@@ -0,0 +1,70 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="300"
|
||||
height="300"
|
||||
viewBox="0 0 79.375 79.375"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_location_stories.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="1.2798633"
|
||||
inkscape:cx="-138.68669"
|
||||
inkscape:cy="157.04803"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1131"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g1"><sodipodi:guide
|
||||
position="39.557094,302.33727"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
id="grid1"
|
||||
units="px"
|
||||
originx="0"
|
||||
originy="0"
|
||||
spacingx="0.66145831"
|
||||
spacingy="0.66145831"
|
||||
empcolor="#0099e5"
|
||||
empopacity="0.30196078"
|
||||
color="#0099e5"
|
||||
opacity="0.14901961"
|
||||
empspacing="5"
|
||||
enabled="true"
|
||||
visible="true" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><g
|
||||
id="g1"
|
||||
transform="translate(6.6145826,6.614583)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><path
|
||||
id="path3197"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 187.85417,68.791665 c -5.84499,2e-6 -10.58333,4.738333 -10.58333,10.583334 0,5.845001 4.73834,10.583331 10.58333,10.583333 5.84499,-2e-6 10.58333,-4.738332 10.58333,-10.583333 0,-5.845001 -4.73834,-10.583332 -10.58333,-10.583334 z m 0,3.958415 c 2.70612,0 4.89479,2.188675 4.89479,4.894792 0,3.671088 -4.89479,9.090401 -4.89479,9.090401 0,0 -4.89479,-5.419313 -4.89479,-9.090401 0,-2.706117 2.18867,-4.894792 4.89479,-4.894792 z m 0,3.146578 c -0.96497,0 -1.74821,0.783242 -1.74821,1.748214 0,0.964971 0.78324,1.748213 1.74821,1.748213 0.96497,0 1.74821,-0.783242 1.74821,-1.748213 0,-0.964972 -0.78324,-1.748214 -1.74821,-1.748214 z" /><path
|
||||
id="path5"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 165.36459,19.84375 c -21.9188,0 -39.6875,17.768699 -39.6875,39.6875 0,21.918801 17.7687,39.6875 39.6875,39.6875 7.05005,-0.02913 13.9651,-1.935726 20.03392,-5.523694 -1.99524,-0.345975 -3.8786,-1.125691 -5.5578,-2.24224 A 35.057293,35.057293 0 0 1 165.36459,94.588542 35.057293,35.057293 0 0 1 130.3073,59.53125 35.057293,35.057293 0 0 1 165.36459,24.473958 35.057293,35.057293 0 0 1 200.42188,59.53125 35.057293,35.057293 0 0 1 198.84006,69.842249 c 1.34146,1.545362 2.34864,3.356862 2.94349,5.323706 2.13782,-4.936204 3.24985,-10.255482 3.26854,-15.634705 0,-21.918801 -17.7687,-39.6875 -39.6875,-39.6875 z" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
@@ -0,0 +1,91 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="300"
|
||||
height="300"
|
||||
viewBox="0 0 79.375 79.375"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_notifs_stories.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="5.88"
|
||||
inkscape:cx="192.60204"
|
||||
inkscape:cy="281.46259"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1131"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g1"><sodipodi:guide
|
||||
position="39.557094,302.33727"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
id="grid1"
|
||||
units="px"
|
||||
originx="0"
|
||||
originy="0"
|
||||
spacingx="0.66145831"
|
||||
spacingy="0.66145831"
|
||||
empcolor="#0099e5"
|
||||
empopacity="0.30196078"
|
||||
color="#0099e5"
|
||||
opacity="0.14901961"
|
||||
empspacing="5"
|
||||
enabled="true"
|
||||
visible="true" /><sodipodi:guide
|
||||
position="39.687499,74.744792"
|
||||
orientation="0,-1"
|
||||
id="guide4"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="4.6302082,39.967006"
|
||||
orientation="1,0"
|
||||
id="guide5"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="39.687499,4.6302106"
|
||||
orientation="0,-1"
|
||||
id="guide6"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="74.744789,39.370443"
|
||||
orientation="1,0"
|
||||
id="guide7"
|
||||
inkscape:locked="false" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><g
|
||||
id="g1"
|
||||
transform="translate(6.6145826,6.614583)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><path
|
||||
id="path5"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 165.36459,19.84375 c -21.9188,0 -39.6875,17.768699 -39.6875,39.6875 0,21.918801 17.7687,39.6875 39.6875,39.6875 7.05005,-0.02913 13.9651,-1.935726 20.03392,-5.523694 5.76295,-3.736725 -3.8786,-1.125691 -5.5578,-2.24224 -4.54697,2.064317 -9.48249,3.133417 -14.47612,3.135726 -19.36161,-2e-6 -35.05729,-15.695685 -35.05729,-35.057292 0,-19.361607 15.69568,-35.05729 35.05729,-35.057292 19.36161,2e-6 35.05729,15.695685 35.05729,35.057292 -0.0101,3.496653 -0.54328,6.972119 -1.58182,10.310999 1.34146,1.545362 2.34864,3.356862 2.94349,5.323706 2.13782,-4.936204 3.24985,-10.255482 3.26854,-15.634705 0,-21.918801 -17.7687,-39.6875 -39.6875,-39.6875 z"
|
||||
sodipodi:nodetypes="ssccccssccccs" /><rect
|
||||
style="fill:#000000;stroke-width:3.96875"
|
||||
id="rect1"
|
||||
width="38.161049"
|
||||
height="27.908445"
|
||||
x="163.58374"
|
||||
y="64.695709"
|
||||
ry="7.8821001" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
@@ -0,0 +1,71 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="300"
|
||||
height="300"
|
||||
viewBox="0 0 79.375 79.375"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_stories.svg"
|
||||
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="3.4122741"
|
||||
inkscape:cx="174.37052"
|
||||
inkscape:cy="191.9541"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1131"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g1"><sodipodi:guide
|
||||
position="39.557094,302.33727"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
id="grid1"
|
||||
units="px"
|
||||
originx="0"
|
||||
originy="0"
|
||||
spacingx="0.66145831"
|
||||
spacingy="0.66145831"
|
||||
empcolor="#0099e5"
|
||||
empopacity="0.30196078"
|
||||
color="#0099e5"
|
||||
opacity="0.14901961"
|
||||
empspacing="5"
|
||||
enabled="true"
|
||||
visible="true" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><g
|
||||
id="g1"
|
||||
transform="translate(6.6145826,6.614583)"><circle
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:1.11998;stroke-linecap:round"
|
||||
id="path1"
|
||||
cx="165.36459"
|
||||
cy="59.53125"
|
||||
r="33.072918" /><ellipse
|
||||
style="fill:none;fill-opacity:1;stroke:#000000;stroke-width:4.49994;stroke-linecap:round;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="path2"
|
||||
cx="165.36458"
|
||||
cy="59.53125"
|
||||
rx="37.437527"
|
||||
ry="37.437531" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 2.3 KiB |
@@ -0,0 +1,89 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="300"
|
||||
height="300"
|
||||
viewBox="0 0 79.375 79.375"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_stories.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="1.81"
|
||||
inkscape:cx="192.54144"
|
||||
inkscape:cy="98.342541"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1131"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g1"><sodipodi:guide
|
||||
position="39.557094,302.33727"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
id="grid1"
|
||||
units="px"
|
||||
originx="0"
|
||||
originy="0"
|
||||
spacingx="0.66145831"
|
||||
spacingy="0.66145831"
|
||||
empcolor="#0099e5"
|
||||
empopacity="0.30196078"
|
||||
color="#0099e5"
|
||||
opacity="0.14901961"
|
||||
empspacing="5"
|
||||
enabled="true"
|
||||
visible="true" /><sodipodi:guide
|
||||
position="39.687499,74.744792"
|
||||
orientation="0,-1"
|
||||
id="guide4"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="4.6302082,39.967006"
|
||||
orientation="1,0"
|
||||
id="guide5"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="39.687499,4.6302106"
|
||||
orientation="0,-1"
|
||||
id="guide6"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="74.744789,39.370443"
|
||||
orientation="1,0"
|
||||
id="guide7"
|
||||
inkscape:locked="false" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><g
|
||||
id="g1"
|
||||
transform="translate(6.6145826,6.614583)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><ellipse
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
id="path3197"
|
||||
cx="187.85417"
|
||||
cy="79.375"
|
||||
rx="10.583333"
|
||||
ry="10.583335" /><path
|
||||
id="path5"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="M 165.36459 19.84375 C 143.44579 19.84375 125.67709 37.612449 125.67709 59.53125 C 125.67709 81.450051 143.44579 99.21875 165.36459 99.21875 C 172.41464 99.18962 179.32969 97.283024 185.39851 93.695056 C 183.40327 93.349081 181.51991 92.569365 179.84071 91.452816 A 35.057293 35.057293 0 0 1 165.36459 94.588542 A 35.057293 35.057293 0 0 1 130.3073 59.53125 A 35.057293 35.057293 0 0 1 165.36459 24.473958 A 35.057293 35.057293 0 0 1 200.42188 59.53125 A 35.057293 35.057293 0 0 1 198.84006 69.842249 C 200.18152 71.387611 201.1887 73.199111 201.78355 75.165955 C 203.92137 70.229751 205.0334 64.910473 205.05209 59.53125 C 205.05209 37.612449 187.28339 19.84375 165.36459 19.84375 z " /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 4.0 KiB |
@@ -0,0 +1,62 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="66.145828mm"
|
||||
height="66.145836mm"
|
||||
viewBox="0 0 66.145828 66.145836"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_xa.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="5.04"
|
||||
inkscape:cx="150.99206"
|
||||
inkscape:cy="210.11905"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"><sodipodi:guide
|
||||
position="39.557093,302.33726"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><sodipodi:guide
|
||||
position="-15.651867,306.08787"
|
||||
orientation="1,0"
|
||||
id="guide1638"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
type="xygrid"
|
||||
id="grid3018"
|
||||
spacingx="0.26458333"
|
||||
spacingy="0.26458333"
|
||||
originx="-132.29167"
|
||||
originy="-26.458332" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><path
|
||||
id="path3197"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="M 187.85417 68.791666 C 182.00917 68.791668 177.27084 73.529993 177.27084 79.375 C 177.27084 85.220007 182.00917 89.958331 187.85417 89.958333 C 193.69917 89.958331 198.4375 85.220007 198.4375 79.375 C 198.4375 73.529993 193.69917 68.791668 187.85417 68.791666 z M 187.85417 74.744791 A 4.6302075 4.6302075 0 0 1 192.48438 79.375 A 4.6302075 4.6302075 0 0 1 187.85417 84.005208 A 4.6302075 4.6302075 0 0 1 183.22396 79.375 A 4.6302075 4.6302075 0 0 1 187.85417 74.744791 z " /></g></svg>
|
||||
|
After Width: | Height: | Size: 3.0 KiB |
@@ -0,0 +1,70 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="300"
|
||||
height="300"
|
||||
viewBox="0 0 79.375 79.375"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
xml:space="preserve"
|
||||
sodipodi:docname="avatar_mask_xa_stories.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="true"
|
||||
showguides="true"
|
||||
inkscape:zoom="1.81"
|
||||
inkscape:cx="78.729282"
|
||||
inkscape:cy="116.57459"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1131"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="g1"><sodipodi:guide
|
||||
position="39.557094,302.33727"
|
||||
orientation="0,-1"
|
||||
id="guide1636"
|
||||
inkscape:locked="false" /><inkscape:grid
|
||||
id="grid1"
|
||||
units="px"
|
||||
originx="0"
|
||||
originy="0"
|
||||
spacingx="0.66145831"
|
||||
spacingy="0.66145831"
|
||||
empcolor="#0099e5"
|
||||
empopacity="0.30196078"
|
||||
color="#0099e5"
|
||||
opacity="0.14901961"
|
||||
empspacing="5"
|
||||
enabled="true"
|
||||
visible="true" /></sodipodi:namedview><defs
|
||||
id="defs2" /><g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"
|
||||
transform="translate(-132.29167,-26.458333)"><g
|
||||
id="g1"
|
||||
transform="translate(6.6145826,6.614583)"><path
|
||||
id="path3089"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.360892;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 165.36458,26.458333 c -18.26566,4e-6 -33.07291,14.807252 -33.07291,33.072917 0,18.265665 14.80725,33.072913 33.07291,33.072917 4.3358,-0.0058 8.62816,-0.864031 12.63282,-2.525944 -2.99205,-2.754838 -4.69469,-6.636102 -4.69532,-10.703223 -1e-5,-8.036899 6.51519,-14.552092 14.55209,-14.552083 3.43672,3.15e-4 6.76243,1.216953 9.38805,3.434415 0.78568,-2.842396 1.18767,-5.777107 1.19528,-8.726082 0,-18.265669 -14.80725,-33.072918 -33.07292,-33.072917 z"
|
||||
sodipodi:nodetypes="ssccccccs" /><path
|
||||
id="path3197-6"
|
||||
style="fill:#000000;fill-opacity:1;stroke-width:0.577428;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="m 187.85417,68.791664 c -5.845,2e-6 -10.58333,4.738327 -10.58333,10.583334 0,5.845007 4.73833,10.583331 10.58333,10.583333 5.845,-2e-6 10.58333,-4.738326 10.58333,-10.583333 0,-5.845007 -4.73833,-10.583332 -10.58333,-10.583334 z m 0,5.953125 a 4.6302075,4.6302075 0 0 1 4.63021,4.630209 4.6302075,4.6302075 0 0 1 -4.63021,4.630208 4.6302075,4.6302075 0 0 1 -4.63021,-4.630208 4.6302075,4.6302075 0 0 1 4.63021,-4.630209 z" /><path
|
||||
id="path5"
|
||||
style="fill:#000000;fill-opacity:1;stroke:none;stroke-width:3.96875;stroke-dasharray:none;stroke-opacity:1"
|
||||
d="m 165.36459,19.84375 c -21.9188,0 -39.6875,17.768699 -39.6875,39.6875 0,21.918801 17.7687,39.6875 39.6875,39.6875 7.05005,-0.02913 13.9651,-1.935726 20.03392,-5.523694 -1.99524,-0.345975 -3.8786,-1.125691 -5.5578,-2.24224 A 35.057293,35.057293 0 0 1 165.36459,94.588542 35.057293,35.057293 0 0 1 130.3073,59.53125 35.057293,35.057293 0 0 1 165.36459,24.473958 35.057293,35.057293 0 0 1 200.42188,59.53125 35.057293,35.057293 0 0 1 198.84006,69.842249 c 1.34146,1.545362 2.34864,3.356862 2.94349,5.323706 2.13782,-4.936204 3.24985,-10.255482 3.26854,-15.634705 0,-21.918801 -17.7687,-39.6875 -39.6875,-39.6875 z" /></g></g></svg>
|
||||
|
After Width: | Height: | Size: 3.8 KiB |
@@ -0,0 +1,39 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
height="48"
|
||||
viewBox="0 -960 960 960"
|
||||
width="48"
|
||||
version="1.1"
|
||||
id="svg4"
|
||||
sodipodi:docname="broken_image.svg"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs8" />
|
||||
<sodipodi:namedview
|
||||
id="namedview6"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
showgrid="false"
|
||||
inkscape:zoom="18.145833"
|
||||
inkscape:cx="15.458094"
|
||||
inkscape:cy="24.082664"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg4" />
|
||||
<path
|
||||
d="M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h600q24 0 42 18t18 42v600q0 24-18 42t-42 18H180Zm43-314 172-172 170 170 171-171 44 44v-217H180v303l43 43Zm-43 254h600v-298l-44-44-171 171-170-170-172 172-43-43v212Zm0 0v-298 60-362 600Z"
|
||||
id="path2"
|
||||
style="fill:#ffffff;opacity:0.4" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
@@ -0,0 +1,46 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
height="128"
|
||||
viewBox="0 -960 2560 2560"
|
||||
width="128"
|
||||
version="1.1"
|
||||
id="svg4"
|
||||
sodipodi:docname="broken_image_filled.svg"
|
||||
inkscape:version="1.4 (e7c3feb100, 2024-10-09)"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<defs
|
||||
id="defs8" />
|
||||
<sodipodi:namedview
|
||||
id="namedview6"
|
||||
pagecolor="#333333"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#cccccc"
|
||||
showgrid="false"
|
||||
inkscape:zoom="4.609418"
|
||||
inkscape:cx="3.1457334"
|
||||
inkscape:cy="86.995799"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1131"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="svg4" />
|
||||
<rect
|
||||
style="fill:#000000;fill-opacity:0.2;stroke-width:201.575;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
id="rect363"
|
||||
width="2560"
|
||||
height="2560"
|
||||
x="0"
|
||||
y="-960" />
|
||||
<path
|
||||
d="m 1016.4798,636.22428 q -21.08164,0 -36.89286,-15.81123 -15.81121,-15.81124 -15.81121,-36.89285 V 56.479761 q 0,-21.08161 15.81121,-36.89281 15.81122,-15.8112305 36.89286,-15.8112305 h 527.0404 q 21.0816,0 36.8928,15.8112305 15.8113,15.81122 15.8113,36.89283 V 583.52022 q 0,21.08161 -15.8113,36.89285 -15.8112,15.81121 -36.8928,15.81121 z m 37.7712,-275.81785 151.0849,-151.08494 149.3281,149.32812 150.2066,-150.20653 38.6496,38.64964 V 56.479761 H 1016.4798 V 322.63518 Z m -37.7712,223.11377 h 527.0404 V 321.75677 L 1504.8706,283.10716 1354.664,433.31369 1205.3359,283.98556 1054.251,435.0705 1016.4797,397.29927 Z m 0,0 V 321.75677 374.46083 56.479761 Z"
|
||||
id="path2"
|
||||
style="opacity:0.4;fill:#ffffff;stroke-width:0.8784" />
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.0 KiB |
@@ -0,0 +1,55 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 10.583333 10.583333"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="bubble_mask.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="20.971915"
|
||||
inkscape:cx="11.896863"
|
||||
inkscape:cy="13.8757"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"
|
||||
showguides="true">
|
||||
<sodipodi:guide
|
||||
position="0,8.6373538"
|
||||
orientation="1,0"
|
||||
id="guide576"
|
||||
inkscape:locked="false" />
|
||||
</sodipodi:namedview>
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
id="rect234"
|
||||
style="fill:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="M 10.583333,10.583332 V 0 H 1.3540676 c -0.60580698,0 -0.58939083,0.80056633 0.00782,0.80366223 3.253072,-0.009554 9.2214392,4.05898367 9.2214492,9.77966977 z"
|
||||
sodipodi:nodetypes="cccccc" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,55 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="40"
|
||||
height="40"
|
||||
viewBox="0 0 10.583333 10.583333"
|
||||
version="1.1"
|
||||
id="svg5"
|
||||
inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
|
||||
sodipodi:docname="bubble_mask_oppose.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview
|
||||
id="namedview7"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
showgrid="false"
|
||||
inkscape:zoom="20.971915"
|
||||
inkscape:cx="11.896863"
|
||||
inkscape:cy="13.8757"
|
||||
inkscape:window-width="1920"
|
||||
inkscape:window-height="1029"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="0"
|
||||
inkscape:window-maximized="1"
|
||||
inkscape:current-layer="layer1"
|
||||
showguides="true">
|
||||
<sodipodi:guide
|
||||
position="0,8.6373538"
|
||||
orientation="1,0"
|
||||
id="guide576"
|
||||
inkscape:locked="false" />
|
||||
</sodipodi:namedview>
|
||||
<defs
|
||||
id="defs2" />
|
||||
<g
|
||||
inkscape:label="Calque 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1">
|
||||
<path
|
||||
id="rect234"
|
||||
style="fill:#000000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers"
|
||||
d="M 3.8e-6,10.583332 V 0 h 9.2292651 c 0.605807,0 0.589391,0.80056633 -0.0078,0.80366223 C 5.9683772,0.79410823 10e-6,4.8626459 0,10.583332 Z"
|
||||
sodipodi:nodetypes="cccccc" />
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1,42 @@
|
||||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg width="162.79591mm" height="131.23329mm" viewBox="0 0 162.79591 131.23329" version="1.1" id="svg1" inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)" sodipodi:docname="movim_cloud_2.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg">
|
||||
<sodipodi:namedview id="namedview1" pagecolor="#000000" bordercolor="#000000" borderopacity="0.25" inkscape:showpageshadow="2" inkscape:pageopacity="0.0" inkscape:pagecheckerboard="true" inkscape:deskcolor="#d1d1d1" inkscape:document-units="mm" inkscape:zoom="0.78216891" inkscape:cx="8.9494736" inkscape:cy="141.91308" inkscape:window-width="1920" inkscape:window-height="1131" inkscape:window-x="0" inkscape:window-y="0" inkscape:window-maximized="1" inkscape:current-layer="layer1" />
|
||||
<defs id="defs1" />
|
||||
<g inkscape:label="Calque 1" inkscape:groupmode="layer" id="layer1" transform="translate(-102.39377,-110.86044)">
|
||||
<path style="fill:none;stroke:#c4c4c4;stroke-width:14;stroke-linecap:round;" d="m 153.58949,145.30182 c 0,-35.19706 67.19439,-41.59653 70.39412,12.79893 41.59653,3.19973 51.19573,73.59385 -6.39946,76.79358 h -60.79492 c -63.994662,-3.19973 -60.794926,-86.39278 -3.19974,-89.59251 28.7976,0 41.59653,22.39812 44.79626,41.59652 3.19973,19.1984 11.11613,24.88775 15.99866,28.7976" id="path3" sodipodi:nodetypes="ccccccc" class="line"/>
|
||||
</g>
|
||||
<style>
|
||||
.line {
|
||||
stroke-dasharray:600;
|
||||
stroke-dashoffset:1200;
|
||||
animation: line_draw 2000ms linear 0ms infinite reverse, line_fade 2000ms ease-out 0ms infinite;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
@keyframes line_draw {
|
||||
50% {
|
||||
stroke-dashoffset: 1200;
|
||||
}
|
||||
|
||||
100% {
|
||||
stroke-dashoffset: 600;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes line_fade {
|
||||
60% {
|
||||
stroke-opacity: 0.5;
|
||||
}
|
||||
|
||||
100% {
|
||||
stroke-opacity: 0;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#E6E7E8" d="M32 32c0 2.209-1.791 4-4 4H8c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h20c2.209 0 4 1.791 4 4v28z"/><path fill="#BE1931" d="M8.397 11.891c.53 0 .996.078 1.392.232.244.066.453.143.63.231.796-.044 1.612-.122 2.453-.231 1.104-.134 2.463-.297 4.076-.497V9.307c0-1.613-.188-2.948-.563-4.01-.155-.332-.233-.552-.233-.662 0-.331.133-.498.398-.498.706 0 1.359.089 1.954.266.686.198 1.028.453 1.028.761 0 .111-.042.342-.134.696-.265.685-.395 1.955-.395 3.811v1.723c1.299-.132 2.723-.276 4.271-.43.706-.045 1.381-.166 2.023-.366.463-.088.739-.132.83-.132.264 0 .837.222 1.72.662.928.553 1.394.984 1.394 1.293 0 .242-.12.486-.362.729-.819.881-1.408 1.809-1.759 2.782l-.798 1.691c-.13.329-.276.583-.426.76l.128.067c.508.311.761.586.761.829 0 .198-.183.309-.56.332-1.699 0-3.236.088-4.606.266l-2.614.196-.034 4.442c0 2.009-.069 3.62-.198 4.838-.133 1.368-.333 2.341-.598 2.914-.245.488-.445.733-.598.733-.089 0-.232-.266-.431-.798-.132-.617-.198-1.687-.198-3.214v-8.749l-1.789.167c-1.194.111-2.111.168-2.75.168-.266 0-.488-.024-.664-.069-.044.2-.11.376-.198.533-.133.287-.277.43-.432.43-.198 0-.385-.154-.562-.465-.287-.438-.442-.892-.464-1.358l-.398-2.585c-.155-1.348-.332-2.286-.531-2.818-.111-.551-.409-1.081-.894-1.59-.177-.11-.266-.186-.266-.23 0-.354.133-.531.397-.531zm3.347 7.221c1.812-.085 3.545-.196 5.203-.328v-6.132c-1.702.199-3.347.464-4.937.796-.31.111-.597.188-.862.232 0 .265.022.53.067.793.265 2.013.441 3.561.529 4.639zm7.259-6.69v6.163c.728-.087 1.435-.179 2.119-.265 1.326-.178 2.286-.286 2.879-.331.048-.11.103-.232.168-.363.199-.641.463-1.646.798-3.016.264-1.084.394-1.768.394-2.056 0-.353-.339-.529-1.024-.529-1.041 0-2.696.121-4.973.363-.13-.001-.254.012-.361.034z"/></svg>
|
||||
|
After Width: | Height: | Size: 1.7 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#E6E7E8" d="M32 32c0 2.209-1.791 4-4 4H8c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h20c2.209 0 4 1.791 4 4v28z"/><path fill="#DD2E44" d="M11 7c-2.519 0-4.583 1.87-4.929 4.293C6.802 10.503 7.839 10 9 10c2.209 0 4 1.791 4 4 0 2 1.497 2.198.707 2.929C16.13 16.583 16 14.519 16 12c0-2.761-2.239-5-5-5z"/><path fill="#55ACEE" d="M23 14c0-2.209 1.791-4 4-4 1.161 0 2.198.503 2.929 1.293C29.583 8.87 27.52 7 25 7c-2.762 0-5 2.239-5 5 0 2.519-.131 4.583 2.293 4.929C21.503 16.198 23 16 23 14z"/><path fill="#FFAC33" d="M14 12c0-4.971 4-9 4-9s4 4.029 4 9-1.791 9-4 9-4-4.029-4-9z"/><path fill="#553788" d="M11.707 21.071C12.497 21.802 13 22.839 13 24c0 2.209-1.791 4-4 4-1.161 0-2.198-.503-2.929-1.293C6.417 29.131 8.481 31 11 31c2.761 0 5-2.238 5-5 0-2.52-1.87-4.583-4.293-4.929zM27 28c-2.209 0-4-1.791-4-4 0-1.161.503-2.198 1.293-2.929C21.869 21.417 20 23.48 20 26c0 2.762 2.238 5 5 5 2.52 0 4.583-1.869 4.929-4.293C29.198 27.497 28.161 28 27 28z"/><path fill="#9266CC" d="M14 24c0 4.971 3 9 4 9s4-4.029 4-9c0-.874-.055-1.719-.159-2.519C21.357 17.737 19.82 15 18 15c-1.82 0-3.357 2.737-3.841 6.481-.104.8-.159 1.645-.159 2.519z"/><path fill="#EDBB9F" d="M13 17c0-3.866 3-4 5-4s5 .134 5 4c0 3.865-2.238 7-5 7-2.761 0-5-3.135-5-7z"/><circle fill="#662113" cx="16" cy="17" r="1"/><circle fill="#662113" cx="20" cy="17" r="1"/><path fill="#662113" d="M18 22c1.104 0 2-.896 2-2h-4c0 1.104.896 2 2 2z"/><circle fill="#A0041E" cx="6" cy="11" r="1"/><circle fill="#269" cx="30" cy="11" r="1"/><circle fill="#DD2E44" cx="18" cy="3" r="1"/></svg>
|
||||
|
After Width: | Height: | Size: 1.6 KiB |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path fill="#FFF" d="M14.747 9.125c.527-1.426 1.736-2.573 3.317-2.573 1.643 0 2.792 1.085 3.318 2.573l6.077 16.867c.186.496.248.931.248 1.147 0 1.209-.992 2.046-2.139 2.046-1.303 0-1.954-.682-2.264-1.611l-.931-2.915h-8.62l-.93 2.884c-.31.961-.961 1.642-2.232 1.642-1.24 0-2.294-.93-2.294-2.17 0-.496.155-.868.217-1.023l6.233-16.867zm.34 11.256h5.891l-2.883-8.992h-.062l-2.946 8.992z"/></svg>
|
||||
|
After Width: | Height: | Size: 576 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path fill="#FFF" d="M10.498 9.249c0-1.488 1.023-2.325 2.449-2.325H18.9c3.224 0 5.83 2.17 5.83 5.457 0 2.17-.9 3.628-2.885 4.558v.062c2.637.372 4.713 2.573 4.713 5.271 0 4.372-2.914 6.729-7.193 6.729h-6.386c-1.427 0-2.481-.899-2.481-2.356V9.249zm4.651 6.418h2.419c1.519 0 2.511-.899 2.511-2.45 0-1.457-1.147-2.201-2.511-2.201h-2.419v4.651zm0 9.24h3.659c1.674 0 2.915-.961 2.915-2.697 0-1.458-1.117-2.45-3.287-2.45h-3.287v5.147z"/></svg>
|
||||
|
After Width: | Height: | Size: 621 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path fill="#FFF" d="M6.993 18.001c0-6.656 4.48-11.776 11.007-11.776 6.432 0 11.008 5.28 11.008 11.776 0 6.623-4.449 11.774-11.008 11.774-6.496 0-11.007-5.151-11.007-11.774zm17.023 0c0-3.872-2.016-7.36-6.016-7.36s-6.015 3.488-6.015 7.36c0 3.903 1.952 7.359 6.015 7.359 4.065 0 6.016-3.456 6.016-7.359z"/></svg>
|
||||
|
After Width: | Height: | Size: 495 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#269" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path fill="#FFF" d="M11 9.496C11 7.992 11.896 7 13.496 7h5.665c4.703 0 8.191 2.944 8.191 7.52 0 4.67-3.617 7.48-8 7.48H16v5.479c0 1.6-1.024 2.496-2.4 2.496s-2.6-.897-2.6-2.496V9.496zM16 18h3.062c2.018 0 3.297-1.465 3.297-3.385 0-1.92-1.279-3.392-3.297-3.392H16V18z"/></svg>
|
||||
|
After Width: | Height: | Size: 456 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path fill="#FFF" d="M7.15 10.072c.476-1.288 1.567-2.324 2.996-2.324 1.483 0 2.52.979 2.996 2.324l5.488 15.231c.168.448.224.84.224 1.036 0 1.092-.896 1.848-1.932 1.848-1.177 0-1.765-.616-2.044-1.456L14 24H6.28l-.866 2.703c-.28.868-.868 1.484-2.016 1.484-1.12 0-2.072-.84-2.072-1.96 0-.448.14-.784.196-.924L7.15 10.072zm.308 10.163h5.32l-2.604-8.119h-.056l-2.66 8.119zM20 10.1c0-1.344.924-2.1 2.212-2.1h5.376c2.912 0 5.265 1.96 5.265 4.928 0 1.96-.812 3.276-2.605 4.116v.056c2.38.336 4.256 2.424 4.256 4.859 0 3.948-2.632 6.041-6.496 6.041H22.24c-1.288 0-2.24-.876-2.24-2.192V10.1zm4.2 5.9h2.184c1.372 0 2.268-.815 2.268-2.216 0-1.315-1.036-2.088-2.268-2.088H24.2V16zm0 8h3.304c1.513 0 2.632-.729 2.632-2.296 0-1.315-1.008-2.112-2.968-2.112H24.2V24z"/></svg>
|
||||
|
After Width: | Height: | Size: 942 B |
@@ -0,0 +1 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#DD2E44" d="M36 32c0 2.209-1.791 4-4 4H4c-2.209 0-4-1.791-4-4V4c0-2.209 1.791-4 4-4h28c2.209 0 4 1.791 4 4v28z"/><path d="M12.81 6.552c2.263 0 6.667.744 6.667 3.473 0 1.116-.776 2.077-1.923 2.077-1.271 0-2.139-1.085-4.744-1.085-3.845 0-5.829 3.256-5.829 7.038 0 3.689 2.015 6.852 5.829 6.852 2.605 0 3.658-1.302 4.93-1.302 1.395 0 2.046 1.395 2.046 2.107 0 2.977-4.682 3.659-6.976 3.659-6.294 0-10.666-4.992-10.666-11.41 0-6.448 4.341-11.409 10.666-11.409zm8.522 2.604c0-1.55.992-2.418 2.326-2.418s2.326.868 2.326 2.418V24.72h5.518c1.582 0 2.264 1.179 2.232 2.232-.06 1.025-.867 2.048-2.232 2.048h-7.75c-1.52 0-2.42-.992-2.42-2.543V9.156z" fill="#FFF"/></svg>
|
||||
|
After Width: | Height: | Size: 731 B |