ryg/royalnet
ryg/royalnet
1
Fork 0
mirror of https://github.com/RYGhub/royalnet.git synced 2024-11-23 11:34:18 +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 ***/
.CodeMirror {
font-family: "Consolas", monospace !important;
background-color: transparent;
color: #a0ccff;
border-top: 0;
border-bottom: 0;
border-left: 1px solid rgba(160, 204, 255, 0.2);
border-right: 1px solid rgba(160, 204, 255, 0.2);
border-radius: 0;
background-color: #0d193b !important;
color: #a0ccff !important;
border-top: 0 !important;
border-bottom: 0 !important;
border-left: 1px solid rgba(160, 204, 255, 0.2) !important;
border-right: 1px solid rgba(160, 204, 255, 0.2) !important;
border-radius: 0 !important;
}
.CodeMirror .cm-link {
color: #7dffff !important;
@ -373,31 +373,44 @@ form.full label.label-big * {
}
.editor-toolbar,
.editor-statusbar {
background-color: #0e1c47;
background-color: #1c2b4f !important;
color: #a0ccff !important;
border: 0;
opacity: 1 !important;
}
.editor-toolbar a,
.editor-statusbar a {
color: #a0ccff !important;
border: 0;
border: 0 !important;
}
.editor-toolbar 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;
}
.editor-toolbar 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;
}
.editor-toolbar 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;
}
.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 {
display: flex;
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-twenty: fade(@fg, 20%);
@fg-ten-hard: overlay(@bg, @fg-ten);
@fg-twenty-hard: overlay(@bg, @fg-twenty);
@fg-ten-hard: screen(@bg, @fg-ten);
@fg-twenty-hard: screen(@bg, @fg-twenty);
@pastel-red: #ff7d7d;
@pastel-orange: #ffbb7d;
@ -424,13 +424,13 @@ form.full {
//Markdown editor
.CodeMirror {
font-family: "Consolas", monospace !important;
background-color: transparent;
color: @fg;
border-top: 0;
border-bottom: 0;
border-left: 1px solid @fg-twenty;
border-right: 1px solid @fg-twenty;
border-radius: 0;
background-color: @bg !important;
color: @fg !important;
border-top: 0 !important;
border-bottom: 0 !important;
border-left: 1px solid @fg-twenty !important;
border-right: 1px solid @fg-twenty !important;
border-radius: 0 !important;
.cm-link {
color: @pastel-cyan !important;
@ -465,31 +465,44 @@ form.full {
}
}
.editor-toolbar, .editor-statusbar {
background-color: @fg-twenty-hard;
background-color: @fg-ten-hard !important;
color: @fg !important;
border: 0;
opacity: 1 !important;
a {
color: @fg !important;
border: 0;
border: 0 !important;
&:hover {
background-color: @fg-twenty;
background-color: @fg-twenty !important;
color: lighten(@fg, 25%) !important;
}
&.active {
background-color: fade(@fg, 30%);
background-color: fade(@fg, 30%) !important;
color: white !important;
&:hover {
background-color: @fg-twenty;
background-color: @fg-twenty !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-main {