2021-10-15 22:30:12 +01:00
/* Colors */
: root {
--lightgray : # e0e0e0 ;
--gray : # C0C0C0 ;
--darkgray : # 333 ;
--navy : # 17050F ;
--blue : # 082840 ;
--white : # fff ;
2021-10-16 02:58:01 +01:00
--black : # 000000 ;
2021-10-15 22:30:12 +01:00
}
/* Global stylesheet */
* {
box-sizing : border-box ;
}
html ,
body {
padding : 0 ;
margin : 0 ;
font-family : -apple-system , system-ui , sans-serif ;
2021-10-16 03:16:24 +01:00
/ * color : var ( --darkgray ) ;
background-color : var ( --white ) ; * /
2021-10-16 03:23:30 +01:00
color : # eee ;
background-color : # 121212 ;
2021-10-15 22:30:12 +01:00
}
p : last-child {
margin-bottom : 0 ;
}
p ,
. tmpl-post li ,
img {
max-width : 37 . 5em ; /* 600px /16 */
}
p ,
. tmpl-post li {
line-height : 1 . 45 ;
}
a [ href ] {
2021-10-16 03:16:24 +01:00
/*color: var(--blue);*/
2021-10-16 03:23:30 +01:00
color : # 809fff ;
2021-10-15 22:30:12 +01:00
}
a [ href ] : visited {
2021-10-16 03:16:24 +01:00
/*(color: var(--navy);*/
2021-10-16 03:23:30 +01:00
color : # 809fff ;
2021-10-15 22:30:12 +01:00
}
2021-10-16 03:33:50 +01:00
2021-10-15 22:30:12 +01:00
main {
padding : 1rem ;
}
main : first-child {
margin-top : 0 ;
}
header {
2021-10-16 03:44:33 +01:00
border-bottom : 1px dashed # 121212 ;
2021-10-15 22:30:12 +01:00
}
header : after {
content : "" ;
display : table ;
clear : both ;
}
table {
margin : 1em 0 ;
}
table td ,
table th {
padding-right : 1em ;
}
pre ,
code {
font-family : Consolas , Menlo , Monaco , "Andale Mono WT" , "Andale Mono" , "Lucida Console" , "Lucida Sans Typewriter" , "DejaVu Sans Mono" , "Bitstream Vera Sans Mono" , "Liberation Mono" , "Nimbus Mono L" , "Courier New" , Courier , monospace ;
line-height : 1 . 5 ;
}
pre {
font-size : 14px ;
line-height : 1 . 375 ;
direction : ltr ;
text-align : left ;
white-space : pre ;
word-spacing : normal ;
word-break : normal ;
-moz-tab-size : 2 ;
-o-tab-size : 2 ;
tab-size : 2 ;
-webkit-hyphens : none ;
-moz-hyphens : none ;
-ms-hyphens : none ;
hyphens : none ;
padding : 1em ;
margin : . 5em 0 ;
background-color : # f6f6f6 ;
}
code {
word-break : break-all ;
}
. highlight-line {
display : block ;
padding : 0 . 125em 1em ;
text-decoration : none ; /* override del, ins, mark defaults */
color : inherit ; /* override del, ins, mark defaults */
}
/* allow highlighting empty lines */
. highlight-line : empty : before {
content : " " ;
}
/* avoid double line breaks when using display: block; */
. highlight-line + br {
display : none ;
}
. highlight-line-isdir {
color : # b0b0b0 ;
background-color : # 222 ;
}
. highlight-line-active {
background-color : # 444 ;
background-color : hsla ( 0 , 0 % , 27 % , . 8 ) ;
}
. highlight-line-add {
background-color : # 45844b ;
}
. highlight-line-remove {
background-color : # 902f2f ;
}
/* Header */
. home {
padding : 0 1rem ;
float : left ;
margin : 1rem 0 ; /* 16px /16 */
font-size : 1em ; /* 16px /16 */
}
. home : link : not ( : hover ) {
text-decoration : none ;
}
/* Nav */
. nav {
padding : 0 ;
list-style : none ;
float : left ;
margin-left : 1em ;
}
. nav-item {
display : inline-block ;
margin-right : 1em ;
}
. nav-item a [ href ] : not ( : hover ) {
text-decoration : none ;
}
. nav-item-active {
font-weight : 700 ;
text-decoration : underline ;
}
/* Posts list */
. postlist {
list-style : none ;
padding : 0 ;
}
. postlist-item {
display : flex ;
flex-wrap : wrap ;
align-items : baseline ;
counter-increment : start-from -1 ;
line-height : 1 . 8 ;
}
. postlist-item : before {
display : inline-block ;
pointer-events : none ;
content : "" counter ( start-from , decimal-leading-zero ) ". " ;
line-height : 100 % ;
text-align : right ;
2021-10-16 03:41:43 +01:00
color : # d5cece ;
2021-10-15 22:30:12 +01:00
}
. postlist-date ,
. postlist-item : before {
font-size : 0 . 8125em ; /* 13px /16 */
2021-10-16 03:41:43 +01:00
color : color : # d5cece ;
2021-10-15 22:30:12 +01:00
}
. postlist-date {
word-spacing : -0 . 5px ;
}
. postlist-link {
padding-left : . 25em ;
padding-right : . 25em ;
text-underline-position : from-font ;
text-underline-offset : 0 ;
text-decoration-thickness : 1px ;
}
. postlist-item-active . postlist-link {
font-weight : bold ;
}
. tmpl-home . postlist-link {
font-size : 1 . 1875em ; /* 19px /16 */
font-weight : 700 ;
}
/* Tags */
. post-tag {
display : inline-flex ;
align-items : center ;
justify-content : center ;
text-transform : uppercase ;
font-size : 0 . 75em ; /* 12px /16 */
padding : 0 . 08333333333333em 0 . 3333333333333em ; /* 1px 4px /12 */
margin-left : 0 . 6666666666667em ; /* 8px /12 */
margin-top : 0 . 5em ; /* 6px /12 */
margin-bottom : 0 . 5em ; /* 6px /12 */
2021-10-16 03:08:45 +01:00
color : var ( --darkgray ) ;
2021-10-15 22:30:12 +01:00
border : 1px solid var ( --gray ) ;
border-radius : 0 . 25em ; /* 3px /12 */
text-decoration : none ;
line-height : 1 . 8 ;
}
a [ href ] . post-tag ,
a [ href ] . post-tag : visited {
color : inherit ;
}
a [ href ] . post-tag : hover ,
a [ href ] . post-tag : focus {
background-color : var ( --lightgray ) ;
}
. postlist-item > . post-tag {
align-self : center ;
}
/* Warning */
. warning {
background-color : # ffc ;
padding : 1em 0 . 625em ; /* 16px 10px /16 */
}
. warning ol : only-child {
margin : 0 ;
}
/* Direct Links / Markdown Headers */
. direct-link {
font-family : sans-serif ;
text-decoration : none ;
font-style : normal ;
margin-left : . 1em ;
}
a [ href ] . direct-link ,
a [ href ] . direct-link : visited {
color : transparent ;
}
a [ href ] . direct-link : focus ,
a [ href ] . direct-link : focus : visited ,
: hover > a [ href ] . direct-link ,
: hover > a [ href ] . direct-link : visited {
color : # aaa ;
}