Bauke/userstyles
Bauke
/
userstyles
1
Fork 0
Code Releases 4 Activity

Fix usercss output folder

This commit is contained in:
Bauke 2018-06-29 19:37:26 +02:00
parent f2034b8323
commit 22a824ec25
Signed by: Bauke
GPG Key ID: C1C0F29952BCF558
5 changed files with 1684 additions and 1688 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

186
css/notabug-dracula/notabug-dracula.user.css
View File

@ -1,7 +1,7 @@
/* ==UserStyle== /* ==UserStyle==
@name Notabug Dracula @name Notabug Dracula
@namespace notabug.io @namespace notabug.io
@version 1.0.4 @version 1.0.5
@author Bauke @author Bauke
@description Dracula theme for notabug.io @description Dracula theme for notabug.io
@homepageURL https://gitlab.com/Bauke/styles @homepageURL https://gitlab.com/Bauke/styles
@ -9,145 +9,145 @@
@license MIT @license MIT
==/UserStyle== */ ==/UserStyle== */
@-moz-document domain('notabug.io') { @-moz-document domain('notabug.io') {
.thing .title { .thing .title {
color: #8be9fd; color: #8be9fd;
} }
.thing .title:hover,.thing .title:active,.thing .title:focus { .thing .title:hover,.thing .title:active,.thing .title:focus {
color: #ff79c6; color: #ff79c6;
} }
.thing .title:visited { .thing .title:visited {
color: #ff79c6; color: #ff79c6;
} }
.domain,.domain a,.search-result-meta a,.tagline a { .domain,.domain a,.search-result-meta a,.tagline a {
color: #50fa7b; color: #50fa7b;
} }
.link .rank,.search-result-meta,.tagline { .link .rank,.search-result-meta,.tagline {
color: #f8f8f2; color: #f8f8f2;
} }
.entry .buttons li a { .entry .buttons li a {
color: #50fa7b; color: #50fa7b;
} }
.next-suggestions,.nextprev { .next-suggestions,.nextprev {
color: #f8f8f2; color: #f8f8f2;
} }
.next-suggestions a,.nextprev a { .next-suggestions a,.nextprev a {
margin: 0px 4px; margin: 0px 4px;
padding: 4px; padding: 4px;
border: 1px solid #282a36; border: 1px solid #282a36;
border-radius: 0; border-radius: 0;
color: #f8f8f2; color: #f8f8f2;
background-color: #282a36; background-color: #282a36;
} }
.next-suggestions a:hover,.next-suggestions a:active,.next-suggestions a:focus,.nextprev a:hover,.nextprev a:active,.nextprev a:focus { .next-suggestions a:hover,.next-suggestions a:active,.next-suggestions a:focus,.nextprev a:hover,.nextprev a:active,.nextprev a:focus {
border: 1px solid #282a36; border: 1px solid #282a36;
border-radius: 0; border-radius: 0;
color: #f8f8f2; color: #f8f8f2;
background-color: #6272a4; background-color: #6272a4;
} }
.footer-parent { .footer-parent {
margin-top: 10px; margin-top: 10px;
color: #f8f8f2; color: #f8f8f2;
background-color: #282a36; background-color: #282a36;
} }
.footer-parent .bottommenu { .footer-parent .bottommenu {
color: #f8f8f2; color: #f8f8f2;
background-color: #282a36; background-color: #282a36;
} }
.footer-parent .bottommenu a { .footer-parent .bottommenu a {
color: #8be9fd; color: #8be9fd;
} }
.footer-parent .bottommenu a:hover,.footer-parent .bottommenu a:active,.footer-parent .bottommenu a:focus { .footer-parent .bottommenu a:hover,.footer-parent .bottommenu a:active,.footer-parent .bottommenu a:focus {
color: #ff79c6; color: #ff79c6;
} }
p.debuginfo { p.debuginfo {
background-color: #282a36; background-color: #282a36;
} }
#header { #header {
border-bottom: 2px solid #44475a; border-bottom: 2px solid #44475a;
background-color: #282a36; background-color: #282a36;
} }
.tabmenu li a { .tabmenu li a {
color: #f8f8f2; color: #f8f8f2;
background-color: #44475a; background-color: #44475a;
padding: 5px 10px 0px 10px; padding: 5px 10px 0px 10px;
} }
.tabmenu li.selected a { .tabmenu li.selected a {
color: #f8f8f2; color: #f8f8f2;
border: none; border: none;
background-color: #6272a4; background-color: #6272a4;
} }
#header-bottom-right { #header-bottom-right {
color: #f8f8f2; color: #f8f8f2;
border-radius: 0; border-radius: 0;
background-color: #44475a; background-color: #44475a;
padding: 6px 10px; padding: 6px 10px;
} }
body { body {
color: #f8f8f2; color: #f8f8f2;
background-color: #44475a; background-color: #44475a;
} }
a { a {
color: #8be9fd; color: #8be9fd;
} }
a:hover,a:active,a:focus { a:hover,a:active,a:focus {
color: #ff79c6; color: #ff79c6;
} }
blockquote,.md blockquote { blockquote,.md blockquote {
color: #f8f8f2; color: #f8f8f2;
background-color: #282a36; background-color: #282a36;
border-left-color: #f8f8f2; border-left-color: #f8f8f2;
} }
hr,.md hr { hr,.md hr {
background-color: #6272a4; background-color: #6272a4;
} }
pre,.md pre { pre,.md pre {
color: #f8f8f2; color: #f8f8f2;
background-color: #44475a; background-color: #44475a;
border-radius: 0; border-radius: 0;
border: none; border: none;
} }
.side { .side {
background-color: #282a36; background-color: #282a36;
margin: 0; margin: 0;
} }
.side .login-form-side { .side .login-form-side {
margin: 0 10px; margin: 0 10px;
border: none; border: none;
} }
.side .login-form-side .status { .side .login-form-side .status {
margin: 7px 0px 0px 0px; margin: 7px 0px 0px 0px;
border: none; border: none;
padding: 10px; padding: 10px;
font-weight: bold; font-weight: bold;
} }
.side .login-form-side input[type='password'],.side .login-form-side input[type='text'] { .side .login-form-side input[type='password'],.side .login-form-side input[type='text'] {
width: 100%; width: 100%;
margin: 7px 0px 0px 0px; margin: 7px 0px 0px 0px;
border: 1px solid #6272a4; border: 1px solid #6272a4;
@ -155,93 +155,93 @@
background-color: #44475a; background-color: #44475a;
font-family: sans-serif; font-family: sans-serif;
font-weight: bold; font-weight: bold;
} }
.side .login-form-side input[type='password']::placeholder,.side .login-form-side input[type='text']::placeholder { .side .login-form-side input[type='password']::placeholder,.side .login-form-side input[type='text']::placeholder {
color: #f8f8f2; color: #f8f8f2;
font-family: sans-serif; font-family: sans-serif;
font-weight: bold; font-weight: bold;
} }
.side .login-form-side .submit { .side .login-form-side .submit {
margin: 7px 0px 0px 0px; margin: 7px 0px 0px 0px;
} }
.side .login-form-side .submit button { .side .login-form-side .submit button {
padding: 4px 48px; padding: 4px 48px;
border-radius: 0; border-radius: 0;
border: 1px solid #6272a4; border: 1px solid #6272a4;
color: #f8f8f2; color: #f8f8f2;
background-color: #44475a; background-color: #44475a;
} }
.side .login-form-side .submit button:hover,.side .login-form-side .submit button:active,.side .login-form-side .submit button:focus { .side .login-form-side .submit button:hover,.side .login-form-side .submit button:active,.side .login-form-side .submit button:focus {
background-color: #6272a4; background-color: #6272a4;
} }
.side .reddit-infobar { .side .reddit-infobar {
color: #282a36; color: #282a36;
background-color: #f1fa8c; background-color: #f1fa8c;
border: none; border: none;
margin: 0px 10px; margin: 0px 10px;
} }
.side .morelink { .side .morelink {
margin: 0px 10px; margin: 0px 10px;
border: 1px solid #6272a4; border: 1px solid #6272a4;
background: none; background: none;
background-color: #44475a; background-color: #44475a;
} }
.side .morelink .nub { .side .morelink .nub {
background: none; background: none;
} }
.side .morelink a { .side .morelink a {
color: #8be9fd; color: #8be9fd;
} }
.side .morelink a:hover,.side .morelink a:active,.side .morelink a:focus { .side .morelink a:hover,.side .morelink a:active,.side .morelink a:focus {
color: #ff79c6; color: #ff79c6;
} }
.side .titlebox { .side .titlebox {
margin: 0px 10px; margin: 0px 10px;
} }
.side .md { .side .md {
color: #f8f8f2; color: #f8f8f2;
} }
.side pre,.side .md pre { .side pre,.side .md pre {
overflow: hidden; overflow: hidden;
} }
.side .bottom { .side .bottom {
color: #f8f8f2; color: #f8f8f2;
border: none; border: none;
padding-top: 4px; padding-top: 4px;
} }
.side .spacer { .side .spacer {
margin: 7px 0px; margin: 7px 0px;
} }
.side hr { .side hr {
display: none; display: none;
} }
.stamp { .stamp {
border-radius: 0; border-radius: 0;
} }
.nsfw-stamp { .nsfw-stamp {
color: #f55; color: #f55;
border-color: #f55; border-color: #f55;
} }
.error,.red { .error,.red {
color: #282a36; color: #282a36;
background-color: #f55; background-color: #f55;
} }
} }

