parent
90a9557eb4
commit
4d6c7411b9
@ -0,0 +1,368 @@ |
||||
/* |
||||
// Copyright (c) 2022-2025 Niko Bonnieure, Par le Peuple, NextGraph.org developers |
||||
// All rights reserved. |
||||
// Licensed under the Apache License, Version 2.0 |
||||
// <LICENSE-APACHE2 or http://www.apache.org/licenses/LICENSE-2.0> |
||||
// or the MIT license <LICENSE-MIT or http://opensource.org/licenses/MIT>, |
||||
// at your option. All files in the project carrying such |
||||
// notice may not be copied, modified, or distributed except |
||||
// according to those terms. |
||||
*/ |
||||
|
||||
td.hljs { |
||||
padding-left: 0 !important; |
||||
padding-right: 0 !important; |
||||
} |
||||
|
||||
/** To format paths, like Settings > Wallet > Generate Wallet QR */ |
||||
.path { |
||||
font-family: monospace; |
||||
background-color: rgba(73, 114, 165, 0.1); |
||||
} |
||||
/* .splash-loaded { |
||||
display: none; |
||||
} */ |
||||
|
||||
.split-editor { |
||||
display: grid; |
||||
grid-template-columns: repeat(2, 1fr); |
||||
grid-template-rows: 1fr; |
||||
} |
||||
|
||||
.split-editor:has(.milkdown-split-editor.hidden) { |
||||
grid-template-columns: repeat(1, 1fr); |
||||
} |
||||
|
||||
.milkdown-split-editor.hidden { |
||||
display: none; |
||||
} |
||||
|
||||
.ProseMirror.editor_empty::before { |
||||
position: absolute; |
||||
content: attr(data-placeholder); |
||||
pointer-events: none; |
||||
color: rgb(170, 170, 170); |
||||
} |
||||
|
||||
.prosemirror-editor, |
||||
.prosemirror-editor .milkdown, |
||||
.prosemirror-editor .milkdown .ProseMirror { |
||||
height: 100%; |
||||
overflow-wrap: anywhere !important; |
||||
} |
||||
.prosemirror-editor:focus { |
||||
outline: 2px solid transparent; |
||||
outline-offset: 2px; |
||||
} |
||||
|
||||
.post-rich-text em, |
||||
.prose em { |
||||
font-style: italic; |
||||
font-family: Verdana, Arial, sans-serif; |
||||
} |
||||
/* |
||||
.post-rich-text h1 { |
||||
font-size: 2.5rem; |
||||
line-height: 4rem; |
||||
} |
||||
|
||||
.post-rich-text h2 { |
||||
font-size: 2rem; |
||||
line-height: 3rem; |
||||
} |
||||
|
||||
.post-rich-text h3 { |
||||
font-size: 1.5rem; |
||||
line-height: 2.5rem; |
||||
} |
||||
|
||||
.post-rich-text h4 { |
||||
font-size: 1.25rem; |
||||
line-height: 2rem; |
||||
font-weight: 700; |
||||
} |
||||
|
||||
.post-rich-text h5 { |
||||
font-size: 1.125rem; |
||||
line-height: 2rem; |
||||
} */ |
||||
.prose { |
||||
max-width: 100%; |
||||
} |
||||
|
||||
.prose .emoji { |
||||
width: 25px; |
||||
} |
||||
|
||||
.prose li p, |
||||
.prose dd p { |
||||
margin: 0; |
||||
} |
||||
|
||||
.prose table { |
||||
width: calc(100% - 32px) !important; |
||||
} |
||||
|
||||
@media (max-width: 400px) { |
||||
.popup-bg-modal + div { |
||||
padding: 0 !important; |
||||
} |
||||
} |
||||
|
||||
.menu-bg-modal + div { |
||||
padding: 0 !important; |
||||
height: 100%; |
||||
} |
||||
.menu-bg-modal + div > div { |
||||
width: 320px !important; |
||||
height: 100%; |
||||
} |
||||
.menu-modal { |
||||
border-radius: 0; |
||||
} |
||||
.menu-modal div { |
||||
padding: 0; |
||||
} |
||||
.menu-modal div.commit { |
||||
padding: 8px; |
||||
} |
||||
.menu-modal > button { |
||||
display: none; |
||||
} |
||||
.menu-modal li { |
||||
margin: 5px; |
||||
} |
||||
.menu-modal li.submenu { |
||||
padding-left: 30px; |
||||
} |
||||
.toggle * { |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.error-popover h3 { |
||||
text-align: center; |
||||
color: rgb(200 30 30); |
||||
} |
||||
.error-popover > div:first-child { |
||||
background-color: rgb(200 30 30); |
||||
} |
||||
.error-popover > div:first-child > h3 { |
||||
color: white; |
||||
} |
||||
|
||||
/* |
||||
#scanner-div { |
||||
border: none !important; |
||||
} |
||||
/* #scanner-div * { |
||||
display: none; |
||||
} |
||||
#scanner-div__scan_region { |
||||
display: block; |
||||
} |
||||
#scanner-div__scan_region * { |
||||
display: block; |
||||
} |
||||
#html5-qrcode-button-camera-permission { |
||||
display: none !important; |
||||
} |
||||
/* #scanner-div__dashboard_section_csr { |
||||
display: none !important; |
||||
} |
||||
#html5-qrcode-anchor-scan-type-change { |
||||
display: none !important; |
||||
} |
||||
[alt="Camera based scan"] { |
||||
display: none !important; |
||||
} |
||||
[alt="Info icon"] { |
||||
display: none !important; |
||||
}*/ |
||||
|
||||
.logo { |
||||
padding: 1.5em; |
||||
will-change: filter; |
||||
transition: 0.75s; |
||||
padding-bottom: 1em; |
||||
} |
||||
|
||||
@keyframes pulse-logo-color { |
||||
0%, |
||||
100% { |
||||
fill: rgb(73, 114, 165); |
||||
stroke: rgb(73, 114, 165); |
||||
} |
||||
50% { |
||||
/* Mid-transition color */ |
||||
stroke: #bbb; |
||||
fill: #bbb; |
||||
} |
||||
} |
||||
|
||||
.logo-pulse path { |
||||
animation: pulse-logo-color 2s infinite; |
||||
animation-timing-function: cubic-bezier(0.65, 0.01, 0.59, 0.83); |
||||
} |
||||
|
||||
.logo-gray path { |
||||
fill: #bbb; |
||||
stroke: #bbb; |
||||
} |
||||
|
||||
.logo-blue path { |
||||
fill: rgb(73, 114, 165); |
||||
stroke: rgb(73, 114, 165); |
||||
} |
||||
|
||||
.jse-absolute-popup-content { |
||||
left: 0 !important; |
||||
} |
||||
|
||||
.container3 { |
||||
margin: 0; |
||||
|
||||
display: flex; |
||||
flex-direction: column; |
||||
justify-content: center; |
||||
text-align: center; |
||||
} |
||||
|
||||
.container3 aside { |
||||
width: 20rem !important; |
||||
} |
||||
|
||||
div[role="alert"] div { |
||||
display: block; |
||||
} |
||||
|
||||
.spinner-overlay button { |
||||
display: none; |
||||
} |
||||
|
||||
.choice-button { |
||||
min-width: 305px; |
||||
} |
||||
|
||||
.clickable { |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.row { |
||||
display: flex; |
||||
justify-content: center; |
||||
} |
||||
|
||||
.deactivated-menu > svg { |
||||
color: rgb(156 163 175) !important; |
||||
} |
||||
|
||||
:root { |
||||
font-family: Inter, Avenir, Helvetica, Arial, sans-serif; |
||||
font-size: 16px; |
||||
line-height: 24px; |
||||
font-weight: 400; |
||||
|
||||
color: #0f0f0f; |
||||
background-color: white; |
||||
|
||||
font-synthesis: none; |
||||
text-rendering: optimizeLegibility; |
||||
-webkit-font-smoothing: antialiased; |
||||
-moz-osx-font-smoothing: grayscale; |
||||
-webkit-text-size-adjust: 100%; |
||||
} |
||||
|
||||
body { |
||||
margin: 0; |
||||
display: flex; |
||||
place-items: center; |
||||
min-width: 305px; |
||||
min-height: 100vh; |
||||
} |
||||
|
||||
#app { |
||||
width: 100%; |
||||
} |
||||
/* #app { |
||||
/*max-width: 1280px; |
||||
margin: 0 auto; |
||||
padding: 0rem; |
||||
text-align: center; |
||||
} */ |
||||
|
||||
/* .container2 { |
||||
padding-top: 10vh; |
||||
} */ |
||||
|
||||
a { |
||||
font-weight: 500; |
||||
color: #646cff; |
||||
text-decoration: inherit; |
||||
} |
||||
|
||||
a:hover { |
||||
color: #535bf2; |
||||
} |
||||
|
||||
.toast { |
||||
left: 50%; |
||||
transform: translateX(-50%); |
||||
z-index: 49; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
input, |
||||
button { |
||||
border-radius: 8px; |
||||
border: 1px solid transparent; |
||||
padding: 0.6em 1.2em; |
||||
font-size: 1em; |
||||
font-weight: 500; |
||||
font-family: inherit; |
||||
color: #0f0f0f; |
||||
background-color: #ffffff; |
||||
transition: border-color 0.25s; |
||||
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2); |
||||
} |
||||
|
||||
button { |
||||
cursor: pointer; |
||||
} |
||||
|
||||
button:hover { |
||||
border-color: #396cd8; |
||||
} |
||||
button:active { |
||||
border-color: #396cd8; |
||||
background-color: #e8e8e8; |
||||
} |
||||
|
||||
/* input, |
||||
button { |
||||
outline: none; |
||||
} */ |
||||
|
||||
button:focus, |
||||
button:focus-visible { |
||||
outline: 4px auto -webkit-focus-ring-color; |
||||
} |
||||
|
||||
/* @media (prefers-color-scheme: dark) { |
||||
:root { |
||||
color: #f6f6f6; |
||||
background-color: #2f2f2f; |
||||
} |
||||
|
||||
a:hover { |
||||
color: #24c8db; |
||||
} |
||||
|
||||
input, |
||||
button { |
||||
color: #ffffff; |
||||
background-color: #0f0f0f98; |
||||
} |
||||
button:active { |
||||
background-color: #0f0f0f69; |
||||
} |
||||
} */ |
||||
Loading…
Reference in new issue