all repos — hastystyles @ f6e1c2cc3cbe6d49d001854b70506e8f78725c99

The stylesheets for HastyScrybe and HastySite.

Updates.
h3rald h3rald@h3rald.com
Thu, 16 Apr 2020 14:23:35 +0200
commit

f6e1c2cc3cbe6d49d001854b70506e8f78725c99

parent

cdea88ac9469e4b5ef78a220ec7ef65f772c331e

M styles/_blocks.lessstyles/_blocks.less

@@ -18,7 +18,7 @@ & > p, & > p:first-child {

margin-top: -40px; margin-bottom: 0; text-shadow: none; - font-weight: 400; + font-weight: @normal-weight; font-family: @monospace-font; font-size: 85%; code, pre, samp {

@@ -31,7 +31,7 @@ }

&:before { font-family: @monospace-font; font-style: normal; - font-weight: 800; + font-weight: @bold-weight; color: @dark-green; content: "$ "; }

@@ -50,4 +50,8 @@ }

div .terminal { margin: 2px auto; + @media screen and (min-width: 880px) { + margin-left: 80px; + margin-right: 80px; + } }
M styles/_elements.lessstyles/_elements.less

@@ -1,6 +1,7 @@

/* Lists */ -ul, ol { +ul, +ol { padding-left: 30px; }

@@ -15,7 +16,7 @@

dl { dt { - font-weight: 600; + font-weight: @bold-weight; } dd {

@@ -25,10 +26,15 @@ }

/* Headings */ -h1, h2, h3, h4, h5, h6 { - font-weight: 600; +h1, +h2, +h3, +h4, +h5, +h6 { + font-weight: @bold-weight; color: @heading-color; - border-bottom: 1px solid @gray-d; + border-bottom: 1px solid @gray-d; } h1 {

@@ -51,11 +57,13 @@ color: @dark-gray;

white-space: pre-wrap; margin: auto; padding: 0; + code { box-shadow: none; border: none; line-height: 1.2em; } + .hljs { padding: 0 3px; }

@@ -67,24 +75,27 @@ width: 100%;

} table { - border-collapse:collapse; + border-collapse: collapse; margin: 15px auto; - border-spacing:0; - empty-cells:show; + border-spacing: 0; + empty-cells: show; min-width: 100%; + thead { background: @light-gray; - color:#222; - text-align:left; - vertical-align:bottom; + color: #222; + text-align: left; + vertical-align: bottom; } - td, th { - background-color:transparent; - border:1px solid @gray; - font-size:inherit; - margin:0; - overflow:visible; - padding:6px 12px; + + td, + th { + background-color: transparent; + border: 1px solid @gray; + font-size: inherit; + margin: 0; + overflow: visible; + padding: 6px 12px; } }

@@ -96,10 +107,10 @@

hr { border: 0; height: 1px; - background-image: -webkit-linear-gradient(left, rgba(99,99,99,0), rgba(99,99,99,0.75), rgba(99,99,99,0)); - background-image: -moz-linear-gradient(left, rgba(99,99,99,0), rgba(99,99,99,0.75), rgba(99,99,99,0)); - background-image: -ms-linear-gradient(left, rgba(99,99,99,0), rgba(99,99,99,0.75), rgba(99,99,99,0)); - background-image: -o-linear-gradient(left, rgba(99,99,99,0), rgba(99,99,99,0.75), rgba(99,99,99,0)); + background-image: -webkit-linear-gradient(left, rgba(99, 99, 99, 0), rgba(99, 99, 99, 0.75), rgba(99, 99, 99, 0)); + background-image: -moz-linear-gradient(left, rgba(99, 99, 99, 0), rgba(99, 99, 99, 0.75), rgba(99, 99, 99, 0)); + background-image: -ms-linear-gradient(left, rgba(99, 99, 99, 0), rgba(99, 99, 99, 0.75), rgba(99, 99, 99, 0)); + background-image: -o-linear-gradient(left, rgba(99, 99, 99, 0), rgba(99, 99, 99, 0.75), rgba(99, 99, 99, 0)); } .center {

@@ -122,22 +133,25 @@ [class^="fab-"] {

font-family: "Font Awesome 5 Brands"; } -code, span.code { +code, +span.code { .mix-monospace; .mix-hyphens(none); color: #B2361E; font-size: 85%; } -strong code, b code { - font-weight: 600; +strong code, +b code { + font-weight: @bold-weight; } -kbd, span.kbd { - @font-weight: 400; +kbd, +span.kbd { + @font-weight: @normal-weight; .mix-inline-box(@light-gray, @dark-gray, @gray); font-family: @monospace-font; - font-weight: 800; + font-weight: @bold-weight; border-right: 1px solid @gray-b; border-bottom: 1px solid @gray-b; line-height: 1em;

@@ -145,69 +159,112 @@ font-size: 80%;

.mix-hyphens(none); } -mark, span.mark { +mark, +span.mark { padding: 0 1px; color: @dark-gray; } -abbr, span.abbr { +abbr, +span.abbr { font-variant: small-caps; - font-weight: 600; + font-weight: @bold-weight; .mix-hyphens(none); + &:hover { cursor: help; } } -samp, span.samp { +samp, +span.samp { font-size: 90%; .mix-inline-box(transparent, @dark-gray, transparent); .mix-hyphens(none); } -var, span.var { +var, +span.var { font-size: 90%; - @font-weight: 400; - font-family: @monospace-font; - font-weight: 800; + @font-weight: @normal-weight; + font-family: @monospace-font; + font-weight: @bold-weight; font-style: normal; .mix-hyphens(none); } -cite, span.cite { - font-weight: 600; +cite, +span.cite { + font-weight: @bold-weight; font-style: italic; .mix-hyphens(none); } -q, span.q { +q, +span.q { font-style: italic; color: @gray-6; .mix-hyphens(none); } -span.tt, span.cmd, -span.opt, span.arg, span.kwd, -span.ext, span.file, span.dir { +span.tt, +span.cmd, +span.opt, +span.arg, +span.kwd, +span.ext, +span.file, +span.dir { font-size: 90%; .mix-monospace; .mix-hyphens(none); } -span.ext, span.kwd { - font-weight: 600; +span.ext, +span.kwd { + font-weight: @bold-weight; } img { - max-width: 100%; + max-width: 100%; } /* Links */ -a,a:visited { +a, +a:visited { color: @link-color; - text-decoration:none; + text-decoration: none; + &:hover { - text-decoration:underline; + text-decoration: underline; } } + +/* Checkboxes */ + +li.github_checkbox { + + list-style-type: none; + + input[type="checkbox"] { + width: 0; + height: 0; + } + + input[type="checkbox"]::after { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + content: '\f0c8'; + top: -14px; + left: -14px; + position: relative; + color: @gray-a; + } + + input[type="checkbox"]:checked::after { + content: '\f14a'; + color: @bright-green; + } + + +}
M styles/_headings.lessstyles/_headings.less

@@ -46,7 +46,9 @@

.headings #toc { counter-reset: toc2; } - +#toc>ul>li>ul>li>a { + font-weight: @bold-weight; +} .headings #toc li li a { counter-reset:toc3; counter-increment: toc2;
M styles/_layout.lessstyles/_layout.less

@@ -3,7 +3,7 @@ background-color:#fff;

margin: 0 auto; height:100%; zoom: 1; - font-weight: 300; + font-weight: @normal-weight; letter-spacing: normal; word-spacing: normal; color:@text-color;

@@ -24,6 +24,12 @@

@media screen and (min-width: 660px) { body { width: 660px; + } +} + +@media screen and (min-width: 880px) { + body { + width: 880px; } }
M styles/_links.lessstyles/_links.less

@@ -47,7 +47,7 @@ #footer a:before { content: ""; }

a[href="#document-top"] { vertical-align: super; - font-weight: normal; + font-weight: @normal-weight; font-size: 15px; .mix-link-icon(@fa-var-angle-double-up); float:right;
M styles/_mixins.lessstyles/_mixins.less

@@ -21,11 +21,15 @@ }

p { margin: 0 auto; } + @media screen and (min-width: 880px) { + margin-left: 80px; + margin-right: 80px; + } } .mix-monospace { font-family: @monospace-font; - font-weight: 300; + font-weight: @normal-weight; } .mix-no-border-radius {

@@ -58,7 +62,7 @@ .mix-inline-box(@bg-color, @color, @color);

-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; - padding: 1px 1px 1px 1px; + padding: 1px 1px 3px 1px; line-height: 95%; width: 70px; text-align: center;

@@ -66,7 +70,7 @@ margin-right: 3px;

box-shadow: none; font-size: 90%; font-variant: small-caps; - font-weight: 600; + font-weight: @bold-weight; content: @text; } }

@@ -78,7 +82,7 @@ font-size: 95%;

& > p { margin: 0 auto; &:first-child { - font-weight: 600; + font-weight: @bold-weight; color: @fg-color; .mix-symbol(@icon, @fg-color) }
M styles/_variables.lessstyles/_variables.less

@@ -58,3 +58,6 @@ @dark-orange:#B84900;

@light-orange:#FFF599; @orange:#FF944D; @bright-orange: #FF6600; + +@normal-weight: 400; +@bold-weight: 700;
M styles/fa/brands.lessstyles/fa/brands.less

@@ -4,7 +4,7 @@ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

*/ @import "_variables.less"; -@font-face { +/*@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400;

@@ -15,7 +15,7 @@ url('@{fa-font-path}/fa-brands-400.woff2') format('woff2'),

url('@{fa-font-path}/fa-brands-400.woff') format('woff'), url('@{fa-font-path}/fa-brands-400.ttf') format('truetype'), url('@{fa-font-path}/fa-brands-400.svg#fontawesome') format('svg'); -} +}*/ .fab { font-family: 'Font Awesome 5 Brands';
M styles/fa/regular.lessstyles/fa/regular.less

@@ -4,7 +4,7 @@ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

*/ @import "_variables.less"; -@font-face { +/*@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 400;

@@ -15,7 +15,7 @@ url('@{fa-font-path}/fa-regular-400.woff2') format('woff2'),

url('@{fa-font-path}/fa-regular-400.woff') format('woff'), url('@{fa-font-path}/fa-regular-400.ttf') format('truetype'), url('@{fa-font-path}/fa-regular-400.svg#fontawesome') format('svg'); -} +}*/ .far { font-family: 'Font Awesome 5 Free';
M styles/fa/solid.lessstyles/fa/solid.less

@@ -4,7 +4,7 @@ * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)

*/ @import "_variables.less"; -@font-face { +/*@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900;

@@ -15,7 +15,7 @@ url('@{fa-font-path}/fa-solid-900.woff2') format('woff2'),

url('@{fa-font-path}/fa-solid-900.woff') format('woff'), url('@{fa-font-path}/fa-solid-900.ttf') format('truetype'), url('@{fa-font-path}/fa-solid-900.svg#fontawesome') format('svg'); -} +}*/ .fa, .fas {
M styles/hastyscribe.cssstyles/hastyscribe.css

@@ -4854,14 +4854,18 @@ /*!

* Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ -@font-face { +/*@font-face { font-family: 'Font Awesome 5 Free'; font-style: normal; font-weight: 900; - font-display: block; - src: url('../webfonts/fa-solid-900.eot'); - src: url('../webfonts/fa-solid-900.eot?#iefix') format('embedded-opentype'), url('../webfonts/fa-solid-900.woff2') format('woff2'), url('../webfonts/fa-solid-900.woff') format('woff'), url('../webfonts/fa-solid-900.ttf') format('truetype'), url('../webfonts/fa-solid-900.svg#fontawesome') format('svg'); -} + font-display: @fa-font-display; + src: url('@{fa-font-path}/fa-solid-900.eot'); + src: url('@{fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'), + url('@{fa-font-path}/fa-solid-900.woff2') format('woff2'), + url('@{fa-font-path}/fa-solid-900.woff') format('woff'), + url('@{fa-font-path}/fa-solid-900.ttf') format('truetype'), + url('@{fa-font-path}/fa-solid-900.svg#fontawesome') format('svg'); +}*/ .fa, .fas { font-family: 'Font Awesome 5 Free';

@@ -4871,21 +4875,25 @@ /*!

* Font Awesome Free 5.13.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) */ -@font-face { +/*@font-face { font-family: 'Font Awesome 5 Brands'; font-style: normal; font-weight: 400; - font-display: block; - src: url('../webfonts/fa-brands-400.eot'); - src: url('../webfonts/fa-brands-400.eot?#iefix') format('embedded-opentype'), url('../webfonts/fa-brands-400.woff2') format('woff2'), url('../webfonts/fa-brands-400.woff') format('woff'), url('../webfonts/fa-brands-400.ttf') format('truetype'), url('../webfonts/fa-brands-400.svg#fontawesome') format('svg'); -} + font-display: @fa-font-display; + src: url('@{fa-font-path}/fa-brands-400.eot'); + src: url('@{fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'), + url('@{fa-font-path}/fa-brands-400.woff2') format('woff2'), + url('@{fa-font-path}/fa-brands-400.woff') format('woff'), + url('@{fa-font-path}/fa-brands-400.ttf') format('truetype'), + url('@{fa-font-path}/fa-brands-400.svg#fontawesome') format('svg'); +}*/ .fab { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .mix-monospace { font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace; - font-weight: 300; + font-weight: 400; } .mix-no-border-radius { -webkit-border-radius: 0px;

@@ -4907,7 +4915,7 @@ background-color: #fff;

margin: 0 auto; height: 100%; zoom: 1; - font-weight: 300; + font-weight: 400; letter-spacing: normal; word-spacing: normal; color: #333;

@@ -4932,6 +4940,11 @@ body {

width: 660px; } } +@media screen and (min-width: 880px) { + body { + width: 880px; + } +} #main, #footer, #header {

@@ -4968,7 +4981,7 @@ .unstyled li {

list-style-type: none; } dl dt { - font-weight: 600; + font-weight: 700; } dl dd { padding: 0 0 0.2em 0;

@@ -4980,7 +4993,7 @@ h3,

h4, h5, h6 { - font-weight: 600; + font-weight: 700; color: #111; border-bottom: 1px solid #ddd; }

@@ -4996,7 +5009,7 @@ font-style: italic;

} pre { font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace; - font-weight: 300; + font-weight: 400; color: #222; white-space: pre-wrap; margin: auto;

@@ -5084,7 +5097,7 @@ }

code, span.code { font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace; - font-weight: 300; + font-weight: 400; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;

@@ -5095,7 +5108,7 @@ font-size: 85%;

} strong code, b code { - font-weight: 600; + font-weight: 700; } kbd, span.kbd {

@@ -5114,7 +5127,7 @@ background-clip: padding-box;

text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace; - font-weight: 800; + font-weight: 700; border-right: 1px solid #bbb; border-bottom: 1px solid #bbb; line-height: 1em;

@@ -5133,7 +5146,7 @@ }

abbr, span.abbr { font-variant: small-caps; - font-weight: 600; + font-weight: 700; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;

@@ -5171,7 +5184,7 @@ var,

span.var { font-size: 90%; font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace; - font-weight: 800; + font-weight: 700; font-style: normal; -webkit-hyphens: none; -moz-hyphens: none;

@@ -5181,7 +5194,7 @@ hyphens: none;

} cite, span.cite { - font-weight: 600; + font-weight: 700; font-style: italic; -webkit-hyphens: none; -moz-hyphens: none;

@@ -5209,7 +5222,7 @@ span.file,

span.dir { font-size: 90%; font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace; - font-weight: 300; + font-weight: 400; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none;

@@ -5218,7 +5231,7 @@ hyphens: none;

} span.ext, span.kwd { - font-weight: 600; + font-weight: 700; } img { max-width: 100%;

@@ -5233,6 +5246,26 @@ a:hover,

a:visited:hover { text-decoration: underline; } +/* Checkboxes */ +li.github_checkbox { + list-style-type: none; +} +li.github_checkbox input[type="checkbox"] { + width: 0; + height: 0; +} +li.github_checkbox input[type="checkbox"]::after { + font-family: "Font Awesome 5 Free", "Font Awesome 5 Brands"; + content: '\f0c8'; + top: -14px; + left: -14px; + position: relative; + color: #aaa; +} +li.github_checkbox input[type="checkbox"]:checked::after { + content: '\f14a'; + color: #00CC33; +} a[href^="http://"]:before, a[href^="https://"]:before, a[href^="ftp://"]:before,

@@ -5406,7 +5439,7 @@ content: "";

} a[href="#document-top"] { vertical-align: super; - font-weight: normal; + font-weight: 400; font-size: 15px; float: right; }

@@ -5447,11 +5480,17 @@ }

.note p { margin: 0 auto; } +@media screen and (min-width: 880px) { + .note { + margin-left: 80px; + margin-right: 80px; + } +} .note > p { margin: 0 auto; } .note > p:first-child { - font-weight: 600; + font-weight: 700; color: #264c72; } .note > p:first-child:before {

@@ -5497,11 +5536,17 @@ }

.tip p { margin: 0 auto; } +@media screen and (min-width: 880px) { + .tip { + margin-left: 80px; + margin-right: 80px; + } +} .tip > p { margin: 0 auto; } .tip > p:first-child { - font-weight: 600; + font-weight: 700; color: #009926; } .tip > p:first-child:before {

@@ -5547,11 +5592,17 @@ }

.warning p { margin: 0 auto; } +@media screen and (min-width: 880px) { + .warning { + margin-left: 80px; + margin-right: 80px; + } +} .warning > p { margin: 0 auto; } .warning > p:first-child { - font-weight: 600; + font-weight: 700; color: #705400; } .warning > p:first-child:before {

@@ -5597,11 +5648,17 @@ }

.blank-sidebar p { margin: 0 auto; } +@media screen and (min-width: 880px) { + .blank-sidebar { + margin-left: 80px; + margin-right: 80px; + } +} .blank-sidebar > p { margin: 0 auto; } .blank-sidebar > p:first-child { - font-weight: 600; + font-weight: 700; color: #555; } .blank-sidebar > p:first-child:before {

@@ -5647,11 +5704,17 @@ }

.sidebar p { margin: 0 auto; } +@media screen and (min-width: 880px) { + .sidebar { + margin-left: 80px; + margin-right: 80px; + } +} .sidebar > p { margin: 0 auto; } .sidebar > p:first-child { - font-weight: 600; + font-weight: 700; color: #555; } .sidebar > p:first-child:before {

@@ -5696,6 +5759,12 @@ }

.output p { margin: 0 auto; } +@media screen and (min-width: 880px) { + .output { + margin-left: 80px; + margin-right: 80px; + } +} .terminal { -moz-background-clip: padding; -webkit-background-clip: padding-box;

@@ -5731,6 +5800,12 @@ }

.terminal p { margin: 0 auto; } +@media screen and (min-width: 880px) { + .terminal { + margin-left: 80px; + margin-right: 80px; + } +} @media screen and (max-width: 639px) { .terminal { overflow-y: hidden;

@@ -5767,7 +5842,7 @@ .terminal > p:before,

.terminal > p:first-child:before { font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace; font-style: normal; - font-weight: 800; + font-weight: 700; color: #009926; content: "$ "; }

@@ -5806,6 +5881,12 @@ }

.terminal-su p { margin: 0 auto; } +@media screen and (min-width: 880px) { + .terminal-su { + margin-left: 80px; + margin-right: 80px; + } +} @media screen and (max-width: 639px) { .terminal-su { overflow-y: hidden;

@@ -5842,7 +5923,7 @@ .terminal-su > p:before,

.terminal-su > p:first-child:before { font-family: "Source Code Pro", "Monaco", "DejaVu Sans Mono", "Courier New", monospace; font-style: normal; - font-weight: 800; + font-weight: 700; color: #009926; content: "$ "; }

@@ -5854,6 +5935,12 @@ }

div .terminal { margin: 2px auto; } +@media screen and (min-width: 880px) { + div .terminal { + margin-left: 80px; + margin-right: 80px; + } +} .todo { color: #CC3300; }

@@ -5875,7 +5962,7 @@ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - padding: 1px 1px 1px 1px; + padding: 1px 1px 3px 1px; line-height: 95%; width: 70px; text-align: center;

@@ -5883,7 +5970,7 @@ margin-right: 3px;

box-shadow: none; font-size: 90%; font-variant: small-caps; - font-weight: 600; + font-weight: 700; content: "todo"; } .fixme {

@@ -5907,7 +5994,7 @@ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - padding: 1px 1px 1px 1px; + padding: 1px 1px 3px 1px; line-height: 95%; width: 70px; text-align: center;

@@ -5915,7 +6002,7 @@ margin-right: 3px;

box-shadow: none; font-size: 90%; font-variant: small-caps; - font-weight: 600; + font-weight: 700; content: "fixme"; } .deadline {

@@ -5939,7 +6026,7 @@ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - padding: 1px 1px 1px 1px; + padding: 1px 1px 3px 1px; line-height: 95%; width: 70px; text-align: center;

@@ -5947,7 +6034,7 @@ margin-right: 3px;

box-shadow: none; font-size: 90%; font-variant: small-caps; - font-weight: 600; + font-weight: 700; content: "deadline"; } .important {

@@ -5971,7 +6058,7 @@ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - padding: 1px 1px 1px 1px; + padding: 1px 1px 3px 1px; line-height: 95%; width: 70px; text-align: center;

@@ -5979,7 +6066,7 @@ margin-right: 3px;

box-shadow: none; font-size: 90%; font-variant: small-caps; - font-weight: 600; + font-weight: 700; content: "important"; } .urgent {

@@ -6003,7 +6090,7 @@ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - padding: 1px 1px 1px 1px; + padding: 1px 1px 3px 1px; line-height: 95%; width: 70px; text-align: center;

@@ -6011,7 +6098,7 @@ margin-right: 3px;

box-shadow: none; font-size: 90%; font-variant: small-caps; - font-weight: 600; + font-weight: 700; content: "urgent"; } .verify {

@@ -6035,7 +6122,7 @@ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - padding: 1px 1px 1px 1px; + padding: 1px 1px 3px 1px; line-height: 95%; width: 70px; text-align: center;

@@ -6043,7 +6130,7 @@ margin-right: 3px;

box-shadow: none; font-size: 90%; font-variant: small-caps; - font-weight: 600; + font-weight: 700; content: "verify"; } .draftcomment {

@@ -6067,7 +6154,7 @@ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);

-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - padding: 1px 1px 1px 1px; + padding: 1px 1px 3px 1px; line-height: 95%; width: 70px; text-align: center;

@@ -6075,7 +6162,7 @@ margin-right: 3px;

box-shadow: none; font-size: 90%; font-variant: small-caps; - font-weight: 600; + font-weight: 700; content: "comment"; } .red-circle:before {

@@ -6857,6 +6944,9 @@ }

/***************/ .headings #toc { counter-reset: toc2; +} +#toc > ul > li > ul > li > a { + font-weight: 700; } .headings #toc li li a { counter-reset: toc3;