50
css/tildes-compact/tildes-compact.user.css
View File

@ -1,7 +1,7 @@
/* ==UserStyle== /* ==UserStyle==
@name Tildes Compact @name Tildes Compact
@namespace tildes.net @namespace tildes.net
@version 1.0.3 @version 1.0.4
@author Bauke @author Bauke
@description Removes some elements and changes some sizes to make the Tildes.net layout a little more compact. @description Removes some elements and changes some sizes to make the Tildes.net layout a little more compact.
@homepageURL https://gitlab.com/Bauke/styles @homepageURL https://gitlab.com/Bauke/styles
@ -9,35 +9,35 @@
@license MIT @license MIT
==/UserStyle== */ ==/UserStyle== */
@-moz-document domain('tildes.net') { @-moz-document domain('tildes.net') {
.topic-listing .topic-text-excerpt,.post-listing .topic-text-excerpt { .topic-listing .topic-text-excerpt,.post-listing .topic-text-excerpt {
display: none !important; display: none !important;
} }
.topic-listing .topic-metadata,.post-listing .topic-metadata { .topic-listing .topic-metadata,.post-listing .topic-metadata {
display: inline-flex !important; display: inline-flex !important;
height: 1.3em !important; height: 1.3em !important;
max-width: 200px !important; max-width: 200px !important;
overflow: hidden !important; overflow: hidden !important;
white-space: nowrap !important; white-space: nowrap !important;
} }
.topic-listing .topic-metadata .topic-tags li,.post-listing .topic-metadata .topic-tags li { .topic-listing .topic-metadata .topic-tags li,.post-listing .topic-metadata .topic-tags li {
display: none !important; display: none !important;
} }
.topic-listing .topic-metadata .topic-tags li:nth-child(-n+3),.post-listing .topic-metadata .topic-tags li:nth-child(-n+3) { .topic-listing .topic-metadata .topic-tags li:nth-child(-n+3),.post-listing .topic-metadata .topic-tags li:nth-child(-n+3) {
display: inherit !important; display: inherit !important;
} }
.topic-listing .topic-info,.post-listing .topic-info { .topic-listing .topic-info,.post-listing .topic-info {
width: 500px !important; width: 500px !important;
} }
.topic-listing .topic-info .user-label,.post-listing .topic-info .user-label { .topic-listing .topic-info .user-label,.post-listing .topic-info .user-label {
display: none !important; display: none !important;
} }
.post-listing .post-buttons,.post-listing .comment-votes { .post-listing .post-buttons,.post-listing .comment-votes {
display: none !important; display: none !important;
} }
} }

