ryg/royalnet
ryg/royalnet
1
Fork 0
mirror of https://github.com/RYGhub/royalnet.git synced 2024-11-30 15:04:18 +00:00
Code Activity

more css stuff

Browse source
This commit is contained in:
Steffo 2018-07-24 21:46:38 +02:00
parent edfb06d5df
commit 51494c2ad7
1 changed files with 29 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

52
static/nryg.less
View file

@ -2,6 +2,7 @@
@text-color: #a0ccff; @text-color: #a0ccff;
@quote-color: #a0ffcc; @quote-color: #a0ffcc;
@spoiler-color: #ffa0cc; @spoiler-color: #ffa0cc;
@highlight-color: #ffcca0;
@accent-color: white; @accent-color: white;
@link-color: #00aaff; @link-color: #00aaff;
@visited-color: #aa66ff; @visited-color: #aa66ff;
@ -31,26 +32,32 @@ a:visited {
} }
blockquote { blockquote {
border-left: 3px solid @quote-color;
color: @quote-color; color: @quote-color;
border-left: 3px solid @quote-color;
background-color: rgba(red(@quote-color), green(@quote-color), blue(@quote-color), 0.1); background-color: rgba(red(@quote-color), green(@quote-color), blue(@quote-color), 0.1);
padding: 2px 4px 2px 8px; padding: 2px 4px 2px 8px;
margin-left: 8px; margin-left: 8px;
}
blockquote p { p {
padding-top: 2px; padding-top: 2px;
margin: 4px 0; margin: 4px 0;
} }
blockquote.spoiler { .spoiler {
border-color: @spoiler-color; color: transparent;
color: transparent; border-color: @spoiler-color;
background-color: rgba(red(@spoiler-color), green(@spoiler-color), blue(@spoiler-color), 0.1); background-color: rgba(red(@spoiler-color), green(@spoiler-color), blue(@spoiler-color), 0.1);
}
blockquote.spoiler:hover { &:hover {
color: @spoiler-color; color: @spoiler-color;
}
}
&:target {
color: @highlight-color;
border-color: @highlight-color;
background-color: rgba(red(@highlight-color), green(@highlight-color), blue(@highlight-color), 0.1);
}
} }
input[type="text"], input[type="password"] { input[type="text"], input[type="password"] {
@ -88,18 +95,17 @@ button, input[type="submit"], .btn {
font-family: sans-serif; font-family: sans-serif;
text-decoration: none; text-decoration: none;
cursor: default; cursor: default;
}
button:hover, input[type="submit"]:hover, .btn:hover { &:hover {
background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.3); background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.3);
border: 1px solid @accent-color; border: 1px solid @accent-color;
} }
button:active, input[type="submit"]:active, .btn:active {
background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.5);
color: @accent-color !important;
border: 1px solid @accent-color;
&:active {
background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.5);
color: @accent-color !important;
border: 1px solid @accent-color;
}
} }
nav { nav {