From d68e910a18236603f7c0c83cef4a3203124cbdb9 Mon Sep 17 00:00:00 2001 From: Torsten Ruger Date: Tue, 10 Apr 2018 21:48:28 +0300 Subject: [PATCH] copy hacker style --- app/assets/stylesheets/application.css | 1 + app/assets/stylesheets/colors.sass | 15 ++ app/assets/stylesheets/hacker.sass | 246 +++++++++++++++++++++++++ app/assets/stylesheets/rouge.sass | 85 +++++++++ 4 files changed, 347 insertions(+) create mode 100644 app/assets/stylesheets/colors.sass create mode 100644 app/assets/stylesheets/hacker.sass create mode 100644 app/assets/stylesheets/rouge.sass diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 13e3706..db60841 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -13,4 +13,5 @@ *= require_tree . *= require_self *= require site + *= require hacker */ diff --git a/app/assets/stylesheets/colors.sass b/app/assets/stylesheets/colors.sass new file mode 100644 index 0000000..c9829f1 --- /dev/null +++ b/app/assets/stylesheets/colors.sass @@ -0,0 +1,15 @@ +$apple-blossom: #ac4142 +$alto: #d0d0d0 +$bouquet: #aa759f +$chelsea-cucumber: #90a959 +$cod-grey: #151515 +$conifer: #b5e853 +$dove-grey: #666 +$gallery: #eaeaea +$grey: #888 +$gulf-stream: #75b5aa +$hippie-blue: #6a9fb5 +$potters-clay: #8f5536 +$rajah: #f4bf75 +$raw-sienna: #d28445 +$silver-chalice: #aaa diff --git a/app/assets/stylesheets/hacker.sass b/app/assets/stylesheets/hacker.sass new file mode 100644 index 0000000..6def7c4 --- /dev/null +++ b/app/assets/stylesheets/hacker.sass @@ -0,0 +1,246 @@ + +@import "colors" +@import "rouge" + +$body-background: $cod-grey !default +$body-foreground: $gallery !default +$header: $conifer !default +$blockquote-color: $silver-chalice !default +$blockquote-border: $dove-grey !default + +body + margin: 0 + padding: 0 + background: $body-background url("../images/bkg.png") 0 0 + color: $body-foreground + font-size: 16px + line-height: 1.5 + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace + + +/* General & 'Reset' Stuff */ + +.container + width: 90% + max-width: 1000px + margin: 0 auto + + +section + display: block + margin: 0 0 20px 0 + + +h1, h2, h3, h4, h5, h6 + margin: 0 0 20px + + +li + line-height: 1.4 + + + +// Header,
+// header - container +// h1 - project name +// h2 - project description + + +header + background: rgba(0, 0, 0, 0.1) + width: 100% + border-bottom: 1px dashed $conifer //header + padding: 20px 0 + margin: 0 0 40px 0 + + +header h1 + font-size: 30px + line-height: 1.5 + margin: 0 0 0 -40px + font-weight: bold + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace + color: $conifer//$header + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(181, 232, 83, 0.1), 0 0 10px rgba(181, 232, 83, 0.1) + letter-spacing: -1px + -webkit-font-smoothing: antialiased + + +header h1:before + content: "./ " + font-size: 24px + + +header h2 + font-size: 18px + font-weight: 300 + color: #666 + + +#downloads .btn + display: inline-block + text-align: center + margin: 0 + + +/* Main Content*/ + +#main_content + width: 100% + -webkit-font-smoothing: antialiased + +section img + max-width: 100% + + +h1, h2, h3, h4, h5, h6 + font-weight: normal + font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace + color: $header + letter-spacing: -0.03em + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 5px rgba(181, 232, 83, 0.1), 0 0 10px rgba(181, 232, 83, 0.1) + + +#main_content h1 + font-size: 30px + + +#main_content h2 + font-size: 24px + + +#main_content h3 + font-size: 18px + + +#main_content h4 + font-size: 14px + + +#main_content h5 + font-size: 12px + text-transform: uppercase + margin: 0 0 5px 0 + + +#main_content h6 + font-size: 12px + text-transform: uppercase + color: #999 + margin: 0 0 5px 0 + + +dt + font-style: italic + font-weight: bold + + +ul li + list-style-image: url('../images/bullet.png') + + +blockquote + color: $blockquote-color + padding-left: 10px + border-left: 1px dotted $blockquote-border + + +pre + background: rgba(0, 0, 0, 0.9) + border: 1px solid rgba(255, 255, 255, 0.15) + padding: 10px + font-size: 16px + color: #b5e853 + border-radius: 2px + word-wrap: normal + overflow: auto + overflow-y: hidden + + +code.highlighter-rouge + background: rgba(0,0,0,0.9) + border: 1px solid rgba(255, 255, 255, 0.15) + padding: 0px 3px + margin: 0px -3px + color: #aa759f + border-radius: 2px + + +table + width: 100% + margin: 0 0 20px 0 + + +th + text-align: left + border-bottom: 1px dashed #b5e853 + padding: 5px 10px + + +td + padding: 5px 10px + + +hr + height: 0 + border: 0 + border-bottom: 1px dashed #b5e853 + color: #b5e853 + + +/* Buttons*/ + +.btn + display: inline-block + background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.3), rgba(35, 35, 35, 0.3) 50%, rgba(10, 10, 10, 0.3) 50%, rgba(0, 0, 0, 0.3)) + padding: 8px 18px + border-radius: 50px + border: 2px solid rgba(0, 0, 0, 0.7) + border-bottom: 2px solid rgba(0, 0, 0, 0.7) + border-top: 2px solid rgba(0, 0, 0, 1) + color: rgba(255, 255, 255, 0.8) + font-family: Helvetica, Arial, sans-serif + font-weight: bold + font-size: 13px + text-decoration: none + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75) + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05) + + +.btn:hover + background: -webkit-linear-gradient(top, rgba(40, 40, 40, 0.6), rgba(35, 35, 35, 0.6) 50%, rgba(10, 10, 10, 0.8) 50%, rgba(0, 0, 0, 0.8)) + + +.btn .icon + display: inline-block + width: 16px + height: 16px + margin: 1px 8px 0 0 + float: left + + +.btn-github .icon + opacity: 0.6 + background: url("../images/blacktocat.png") 0 0 no-repeat + + +/* Links a, a:hover, a:visited */ + +a + color: #63c0f5 + text-shadow: 0 0 5px rgba(104, 182, 255, 0.5) + + +/* Clearfix */ + +.cf:before, .cf:after + content: "" + display: table + + +.cf:after + clear: both + + +.cf + zoom: 1 diff --git a/app/assets/stylesheets/rouge.sass b/app/assets/stylesheets/rouge.sass new file mode 100644 index 0000000..1e46615 --- /dev/null +++ b/app/assets/stylesheets/rouge.sass @@ -0,0 +1,85 @@ +// +// generated by rouge http://rouge.jneen.net/ +// original base16 by Chris Kempson (https://github.com/chriskempson/base16) +// +@import "colors" + +.highlight + $plaintext: $alto !default + $string: $chelsea-cucumber !default + $literal: $chelsea-cucumber !default + $keyword: $bouquet !default + $error-foreground: $cod-grey !default + $error-background: $apple-blossom !default + $comment: $grey !default + $preprocessor: $rajah !default + $name-space: $rajah !default + $name-attribute: $hippie-blue !default + $operator: $rajah !default + $keyword-type: $raw-sienna !default + $regex: $gulf-stream !default + $string-escape: $potters-clay !default + $deleted: $apple-blossom !default + $header: $hippie-blue !default + + color: $plaintext + + table td + padding: 5px + table pre + margin: 0 + .w + color: $plaintext + + .err + color: $error-foreground + background-color: $error-background + + .c, .cd, .cm, .c1, .cs + color: $comment + + .cp + color: $preprocessor + + .o, .ow + color: $operator + + .p, .pi + color: $plaintext + + .gi + color: $string + + .gd + color: $deleted + + .gh + color: $header + font-weight: bold + + .k, .kn, .kp, .kr, .kv + color: $keyword + + .kc, .kt, .kd + color: $keyword-type + + .s, .sb, .sc, .sd, .s2, .sh, .sx, .s1 + color: $string + + .sr + color: $regex + + .si, .se + color: $string-escape + + .nt, .nn, .nc, .no + color: $name-space + + .na + color: $name-attribute + + .m, .mf, .mh, .mi, .il, .mo, .mb, .mx + color: $literal + + .ss + color: $string