678
css/tildes-dracula/tildes-dracula.user.css
View File

File diff suppressed because it is too large Load Diff

712
css/tildes-monokai/tildes-monokai.user.css
View File

File diff suppressed because it is too large Load Diff

4
gulpfile.js
View File

@ -99,8 +99,8 @@ gulp.task('generate', ['lint:js', 'lint:sass', 'build:dev', 'build:prod'], () =>
} }
// Create the css path and generate the .user.css file with the options // Create the css path and generate the .user.css file with the options
const cssPath = path.join(cssDirectory, descriptor.folder, descriptor.entry) const cssPath = path.join(cssDirectory, descriptor.folder, descriptor.entry)
const outPath = path.join('css', descriptor.folder, descriptor.entry) const outPath = path.join(__dirname, 'css', descriptor.folder)
let styleFile = `@-moz-document domain('${descriptor.options.namespace}') {` let styleFile = `@-moz-document domain('${descriptor.options.namespace}') {\n`
styleFile += fs.readFileSync(cssPath, {encoding: 'UTF-8'}) styleFile += fs.readFileSync(cssPath, {encoding: 'UTF-8'})
styleFile += '}' styleFile += '}'
fs.writeFileSync(cssPath, styleFile, {encoding: 'UTF-8'}) fs.writeFileSync(cssPath, styleFile, {encoding: 'UTF-8'})