ryg/royalnet
ryg/royalnet
1
Fork 0
mirror of https://github.com/RYGhub/royalnet.git synced 2024-11-23 19:44:20 +00:00
Code Activity

Fix wiki styles

Browse source
This commit is contained in:
Steffo 2019-08-02 00:35:00 +02:00
parent f029120159
commit ae69c077a0
3 changed files with 55 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
royalnet/web/static/ryg.css
View file

@ -339,13 +339,13 @@ form.full label.label-big * {
/*** Custom elements ***/ /*** Custom elements ***/
.CodeMirror { .CodeMirror {
font-family: "Consolas", monospace !important; font-family: "Consolas", monospace !important;
background-color: transparent; background-color: #0d193b !important;
color: #a0ccff; color: #a0ccff !important;
border-top: 0; border-top: 0 !important;
border-bottom: 0; border-bottom: 0 !important;
border-left: 1px solid rgba(160, 204, 255, 0.2); border-left: 1px solid rgba(160, 204, 255, 0.2) !important;
border-right: 1px solid rgba(160, 204, 255, 0.2); border-right: 1px solid rgba(160, 204, 255, 0.2) !important;
border-radius: 0; border-radius: 0 !important;
} }
.CodeMirror .cm-link { .CodeMirror .cm-link {
color: #7dffff !important; color: #7dffff !important;
@ -373,31 +373,44 @@ form.full label.label-big * {
} }
.editor-toolbar, .editor-toolbar,
.editor-statusbar { .editor-statusbar {
background-color: #0e1c47; background-color: #1c2b4f !important;
color: #a0ccff !important; color: #a0ccff !important;
border: 0;
opacity: 1 !important; opacity: 1 !important;
} }
.editor-toolbar a, .editor-toolbar a,
.editor-statusbar a { .editor-statusbar a {
color: #a0ccff !important; color: #a0ccff !important;
border: 0; border: 0 !important;
} }
.editor-toolbar a:hover, .editor-toolbar a:hover,
.editor-statusbar a:hover { .editor-statusbar a:hover {
background-color: rgba(160, 204, 255, 0.2); background-color: rgba(160, 204, 255, 0.2) !important;
color: #ffffff !important; color: #ffffff !important;
} }
.editor-toolbar a.active, .editor-toolbar a.active,
.editor-statusbar a.active { .editor-statusbar a.active {
background-color: rgba(160, 204, 255, 0.3); background-color: rgba(160, 204, 255, 0.3) !important;
color: white !important; color: white !important;
} }
.editor-toolbar a.active:hover, .editor-toolbar a.active:hover,
.editor-statusbar a.active:hover { .editor-statusbar a.active:hover {
background-color: rgba(160, 204, 255, 0.2); background-color: rgba(160, 204, 255, 0.2) !important;
color: #ffffff !important; color: #ffffff !important;
} }
.editor-toolbar {
border-top: 1px solid #2b3e62 !important;
border-left: 1px solid #2b3e62 !important;
border-right: 1px solid #2b3e62 !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.editor-statusbar {
border-bottom: 1px solid #2b3e62 !important;
border-left: 1px solid #2b3e62 !important;
border-right: 1px solid #2b3e62 !important;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.horizontal-container-main { .horizontal-container-main {
display: flex; display: flex;
justify-content: center; justify-content: center;

2
royalnet/web/static/ryg.css.map
View file

File diff suppressed because one or more lines are too long

43
royalnet/web/static/ryg.less
View file

@ -8,8 +8,8 @@
@fg-ten: fade(@fg, 10%); @fg-ten: fade(@fg, 10%);
@fg-twenty: fade(@fg, 20%); @fg-twenty: fade(@fg, 20%);
@fg-ten-hard: overlay(@bg, @fg-ten); @fg-ten-hard: screen(@bg, @fg-ten);
@fg-twenty-hard: overlay(@bg, @fg-twenty); @fg-twenty-hard: screen(@bg, @fg-twenty);
@pastel-red: #ff7d7d; @pastel-red: #ff7d7d;
@pastel-orange: #ffbb7d; @pastel-orange: #ffbb7d;
@ -424,13 +424,13 @@ form.full {
//Markdown editor //Markdown editor
.CodeMirror { .CodeMirror {
font-family: "Consolas", monospace !important; font-family: "Consolas", monospace !important;
background-color: transparent; background-color: @bg !important;
color: @fg; color: @fg !important;
border-top: 0; border-top: 0 !important;
border-bottom: 0; border-bottom: 0 !important;
border-left: 1px solid @fg-twenty; border-left: 1px solid @fg-twenty !important;
border-right: 1px solid @fg-twenty; border-right: 1px solid @fg-twenty !important;
border-radius: 0; border-radius: 0 !important;
.cm-link { .cm-link {
color: @pastel-cyan !important; color: @pastel-cyan !important;
@ -465,31 +465,44 @@ form.full {
} }
} }
.editor-toolbar, .editor-statusbar { .editor-toolbar, .editor-statusbar {
background-color: @fg-twenty-hard; background-color: @fg-ten-hard !important;
color: @fg !important; color: @fg !important;
border: 0;
opacity: 1 !important; opacity: 1 !important;
a { a {
color: @fg !important; color: @fg !important;
border: 0; border: 0 !important;
&:hover { &:hover {
background-color: @fg-twenty; background-color: @fg-twenty !important;
color: lighten(@fg, 25%) !important; color: lighten(@fg, 25%) !important;
} }
&.active { &.active {
background-color: fade(@fg, 30%); background-color: fade(@fg, 30%) !important;
color: white !important; color: white !important;
&:hover { &:hover {
background-color: @fg-twenty; background-color: @fg-twenty !important;
color: lighten(@fg, 25%) !important; color: lighten(@fg, 25%) !important;
} }
} }
} }
} }
.editor-toolbar {
border-top: 1px solid @fg-twenty-hard !important;
border-left: 1px solid @fg-twenty-hard !important;
border-right: 1px solid @fg-twenty-hard !important;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.editor-statusbar {
border-bottom: 1px solid @fg-twenty-hard !important;
border-left: 1px solid @fg-twenty-hard !important;
border-right: 1px solid @fg-twenty-hard !important;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
//Horizontal container, should contain elements such as main and sidebar //Horizontal container, should contain elements such as main and sidebar
.horizontal-container-main { .horizontal-container-main {