2023-02-24 11:19:28 +00:00
: root {
--fg-color : # 333 ;
--bg-color : # f2f4f4 ;
--link-color : # 333 ;
--link-weight : bold ;
--wobbly-toolbar-bg : # ccc ;
2023-02-24 11:40:09 +00:00
--wobbly-help-bg : # e2e4e4 ;
--wobbly-help-border : # 333 ;
2023-02-24 11:19:28 +00:00
}
@ media ( prefers-color-scheme : dark ) {
2023-02-24 11:20:33 +00:00
: root {
2023-02-24 11:40:09 +00:00
--fg-color : # 32c864 ;
2023-02-24 11:20:33 +00:00
--bg-color : # 010 ;
2023-02-24 11:40:09 +00:00
--link-color : # 3ee77b ;
2023-02-24 11:20:33 +00:00
--link-weight : normal ;
2023-02-24 11:40:09 +00:00
--wobbly-toolbar-bg : # 434443 ;
--wobbly-help-bg : # 232423 ;
--wobbly-help-border : # 32c864 ;
2023-02-24 11:20:33 +00:00
}
2023-02-24 11:19:28 +00:00
}
2023-02-24 11:40:09 +00:00
* , * * {
box-sizing : border-box ;
}
2023-02-24 10:39:09 +00:00
html {
margin : 0 ;
padding : 0 ;
}
body {
2023-02-24 11:19:28 +00:00
color : var ( --fg-color ) ;
background-color : var ( --bg-color ) ;
2023-02-24 11:13:53 +00:00
padding : 0 0 5em ;
2023-02-24 10:45:09 +00:00
font-family : Frutiger , "Frutiger Linotype" , Univers , Calibri , "Gill Sans" , "Gill Sans MT" , "Myriad Pro" , Myriad , "DejaVu Sans Condensed" , "Liberation Sans" , "Nimbus Sans L" , Tahoma , Geneva , "Helvetica Neue" , Helvetica , Arial , sans-serif ;
2023-02-24 10:39:09 +00:00
}
2023-02-24 10:51:26 +00:00
pre {
font-family : Consolas , "Andale Mono WT" , "Andale Mono" , "Lucida Console" , "Lucida Sans Typewriter" , "DejaVu Sans Mono" , "Bitstream Vera Sans Mono" , "Liberation Mono" , "Nimbus Mono L" , Monaco , "Courier New" , Courier , monospace ;
}
2023-02-24 10:39:09 +00:00
a ,
a : visited ,
a : hover ,
a : active {
2023-02-24 11:19:28 +00:00
color : var ( --link-color ) ;
font-weight : var ( --link-weight ) ;
2023-02-24 10:39:09 +00:00
text-decoration : none ;
}
a : hover {
text-decoration : underline ;
}
ol {
padding : 0 ;
line-height : 0 . 5em ;
}
@ media screen and ( min-width : 700px ) {
body , html {
font-size : 18px ;
}
}
@ media screen and ( min-width : 900px ) {
body , html {
font-size : 24px ;
}
}
2023-02-24 10:51:26 +00:00
h1 , h2 , h3 , h4 , h5 {
margin : 0 0 0 . 5em 0 ;
}
2023-02-24 11:13:53 +00:00
# wobbly-toolbar {
2023-02-24 11:19:28 +00:00
background-color : var ( --wobbly-toolbar-bg ) ;
2023-02-24 11:13:53 +00:00
width : 100 % ;
position : fixed ;
top : 0 ;
2023-02-24 11:40:09 +00:00
left : 0 ;
2023-02-24 11:13:53 +00:00
}
# wobbly-tools {
display : flex ;
max-width : 60em ;
2023-02-24 11:40:09 +00:00
padding : 0 . 2em 0 . 5em ;
2023-02-24 11:13:53 +00:00
margin : auto ;
}
2023-02-24 11:40:09 +00:00
# wobbly-tools > * : not ( : last-child ) {
margin-right : 0 . 25em ;
}
2023-02-24 11:13:53 +00:00
# wobbly-tools input {
flex-basis : 100 % ;
2023-02-24 11:40:09 +00:00
min-width : 0 ;
padding : 0 0 . 5em ;
position : relative ;
2023-02-24 11:13:53 +00:00
}
# wobbly-help {
display : none ;
2023-02-24 11:40:09 +00:00
border-bottom : 1px solid var ( --wobbly-help-border ) ;
background-color : var ( --wobbly-help-bg ) ;
2023-02-24 11:13:53 +00:00
}
# wobbly-help-text {
max-width : 45em ;
margin : auto ;
padding : 1 . 5em 1em 0 . 5em ;
}
# wobbly-window {
max-width : 45em ;
margin : auto ;
padding : 2em 1em 5em ;
}