From afe1faf2141ef9cd3a5564fa33646b821ae5162b Mon Sep 17 00:00:00 2001 From: Frédéric Guillot Date: Sat, 21 Sep 2019 19:10:08 -0700 Subject: Add theme variants - Use CSS variables instead of inherence - Rename default theme to "Light - Serif" - Rename Black theme to "Dark - Serif" - Rename "Sans-Serif" theme to "Light - Sans Serif" - Add "System" theme that use system preferences: Dark or Light - Add Serif and Sans-Serif variants for each color theme --- ui/static/css.go | 18 ++-- ui/static/css/black.css | 233 ------------------------------------------- ui/static/css/common.css | 168 ++++++++++++++++++------------- ui/static/css/dark.css | 105 +++++++++++++++++++ ui/static/css/light.css | 105 +++++++++++++++++++ ui/static/css/sans_serif.css | 3 + ui/static/css/sansserif.css | 11 -- ui/static/css/serif.css | 3 + ui/static/css/system.css | 213 +++++++++++++++++++++++++++++++++++++++ 9 files changed, 539 insertions(+), 320 deletions(-) delete mode 100644 ui/static/css/black.css create mode 100644 ui/static/css/dark.css create mode 100644 ui/static/css/light.css create mode 100644 ui/static/css/sans_serif.css delete mode 100644 ui/static/css/sansserif.css create mode 100644 ui/static/css/serif.css create mode 100644 ui/static/css/system.css (limited to 'ui') diff --git a/ui/static/css.go b/ui/static/css.go index 928cd74..2a337cb 100644 --- a/ui/static/css.go +++ b/ui/static/css.go @@ -3,13 +3,19 @@ package static // import "miniflux.app/ui/static" var Stylesheets = map[string]string{ - "black": `*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:helvetica neue,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}hr{border:0;height:0;border-top:1px dotted #ccc;padding-bottom:10px}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:#36c}a:focus{outline:0;color:red;text-decoration:none;outline:1px dotted #aaa}a:hover{color:#333;text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted #ddd}.header li:hover a{color:#888}.header a{font-size:.9em;color:#444;text-decoration:none;border:none}.header .active a{font-weight:600}.header a:hover,.header a:focus{color:#888}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted #ddd}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:#000;letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:#000}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid #ddd}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:#fcfcfc}tr:hover{background-color:#f9f9f9}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{border:1px solid #ccc;padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:#000;border-color:rgba(82,168,236,.8);outline:0;box-shadow:0 0 8px rgba(82,168,236,.6)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:#3079ed;background:#4d90fe;color:#fff}.button-primary:hover,.button-primary:focus{border-color:#2f5bb7;background:#357ae8}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-error a{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel{color:#333;background-color:#fcfcfc;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;background:#f0f0f0;box-shadow:2px 0 5px 0 #ccc;padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:#333;font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:#666}.category{font-size:.75em;background-color:#fffcd7;border:1px solid #d5d458;border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap}.category a{color:#555;text-decoration:none}.category a:hover,.category a:focus{color:#000}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted #ddd;margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:#333}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted #ddd;margin-bottom:20px;padding:5px;overflow:hidden}.item.current-item{border:3px solid #bce;padding:3px}.item-title a{text-decoration:none;font-weight:600}.item-status-read .item-title a{color:#777}.item-meta{color:#777;font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:#aaa}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:#fcf8e3;border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:#333}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted #ddd}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:#333}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:Georgia,times new roman,Times,serif;color:#555;line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:Georgia,serif}.entry-content q{color:purple;font-family:Georgia,serif;font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;background:#f0f0f0;border:1px solid #ddd;overflow:auto;overflow-wrap:initial}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted #ddd;padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}body{background:#222;color:#efefef}hr{border-color:#555}h1,h2,h3{color:#aaa}a{color:#aaa}a:focus,a:hover{color:#ddd}.header li{border-color:#333}.header a{color:#ddd;font-weight:400}.header .active a{font-weight:400;color:#9b9494}.header a:focus,.header a:hover{color:rgba(82,168,236,.85)}.page-header h1{border-color:#333}.logo a:hover span{color:#555}table,th,td{border:1px solid #555}th{background:#333;color:#aaa;font-weight:400}tr:hover{background-color:#333;color:#aaa}input[type=search],input[type=url],input[type=password],input[type=text]{border:1px solid #555;background:#333;color:#ccc}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:#efefef;border-color:rgba(82,168,236,.8);box-shadow:0 0 8px rgba(82,168,236,.6)}.button-primary{border-color:#444;background:#333;color:#efefef}.button-primary:hover,.button-primary:focus{border-color:#888;background:#555}.alert,.alert-success,.alert-error,.alert-info,.alert-normal{color:#efefef;background-color:#333;border-color:#444}.panel{background:#333;border-color:#555;color:#9b9b9b}#modal-left{background:#333;color:#efefef;box-shadow:0 0 10px rgba(82,168,236,.6)}.keyboard-shortcuts li{color:#9b9b9b}.unread-counter-wrapper,.error-feeds-counter-wrapper{color:#bbb}.category{color:#efefef;background-color:#333;border-color:#444}.category a{color:#999}.category a:hover,.category a:focus{color:#aaa}.pagination a{color:#aaa}.pagination-bottom{border-color:#333}.item{border-color:#666;padding:4px}.item.current-item{border-width:2px;border-color:rgba(82,168,236,.8);box-shadow:0 0 8px rgba(82,168,236,.6)}.item-title a{font-weight:400}.item-status-read .item-title a{color:#666}.item-status-read .item-title a:focus,.item-status-read .item-title a:hover{color:rgba(82,168,236,.6)}.item-meta a:hover,.item-meta a:focus{color:#aaa}.item-meta li:after{color:#ddd}article.feed-parsing-error{background-color:#343434}.parsing-error{color:#eee}.entry header{border-color:#333}.entry header h1 a{color:#bbb}.entry-content,.entry-content p,ul{color:#999}.entry-content pre,.entry-content code{color:#fff;background:#555;border-color:#888}.entry-content q{color:#777}.entry-enclosure{border-color:#333}`, - "default": `*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:helvetica neue,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}hr{border:0;height:0;border-top:1px dotted #ccc;padding-bottom:10px}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:#36c}a:focus{outline:0;color:red;text-decoration:none;outline:1px dotted #aaa}a:hover{color:#333;text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted #ddd}.header li:hover a{color:#888}.header a{font-size:.9em;color:#444;text-decoration:none;border:none}.header .active a{font-weight:600}.header a:hover,.header a:focus{color:#888}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted #ddd}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:#000;letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:#000}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid #ddd}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:#fcfcfc}tr:hover{background-color:#f9f9f9}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{border:1px solid #ccc;padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:#000;border-color:rgba(82,168,236,.8);outline:0;box-shadow:0 0 8px rgba(82,168,236,.6)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:#3079ed;background:#4d90fe;color:#fff}.button-primary:hover,.button-primary:focus{border-color:#2f5bb7;background:#357ae8}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-error a{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel{color:#333;background-color:#fcfcfc;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;background:#f0f0f0;box-shadow:2px 0 5px 0 #ccc;padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:#333;font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:#666}.category{font-size:.75em;background-color:#fffcd7;border:1px solid #d5d458;border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap}.category a{color:#555;text-decoration:none}.category a:hover,.category a:focus{color:#000}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted #ddd;margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:#333}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted #ddd;margin-bottom:20px;padding:5px;overflow:hidden}.item.current-item{border:3px solid #bce;padding:3px}.item-title a{text-decoration:none;font-weight:600}.item-status-read .item-title a{color:#777}.item-meta{color:#777;font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:#aaa}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:#fcf8e3;border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:#333}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted #ddd}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:#333}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:Georgia,times new roman,Times,serif;color:#555;line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:Georgia,serif}.entry-content q{color:purple;font-family:Georgia,serif;font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;background:#f0f0f0;border:1px solid #ddd;overflow:auto;overflow-wrap:initial}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted #ddd;padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`, - "sansserif": `*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:helvetica neue,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility}hr{border:0;height:0;border-top:1px dotted #ccc;padding-bottom:10px}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:#36c}a:focus{outline:0;color:red;text-decoration:none;outline:1px dotted #aaa}a:hover{color:#333;text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted #ddd}.header li:hover a{color:#888}.header a{font-size:.9em;color:#444;text-decoration:none;border:none}.header .active a{font-weight:600}.header a:hover,.header a:focus{color:#888}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted #ddd}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:#000;letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:#000}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid #ddd}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:#fcfcfc}tr:hover{background-color:#f9f9f9}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{border:1px solid #ccc;padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:#000;border-color:rgba(82,168,236,.8);outline:0;box-shadow:0 0 8px rgba(82,168,236,.6)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:#3079ed;background:#4d90fe;color:#fff}.button-primary:hover,.button-primary:focus{border-color:#2f5bb7;background:#357ae8}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:#c09853;background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-error{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-error a{color:#b94a48}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel{color:#333;background-color:#fcfcfc;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;background:#f0f0f0;box-shadow:2px 0 5px 0 #ccc;padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:#333;font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:#666}.category{font-size:.75em;background-color:#fffcd7;border:1px solid #d5d458;border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap}.category a{color:#555;text-decoration:none}.category a:hover,.category a:focus{color:#000}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted #ddd;margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:#333}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted #ddd;margin-bottom:20px;padding:5px;overflow:hidden}.item.current-item{border:3px solid #bce;padding:3px}.item-title a{text-decoration:none;font-weight:600}.item-status-read .item-title a{color:#777}.item-meta{color:#777;font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:#aaa}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:#fcf8e3;border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:#333}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted #ddd}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:#333}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:Georgia,times new roman,Times,serif;color:#555;line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:Georgia,serif}.entry-content q{color:purple;font-family:Georgia,serif;font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;background:#f0f0f0;border:1px solid #ddd;overflow:auto;overflow-wrap:initial}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted #ddd;padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}body,.entry-content,.entry-content blockquote,.entry-content q{font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol}.entry-content{font-size:1.17em;font-weight:400}`, + "dark_sans_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #efefef;--body-background: #222;--hr-border-color: #555;--title-color: #aaa;--link-color: #aaa;--link-focus-color: #ddd;--link-hover-color: #ddd;--header-list-border-color: #333;--header-link-color: #ddd;--header-link-focus-color: rgba(82, 168, 236, 0.85);--header-link-hover-color: rgba(82, 168, 236, 0.85);--header-active-link-color: #9b9494;--page-header-title-border-color: #333;--logo-color: #bbb;--logo-hover-color-span: #bbb;--table-border-color: #555;--table-th-background: #333;--table-th-color: #aaa;--table-tr-hover-background-color: #333;--table-tr-hover-color: #aaa;--button-primary-border-color: #444;--button-primary-background: #333;--button-primary-color: #efefef;--button-primary-focus-border-color: #888;--button-primary-focus-background: #555;--input-border: 1px solid #555;--input-background: #333;--input-color: #ccc;--input-focus-color: #efefef;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #efefef;--alert-background-color: #333;--alert-border-color: #444;--alert-success-color: #efefef;--alert-success-background-color: #333;--alert-success-border-color: #444;--alert-error-color: #efefef;--alert-error-background-color: #333;--alert-error-border-color: #444;--alert-info-color: #efefef;--alert-info-background-color: #333;--alert-info-border-color: #444;--panel-background: #333;--panel-border-color: #555;--panel-color: #9b9b9b;--modal-background: #333;--modal-color: #efefef;--modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);--pagination-link-color: #aaa;--pagination-border-color: #333;--category-color: #efefef;--category-background-color: #333;--category-border-color: #444;--category-link-color: #999;--category-link-hover-color: #aaa;--item-border-color: #666;--item-padding: 4px;--item-title-link-font-weight: 400;--item-status-read-title-link-color: #666;--item-status-read-title-focus-color: rgba(82, 168, 236, 0.6);--item-meta-focus-color: #aaa;--item-meta-li-color: #ddd;--current-item-border-width: 2px;--current-item-border-color: rgba(82, 168, 236, 0.8);--current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--entry-header-border-color: #333;--entry-header-title-link-color: #bbb;--entry-content-color: #999;--entry-content-code-color: #fff;--entry-content-code-background: #555;--entry-content-code-border-color: #888;--entry-content-quote-color: #777;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #eee;--feed-parsing-error-background-color: #343434;--keyboard-shortcuts-li-color: #9b9b9b;--counter-color: #bbb}:root{--entry-content-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`, + "dark_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #efefef;--body-background: #222;--hr-border-color: #555;--title-color: #aaa;--link-color: #aaa;--link-focus-color: #ddd;--link-hover-color: #ddd;--header-list-border-color: #333;--header-link-color: #ddd;--header-link-focus-color: rgba(82, 168, 236, 0.85);--header-link-hover-color: rgba(82, 168, 236, 0.85);--header-active-link-color: #9b9494;--page-header-title-border-color: #333;--logo-color: #bbb;--logo-hover-color-span: #bbb;--table-border-color: #555;--table-th-background: #333;--table-th-color: #aaa;--table-tr-hover-background-color: #333;--table-tr-hover-color: #aaa;--button-primary-border-color: #444;--button-primary-background: #333;--button-primary-color: #efefef;--button-primary-focus-border-color: #888;--button-primary-focus-background: #555;--input-border: 1px solid #555;--input-background: #333;--input-color: #ccc;--input-focus-color: #efefef;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #efefef;--alert-background-color: #333;--alert-border-color: #444;--alert-success-color: #efefef;--alert-success-background-color: #333;--alert-success-border-color: #444;--alert-error-color: #efefef;--alert-error-background-color: #333;--alert-error-border-color: #444;--alert-info-color: #efefef;--alert-info-background-color: #333;--alert-info-border-color: #444;--panel-background: #333;--panel-border-color: #555;--panel-color: #9b9b9b;--modal-background: #333;--modal-color: #efefef;--modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);--pagination-link-color: #aaa;--pagination-border-color: #333;--category-color: #efefef;--category-background-color: #333;--category-border-color: #444;--category-link-color: #999;--category-link-hover-color: #aaa;--item-border-color: #666;--item-padding: 4px;--item-title-link-font-weight: 400;--item-status-read-title-link-color: #666;--item-status-read-title-focus-color: rgba(82, 168, 236, 0.6);--item-meta-focus-color: #aaa;--item-meta-li-color: #ddd;--current-item-border-width: 2px;--current-item-border-color: rgba(82, 168, 236, 0.8);--current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--entry-header-border-color: #333;--entry-header-title-link-color: #bbb;--entry-content-color: #999;--entry-content-code-color: #fff;--entry-content-code-background: #555;--entry-content-code-border-color: #888;--entry-content-quote-color: #777;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #eee;--feed-parsing-error-background-color: #343434;--keyboard-shortcuts-li-color: #9b9b9b;--counter-color: #bbb}:root{--entry-content-font-family: Georgia, 'Times New Roman', Times, serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`, + "light_sans_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #333;--body-background: #fff;--hr-border-color: #ccc;--title-color: #333;--link-color: #3366CC;--link-focus-color: red;--link-hover-color: #333;--header-list-border-color: #ddd;--header-link-color: #444;--header-link-focus-color: #888;--header-link-hover-color: #888;--header-active-link-color: #444;--page-header-title-border-color: #333;--logo-color: #000;--logo-hover-color-span: #000;--table-border-color: #ddd;--table-th-background: #fcfcfc;--table-th-color: #333;--table-tr-hover-background-color: #a3a3a3;--table-tr-hover-color: #333;--button-primary-border-color: #3079ed;--button-primary-background: #4d90fe;--button-primary-color: #fff;--button-primary-focus-border-color: #2f5bb7;--button-primary-focus-background: #357ae8;--input-border: 1px solid #ccc;--input-background: #fff;--input-color: #333;--input-focus-color: #000;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #c09853;--alert-background-color: #fcf8e3;--alert-border-color: #fbeed5;--alert-success-color: #468847;--alert-success-background-color: #dff0d8;--alert-success-border-color: #d6e9c6;--alert-error-color: #b94a48;--alert-error-background-color: #f2dede;--alert-error-border-color: #eed3d7;--alert-info-color: #3a87ad;--alert-info-background-color: #d9edf7;--alert-info-border-color: #bce8f1;--panel-background: #fcfcfc;--panel-border-color: #ddd;--panel-color: #333;--modal-background: #f0f0f0;--modal-color: #333;--modal-box-shadow: 2px 0 5px 0 #ccc;--pagination-link-color: #333;--pagination-border-color: #ddd;--category-color: #333;--category-background-color: #fffcd7;--category-border-color: #d5d458;--category-link-color: #000;--category-link-hover-color: #000;--item-border-color: #ddd;--item-padding: 5px;--item-title-link-font-weight: 600;--item-status-read-title-link-color: #777;--item-status-read-title-focus-color: #777;--item-meta-focus-color: #777;--item-meta-li-color: #aaa;--current-item-border-width: 3px;--current-item-border-color: #bce;--current-item-box-shadow: none;--entry-header-border-color: #ddd;--entry-header-title-link-color: #333;--entry-content-color: #555;--entry-content-code-color: #333;--entry-content-code-background: #f0f0f0;--entry-content-code-border-color: #ddd;--entry-content-quote-color: #666;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #333;--feed-parsing-error-background-color: #fcf8e3;--keyboard-shortcuts-li-color: #333;--counter-color: #666}:root{--entry-content-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`, + "light_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #333;--body-background: #fff;--hr-border-color: #ccc;--title-color: #333;--link-color: #3366CC;--link-focus-color: red;--link-hover-color: #333;--header-list-border-color: #ddd;--header-link-color: #444;--header-link-focus-color: #888;--header-link-hover-color: #888;--header-active-link-color: #444;--page-header-title-border-color: #333;--logo-color: #000;--logo-hover-color-span: #000;--table-border-color: #ddd;--table-th-background: #fcfcfc;--table-th-color: #333;--table-tr-hover-background-color: #a3a3a3;--table-tr-hover-color: #333;--button-primary-border-color: #3079ed;--button-primary-background: #4d90fe;--button-primary-color: #fff;--button-primary-focus-border-color: #2f5bb7;--button-primary-focus-background: #357ae8;--input-border: 1px solid #ccc;--input-background: #fff;--input-color: #333;--input-focus-color: #000;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #c09853;--alert-background-color: #fcf8e3;--alert-border-color: #fbeed5;--alert-success-color: #468847;--alert-success-background-color: #dff0d8;--alert-success-border-color: #d6e9c6;--alert-error-color: #b94a48;--alert-error-background-color: #f2dede;--alert-error-border-color: #eed3d7;--alert-info-color: #3a87ad;--alert-info-background-color: #d9edf7;--alert-info-border-color: #bce8f1;--panel-background: #fcfcfc;--panel-border-color: #ddd;--panel-color: #333;--modal-background: #f0f0f0;--modal-color: #333;--modal-box-shadow: 2px 0 5px 0 #ccc;--pagination-link-color: #333;--pagination-border-color: #ddd;--category-color: #333;--category-background-color: #fffcd7;--category-border-color: #d5d458;--category-link-color: #000;--category-link-hover-color: #000;--item-border-color: #ddd;--item-padding: 5px;--item-title-link-font-weight: 600;--item-status-read-title-link-color: #777;--item-status-read-title-focus-color: #777;--item-meta-focus-color: #777;--item-meta-li-color: #aaa;--current-item-border-width: 3px;--current-item-border-color: #bce;--current-item-box-shadow: none;--entry-header-border-color: #ddd;--entry-header-title-link-color: #333;--entry-content-color: #555;--entry-content-code-color: #333;--entry-content-code-background: #f0f0f0;--entry-content-code-border-color: #ddd;--entry-content-quote-color: #666;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #333;--feed-parsing-error-background-color: #fcf8e3;--keyboard-shortcuts-li-color: #333;--counter-color: #666}:root{--entry-content-font-family: Georgia, 'Times New Roman', Times, serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`, + "system_sans_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #333;--body-background: #fff;--hr-border-color: #ccc;--title-color: #333;--link-color: #3366CC;--link-focus-color: red;--link-hover-color: #333;--header-list-border-color: #ddd;--header-link-color: #444;--header-link-focus-color: #888;--header-link-hover-color: #888;--header-active-link-color: #444;--page-header-title-border-color: #333;--logo-color: #000;--logo-hover-color-span: #000;--table-border-color: #ddd;--table-th-background: #fcfcfc;--table-th-color: #333;--table-tr-hover-background-color: #a3a3a3;--table-tr-hover-color: #333;--button-primary-border-color: #3079ed;--button-primary-background: #4d90fe;--button-primary-color: #fff;--button-primary-focus-border-color: #2f5bb7;--button-primary-focus-background: #357ae8;--input-border: 1px solid #ccc;--input-background: #fff;--input-color: #333;--input-focus-color: #000;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #c09853;--alert-background-color: #fcf8e3;--alert-border-color: #fbeed5;--alert-success-color: #468847;--alert-success-background-color: #dff0d8;--alert-success-border-color: #d6e9c6;--alert-error-color: #b94a48;--alert-error-background-color: #f2dede;--alert-error-border-color: #eed3d7;--alert-info-color: #3a87ad;--alert-info-background-color: #d9edf7;--alert-info-border-color: #bce8f1;--panel-background: #fcfcfc;--panel-border-color: #ddd;--panel-color: #333;--modal-background: #f0f0f0;--modal-color: #333;--modal-box-shadow: 2px 0 5px 0 #ccc;--pagination-link-color: #333;--pagination-border-color: #ddd;--category-color: #333;--category-background-color: #fffcd7;--category-border-color: #d5d458;--category-link-color: #000;--category-link-hover-color: #000;--item-border-color: #ddd;--item-padding: 5px;--item-title-link-font-weight: 600;--item-status-read-title-link-color: #777;--item-status-read-title-focus-color: #777;--item-meta-focus-color: #777;--item-meta-li-color: #aaa;--current-item-border-width: 3px;--current-item-border-color: #bce;--current-item-box-shadow: none;--entry-header-border-color: #ddd;--entry-header-title-link-color: #333;--entry-content-color: #555;--entry-content-code-color: #333;--entry-content-code-background: #f0f0f0;--entry-content-code-border-color: #ddd;--entry-content-quote-color: #666;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #333;--feed-parsing-error-background-color: #fcf8e3;--keyboard-shortcuts-li-color: #333;--counter-color: #666}@media(prefers-color-scheme:dark){:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #efefef;--body-background: #222;--hr-border-color: #555;--title-color: #aaa;--link-color: #aaa;--link-focus-color: #ddd;--link-hover-color: #ddd;--header-list-border-color: #333;--header-link-color: #ddd;--header-link-focus-color: rgba(82, 168, 236, 0.85);--header-link-hover-color: rgba(82, 168, 236, 0.85);--header-active-link-color: #9b9494;--page-header-title-border-color: #333;--logo-color: #bbb;--logo-hover-color-span: #bbb;--table-border-color: #555;--table-th-background: #333;--table-th-color: #aaa;--table-tr-hover-background-color: #333;--table-tr-hover-color: #aaa;--button-primary-border-color: #444;--button-primary-background: #333;--button-primary-color: #efefef;--button-primary-focus-border-color: #888;--button-primary-focus-background: #555;--input-border: 1px solid #555;--input-background: #333;--input-color: #ccc;--input-focus-color: #efefef;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #efefef;--alert-background-color: #333;--alert-border-color: #444;--alert-success-color: #efefef;--alert-success-background-color: #333;--alert-success-border-color: #444;--alert-error-color: #efefef;--alert-error-background-color: #333;--alert-error-border-color: #444;--alert-info-color: #efefef;--alert-info-background-color: #333;--alert-info-border-color: #444;--panel-background: #333;--panel-border-color: #555;--panel-color: #9b9b9b;--modal-background: #333;--modal-color: #efefef;--modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);--pagination-link-color: #aaa;--pagination-border-color: #333;--category-color: #efefef;--category-background-color: #333;--category-border-color: #444;--category-link-color: #999;--category-link-hover-color: #aaa;--item-border-color: #666;--item-padding: 4px;--item-title-link-font-weight: 400;--item-status-read-title-link-color: #666;--item-status-read-title-focus-color: rgba(82, 168, 236, 0.6);--item-meta-focus-color: #aaa;--item-meta-li-color: #ddd;--current-item-border-width: 2px;--current-item-border-color: rgba(82, 168, 236, 0.8);--current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--entry-header-border-color: #333;--entry-header-title-link-color: #bbb;--entry-content-color: #999;--entry-content-code-color: #fff;--entry-content-code-background: #555;--entry-content-code-border-color: #888;--entry-content-quote-color: #777;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #eee;--feed-parsing-error-background-color: #343434;--keyboard-shortcuts-li-color: #9b9b9b;--counter-color: #bbb}}:root{--entry-content-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`, + "system_serif": `:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #333;--body-background: #fff;--hr-border-color: #ccc;--title-color: #333;--link-color: #3366CC;--link-focus-color: red;--link-hover-color: #333;--header-list-border-color: #ddd;--header-link-color: #444;--header-link-focus-color: #888;--header-link-hover-color: #888;--header-active-link-color: #444;--page-header-title-border-color: #333;--logo-color: #000;--logo-hover-color-span: #000;--table-border-color: #ddd;--table-th-background: #fcfcfc;--table-th-color: #333;--table-tr-hover-background-color: #a3a3a3;--table-tr-hover-color: #333;--button-primary-border-color: #3079ed;--button-primary-background: #4d90fe;--button-primary-color: #fff;--button-primary-focus-border-color: #2f5bb7;--button-primary-focus-background: #357ae8;--input-border: 1px solid #ccc;--input-background: #fff;--input-color: #333;--input-focus-color: #000;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #c09853;--alert-background-color: #fcf8e3;--alert-border-color: #fbeed5;--alert-success-color: #468847;--alert-success-background-color: #dff0d8;--alert-success-border-color: #d6e9c6;--alert-error-color: #b94a48;--alert-error-background-color: #f2dede;--alert-error-border-color: #eed3d7;--alert-info-color: #3a87ad;--alert-info-background-color: #d9edf7;--alert-info-border-color: #bce8f1;--panel-background: #fcfcfc;--panel-border-color: #ddd;--panel-color: #333;--modal-background: #f0f0f0;--modal-color: #333;--modal-box-shadow: 2px 0 5px 0 #ccc;--pagination-link-color: #333;--pagination-border-color: #ddd;--category-color: #333;--category-background-color: #fffcd7;--category-border-color: #d5d458;--category-link-color: #000;--category-link-hover-color: #000;--item-border-color: #ddd;--item-padding: 5px;--item-title-link-font-weight: 600;--item-status-read-title-link-color: #777;--item-status-read-title-focus-color: #777;--item-meta-focus-color: #777;--item-meta-li-color: #aaa;--current-item-border-width: 3px;--current-item-border-color: #bce;--current-item-box-shadow: none;--entry-header-border-color: #ddd;--entry-header-title-link-color: #333;--entry-content-color: #555;--entry-content-code-color: #333;--entry-content-code-background: #f0f0f0;--entry-content-code-border-color: #ddd;--entry-content-quote-color: #666;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #333;--feed-parsing-error-background-color: #fcf8e3;--keyboard-shortcuts-li-color: #333;--counter-color: #666}@media(prefers-color-scheme:dark){:root{--font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--body-color: #efefef;--body-background: #222;--hr-border-color: #555;--title-color: #aaa;--link-color: #aaa;--link-focus-color: #ddd;--link-hover-color: #ddd;--header-list-border-color: #333;--header-link-color: #ddd;--header-link-focus-color: rgba(82, 168, 236, 0.85);--header-link-hover-color: rgba(82, 168, 236, 0.85);--header-active-link-color: #9b9494;--page-header-title-border-color: #333;--logo-color: #bbb;--logo-hover-color-span: #bbb;--table-border-color: #555;--table-th-background: #333;--table-th-color: #aaa;--table-tr-hover-background-color: #333;--table-tr-hover-color: #aaa;--button-primary-border-color: #444;--button-primary-background: #333;--button-primary-color: #efefef;--button-primary-focus-border-color: #888;--button-primary-focus-background: #555;--input-border: 1px solid #555;--input-background: #333;--input-color: #ccc;--input-focus-color: #efefef;--input-focus-border-color: rgba(82, 168, 236, 0.8);--input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--alert-color: #efefef;--alert-background-color: #333;--alert-border-color: #444;--alert-success-color: #efefef;--alert-success-background-color: #333;--alert-success-border-color: #444;--alert-error-color: #efefef;--alert-error-background-color: #333;--alert-error-border-color: #444;--alert-info-color: #efefef;--alert-info-background-color: #333;--alert-info-border-color: #444;--panel-background: #333;--panel-border-color: #555;--panel-color: #9b9b9b;--modal-background: #333;--modal-color: #efefef;--modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6);--pagination-link-color: #aaa;--pagination-border-color: #333;--category-color: #efefef;--category-background-color: #333;--category-border-color: #444;--category-link-color: #999;--category-link-hover-color: #aaa;--item-border-color: #666;--item-padding: 4px;--item-title-link-font-weight: 400;--item-status-read-title-link-color: #666;--item-status-read-title-focus-color: rgba(82, 168, 236, 0.6);--item-meta-focus-color: #aaa;--item-meta-li-color: #ddd;--current-item-border-width: 2px;--current-item-border-color: rgba(82, 168, 236, 0.8);--current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);--entry-header-border-color: #333;--entry-header-title-link-color: #bbb;--entry-content-color: #999;--entry-content-code-color: #fff;--entry-content-code-background: #555;--entry-content-code-border-color: #888;--entry-content-quote-color: #777;--entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif;--entry-enclosure-border-color: #333;--parsing-error-color: #eee;--feed-parsing-error-background-color: #343434;--keyboard-shortcuts-li-color: #9b9b9b;--counter-color: #bbb}}:root{--entry-content-font-family: Georgia, 'Times New Roman', Times, serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{font-family:var(--font-family);text-rendering:optimizeLegibility;color:var(--body-color);background:var(--body-background)}hr{border:0;height:0;border-top:1px dotted var(--hr-border-color);padding-bottom:10px}h1,h2,h3{color:var(--title-color)}main{padding-left:5px;padding-right:5px;margin-bottom:30px}a{color:var(--link-color)}a:focus{outline:0;color:var(--link-focus-color);text-decoration:none;outline:1px dotted #aaa}a:hover{color:var(--link-hover-color);text-decoration:none}.header{margin-top:10px;margin-bottom:20px}.header nav ul{display:none}.header li{cursor:pointer;padding-left:10px;line-height:2.1em;font-size:1.2em;border-bottom:1px dotted var(--header-list-border-color)}.header li:hover a{color:#888}.header a{font-size:.9em;color:var(--header-link-color);text-decoration:none;border:none;font-weight:400}.header .active a{color:var(--header-active-link-color);font-weight:500}.header a:hover{color:var(--header-link-hover-color)}.header a:focus{color:var(--header-link-focus-color)}.page-header{margin-bottom:25px}.page-footer{margin-bottom:10px}.page-header h1{font-weight:500;border-bottom:1px dotted var(--page-header-title-border-color)}.page-header ul,.page-footer ul{margin-left:25px}.page-header li,.page-footer li{list-style-type:circle;line-height:1.8em}.logo{cursor:pointer;text-align:center}.logo a{color:var(--logo-color);letter-spacing:1px}.logo a:hover{color:#396}.logo a span{color:#396}.logo a:hover span{color:var(--logo-hover-color-span)}.search{text-align:center;display:none}.search-toggle-switch{display:none}@media(min-width:600px){body{margin:auto;max-width:750px}.header{margin-bottom:0}.logo{text-align:left;float:left;margin-right:15px;margin-left:5px}.header nav ul{display:block}.header li{display:inline;padding:0;padding-right:15px;line-height:normal;border:none;font-size:1em}.page-header ul,.page-footer ul{margin-left:0}.page-header li,.page-footer li{display:inline;padding-right:15px}.search{text-align:right;display:block;margin-top:10px;margin-right:5px}.search-toggle-switch{display:block}.search-form{display:none}.search-toggle-switch.has-search-query{display:none}.search-form.has-search-query{display:block}}table{width:100%;border-collapse:collapse}table,th,td{border:1px solid var(--table-border-color)}th,td{padding:5px;text-align:left}td{vertical-align:top}th{background:var(--table-th-background);color:var(--table-th-color);font-weight:400}tr:hover{color:var(--table-tr-hover-color);background-color:var(--table-tr-hover-background-color)}.column-40{width:40%}.column-25{width:25%}.column-20{width:20%}fieldset{border:1px solid #ddd;padding:8px}legend{font-weight:500;padding-left:3px;padding-right:3px}label{cursor:pointer;display:block}.radio-group{line-height:1.9em}div.radio-group label{display:inline-block}select{margin-bottom:15px}input[type=search],input[type=url],input[type=password],input[type=text]{color:var(--input-color);background:var(--input-background);border:var(--input-border);padding:3px;line-height:20px;width:250px;font-size:99%;margin-bottom:10px;margin-top:5px;-webkit-appearance:none}input[type=search]:focus,input[type=url]:focus,input[type=password]:focus,input[type=text]:focus{color:var(--input-focus-color);border-color:var(--input-focus-border-color);outline:0;box-shadow:var(--input-focus-box-shadow)}input[type=checkbox]{margin-bottom:15px}::-moz-placeholder,::-ms-input-placeholder,::-webkit-input-placeholder{color:#ddd;padding-top:2px}.form-help{font-size:.9em;color:brown;margin-bottom:15px}.form-section{border-left:2px dotted #ddd;padding-left:20px;margin-left:10px}details>summary{outline:none;cursor:pointer}.details-content{margin-top:15px}a.button{text-decoration:none}.button{display:inline-block;-webkit-appearance:none;-moz-appearance:none;font-size:1.1em;cursor:pointer;padding:3px 10px;border:1px solid;border-radius:unset}.button-primary{border-color:var(--button-primary-border-color);background:var(--button-primary-background);color:var(--button-primary-color)}.button-primary:hover,.button-primary:focus{border-color:var(--button-primary-focus-border-color);background:var(--button-primary-focus-background)}.button-danger{border-color:#b0281a;background:#d14836;color:#fff}.button-danger:hover,.button-danger:focus{color:#fff;background:#c53727}.button:disabled{color:#ccc;background:#f7f7f7;border-color:#ccc}.buttons{margin-top:10px;margin-bottom:20px}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;color:var(--alert-color);background-color:var(--alert-background-color);border:1px solid var(--alert-border-color);border-radius:4px;overflow:auto}.alert h3{margin-top:0;margin-bottom:15px}.alert-success{color:var(--alert-success-color);background-color:var(--alert-success-background-color);border-color:var(--alert-success-border-color)}.alert-error{color:var(--alert-error-color);background-color:var(--alert-error-background-color);border-color:var(--alert-error-border-color)}.alert-error a{color:var(--alert-error-color)}.alert-info{color:var(--alert-info-color);background-color:var(--alert-info-background-color);border-color:var(--alert-info-border-color)}.panel{color:var(--panel-color);background-color:var(--panel-background);border:1px solid var(--panel-border-color);border-radius:5px;padding:10px;margin-bottom:15px}.panel h3{font-weight:500;margin-top:0;margin-bottom:20px}.panel ul{margin-left:30px}#modal-left{position:fixed;top:0;left:0;bottom:0;width:360px;overflow:auto;color:var(--modal-color);background:var(--modal-background);box-shadow:var(--modal-box-shadow);padding:5px;padding-top:30px}#modal-left h3{font-weight:400;margin:0}.btn-close-modal{position:absolute;top:0;right:0;font-size:1.7em;color:#ccc;padding:0 .2em;margin:10px;text-decoration:none}.btn-close-modal:hover{color:#999}.keyboard-shortcuts li{margin-left:25px;list-style-type:square;color:var(--keyboard-shortcuts-li-color);font-size:.95em;line-height:1.45em}.keyboard-shortcuts p{line-height:1.9em}.login-form{margin:50px auto 0;max-width:280px}.unread-counter-wrapper,.error-feeds-counter-wrapper{font-size:.9em;font-weight:300;color:var(--counter-color)}.category{font-size:.75em;background-color:var(--category-background-color);border:1px solid var(--category-border-color);border-radius:5px;margin-left:.25em;padding:1px .4em;white-space:nowrap;color:var(--category-color)}.category a{color:var(--category-link-color);text-decoration:none}.category a:hover,.category a:focus{color:var(--category-link-hover-color)}.pagination{font-size:1.1em;display:flex;align-items:center;padding-top:8px}.pagination-bottom{border-top:1px dotted var(--pagination-border-color);margin-bottom:15px;margin-top:50px}.pagination>div{flex:1}.pagination-next{text-align:right}.pagination-prev:before{content:"« "}.pagination-next:after{content:" »"}.pagination a{color:var(--pagination-color)}.pagination a:hover,.pagination a:focus{text-decoration:none}.item{border:1px dotted var(--item-border-color);margin-bottom:20px;padding:var(--item-padding);overflow:hidden}.item.current-item{border:var(--current-item-border-width) solid var(--current-item-border-color);padding:3px;box-shadow:var(--current-item-box-shadow)}.item-title a{text-decoration:none;font-weight:var(--item-title-link-font-weight)}.item-status-read .item-title a{color:var(--item-status-read-title-link-color)}.item-meta{color:var(--item-meta-focus-color);font-size:.8em}.item-meta a{color:#777;text-decoration:none}.item-meta a:hover,.item-meta a:focus{color:#333}.item-meta ul{margin-top:5px}.item-meta li{display:inline}.item-meta li:after{content:"|";color:var(--item-meta-li-color)}.item-meta li:last-child:after{content:""}.items{overflow-x:hidden}.hide-read-items .item-status-read:not(.current-item){display:none}article.feed-parsing-error{background-color:var(--feed-parsing-error-background-color);border-color:#aaa}.parsing-error{font-size:.85em;margin-top:2px;color:var(--parsing-error-color)}.parsing-error-count{cursor:pointer}.entry header{padding-bottom:5px;border-bottom:1px dotted var(--entry-header-border-color)}.entry header h1{font-size:2em;line-height:1.25em;margin:5px 0 30px}.entry header h1 a{text-decoration:none;color:var(--entry-header-title-link-color)}.entry header h1 a:hover,.entry header h1 a:focus{color:#666}.entry-actions{margin-bottom:20px}.entry-actions a{text-decoration:none}.entry-actions li{display:inline}.entry-actions li:not(:last-child):after{content:"|"}.entry-meta{font-size:.95em;margin:0 0 20px;color:#666;overflow-wrap:break-word}.entry-website img{vertical-align:top}.entry-website a{color:#666;vertical-align:top;text-decoration:none}.entry-website a:hover,.entry-website a:focus{text-decoration:underline}.entry-date{font-size:.65em;font-style:italic;color:#555}.entry-content{padding-top:15px;font-size:1.2em;font-weight:300;font-family:var(--entry-content-font-family);color:var(--entry-content-color);line-height:1.4em;overflow-wrap:break-word}.entry-content h1,h2,h3,h4,h5,h6{margin-top:15px;margin-bottom:10px}.entry-content iframe,.entry-content video,.entry-content img{max-width:100%}.entry-content figure{margin-top:15px;margin-bottom:15px}.entry-content figure img{border:1px solid #000}.entry-content figcaption{font-size:.75em;text-transform:uppercase;color:#777}.entry-content p{margin-top:10px;margin-bottom:15px}.entry-content a{overflow-wrap:break-word}.entry-content a:visited{color:purple}.entry-content dt{font-weight:500;margin-top:15px;color:#555}.entry-content dd{margin-left:15px;margin-top:5px;padding-left:20px;border-left:3px solid #ddd;color:#777;font-weight:300;line-height:1.4em}.entry-content blockquote{border-left:4px solid #ddd;padding-left:25px;margin-left:20px;margin-top:20px;margin-bottom:20px;color:#888;line-height:1.4em;font-family:var(--entry-content-quote-font-family)}.entry-content q{color:var(--entry-content-quote-color);font-family:var(--entry-content-quote-font-family);font-style:italic}.entry-content q:before{content:"“"}.entry-content q:after{content:"”"}.entry-content pre{padding:5px;overflow:auto;overflow-wrap:initial;border-width:1px;border-style:solid}.entry-content pre,.entry-content code{color:var(--entry-content-code-color);background:var(--entry-content-code-background);border-color:var(--entry-content-code-border-color)}.entry-content table{table-layout:fixed;max-width:100%}.entry-content ul,.entry-content ol{margin-left:30px;margin-top:15px;margin-bottom:15px}.entry-content ul{list-style-type:square}.entry-content strong{font-weight:600}.entry-enclosures h3{font-weight:500}.entry-enclosure{border:1px dotted var(--entry-enclosure-border-color);padding:5px;margin-top:10px;max-width:100%}.entry-enclosure-download{font-size:.85em;overflow-wrap:break-word}.enclosure-video video,.enclosure-image img{max-width:100%}.confirm{font-weight:500;color:#ed2d04}.confirm a{color:#ed2d04}.loading{font-style:italic}.bookmarklet{border:1px dashed #ccc;border-radius:5px;padding:15px;margin:15px;text-align:center}.bookmarklet a{font-weight:600;text-decoration:none;font-size:1.2em}`, } var StylesheetsChecksums = map[string]string{ - "black": "0d0bfa53787d1305adca108e105820ba354711781a75ce8e62e4f756fc3ae261", - "default": "20e3b8eb7140ed0a2d14fefbb7b564ca1a6c8eeb91a6d9f839e94644f3c2ace7", - "sansserif": "5a95d9f9e42c49bea063364ca9104a7f4787838327a4d1021ce754594a8aeb98", + "dark_sans_serif": "ee67e54b0f9a0950bdc947f432229b1053e7e9547c32b6d5e7ba5d936a9a8582", + "dark_serif": "d54e2a1a8e0586a43f339dd9154162eb2d47e8514e493b62093ae707a1cc1ed3", + "light_sans_serif": "dfb1d37d905bc483bf8efea0c3a7059832d0c60ce3b02b639b831e0cd8ff48cf", + "light_serif": "983946bf4df99ad9b08d8792685f990a764b23bd4c46e73782708e0412a81ea3", + "system_sans_serif": "ab6ffcef50a1833fe39b1ef7588dd3840c498670719b88f9fcdce0eb65c56d30", + "system_serif": "f881e0cf4dbb7df00daf364744746751d9d37d0babab58761d7aded731d73313", } diff --git a/ui/static/css/black.css b/ui/static/css/black.css deleted file mode 100644 index 3272dab..0000000 --- a/ui/static/css/black.css +++ /dev/null @@ -1,233 +0,0 @@ -/* Layout */ -body { - background: #222; - color: #efefef; -} - -hr { - border-color: #555; -} - -h1, h2, h3 { - color: #aaa; -} - -a { - color: #aaa; -} - -a:focus, -a:hover { - color: #ddd; -} - -/* Header and main menu */ -.header li { - border-color: #333; -} - -.header a { - color: #ddd; - font-weight: 400; -} - -.header .active a { - font-weight: 400; - color: #9b9494; -} - -.header a:focus, -.header a:hover { - color: rgba(82, 168, 236, 0.85); -} - -/* Page header */ -.page-header h1 { - border-color: #333; -} - -/* Logo */ -.logo a:hover span { - color: #555; -} - -/* Tables */ -table, th, td { - border: 1px solid #555; -} - -th { - background: #333; - color: #aaa; - font-weight: 400; -} - -tr:hover { - background-color: #333; - color: #aaa; -} - -/* Forms */ -input[type="search"], -input[type="url"], -input[type="password"], -input[type="text"] { - border: 1px solid #555; - background: #333; - color: #ccc; -} - -input[type="search"]:focus, -input[type="url"]:focus, -input[type="password"]:focus, -input[type="text"]:focus { - color: #efefef; - border-color: rgba(82, 168, 236, 0.8); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); -} - -/* Buttons */ -.button-primary { - border-color: #444; - background: #333; - color: #efefef; -} - -.button-primary:hover, -.button-primary:focus { - border-color: #888; - background: #555; -} - -/* Alerts */ -.alert, -.alert-success, -.alert-error, -.alert-info, -.alert-normal { - color: #efefef; - background-color: #333; - border-color: #444; -} - -/* Panel */ -.panel { - background: #333; - border-color: #555; - color: #9b9b9b; -} - -/* Modals */ -#modal-left { - background: #333; - color: #efefef; - box-shadow: 0 0 10px rgba(82, 168, 236, 0.6); -} - -/* Keyboard Shortcuts */ -.keyboard-shortcuts li { - color: #9b9b9b; -} - -/* Counters */ -.unread-counter-wrapper, -.error-feeds-counter-wrapper { - color: #bbb; -} - -/* Category label */ -.category { - color: #efefef; - background-color: #333; - border-color: #444; -} - -.category a { - color: #999; -} - -.category a:hover, -.category a:focus { - color: #aaa; -} - -/* Pagination */ -.pagination a { - color: #aaa; -} - -.pagination-bottom { - border-color: #333; -} - -/* List view */ -.item { - border-color: #666; - padding: 4px; -} - -.item.current-item { - border-width: 2px; - border-color: rgba(82, 168, 236, 0.8); - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); -} - -.item-title a { - font-weight: 400; -} - -.item-status-read .item-title a { - color: #666; -} - -.item-status-read .item-title a:focus, -.item-status-read .item-title a:hover { - color: rgba(82, 168, 236, 0.6); -} - -.item-meta a:hover, -.item-meta a:focus { - color: #aaa; -} - -.item-meta li:after { - color: #ddd; -} - -/* Feeds list */ -article.feed-parsing-error { - background-color: #343434; -} - -.parsing-error { - color: #eee; -} - -/* Entry view */ -.entry header { - border-color: #333; -} - -.entry header h1 a { - color: #bbb; -} - -.entry-content, -.entry-content p, ul { - color: #999; -} - -.entry-content pre, -.entry-content code { - color: #fff; - background: #555; - border-color: #888; -} - -.entry-content q { - color: #777; -} - -.entry-enclosure { - border-color: #333; -} diff --git a/ui/static/css/common.css b/ui/static/css/common.css index 02a9493..d0caef9 100644 --- a/ui/static/css/common.css +++ b/ui/static/css/common.css @@ -11,17 +11,23 @@ html { } body { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: var(--font-family); text-rendering: optimizeLegibility; + color: var(--body-color); + background: var(--body-background); } hr { border: 0; height: 0; - border-top: 1px dotted #ccc; + border-top: 1px dotted var(--hr-border-color); padding-bottom: 10px; } +h1, h2, h3 { + color: var(--title-color); +} + main { padding-left: 5px; padding-right: 5px; @@ -29,18 +35,18 @@ main { } a { - color: #3366CC; + color: var(--link-color); } a:focus { outline: 0; - color: red; + color: var(--link-focus-color); text-decoration: none; outline: 1px dotted #aaa; } a:hover { - color: #333; + color: var(--link-hover-color); text-decoration: none; } @@ -59,7 +65,7 @@ a:hover { padding-left: 10px; line-height: 2.1em; font-size: 1.2em; - border-bottom: 1px dotted #ddd; + border-bottom: 1px dotted var(--header-list-border-color); } .header li:hover a { @@ -68,18 +74,23 @@ a:hover { .header a { font-size: 0.9em; - color: #444; + color: var(--header-link-color); text-decoration: none; border: none; + font-weight: 400; } .header .active a { - font-weight: 600; + color: var(--header-active-link-color); + font-weight: 500; +} + +.header a:hover { + color: var(--header-link-hover-color); } -.header a:hover, .header a:focus { - color: #888; + color: var(--header-link-focus-color); } /* Page header and footer*/ @@ -93,7 +104,7 @@ a:hover { .page-header h1 { font-weight: 500; - border-bottom: 1px dotted #ddd; + border-bottom: 1px dotted var(--page-header-title-border-color); } .page-header ul, @@ -114,7 +125,7 @@ a:hover { } .logo a { - color: #000; + color: var(--logo-color); letter-spacing: 1px; } @@ -127,7 +138,7 @@ a:hover { } .logo a:hover span { - color: #000; + color: var(--logo-hover-color-span); } /* Search form */ @@ -213,7 +224,7 @@ table { } table, th, td { - border: 1px solid #ddd; + border: 1px solid var(--table-border-color); } th, td { @@ -226,11 +237,14 @@ td { } th { - background: #fcfcfc; + background: var(--table-th-background); + color: var(--table-th-color); + font-weight: 400; } tr:hover { - background-color: #f9f9f9; + color: var(--table-tr-hover-color); + background-color: var(--table-tr-hover-background-color); } .column-40 { @@ -278,7 +292,9 @@ input[type="search"], input[type="url"], input[type="password"], input[type="text"] { - border: 1px solid #ccc; + color: var(--input-color); + background: var(--input-background); + border: var(--input-border); padding: 3px; line-height: 20px; width: 250px; @@ -292,10 +308,10 @@ input[type="search"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="text"]:focus { - color: #000; - border-color: rgba(82, 168, 236, 0.8); + color: var(--input-focus-color); + border-color: var(--input-focus-border-color); outline: 0; - box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + box-shadow: var(--input-focus-box-shadow); } input[type="checkbox"] { @@ -347,15 +363,15 @@ a.button { } .button-primary { - border-color: #3079ed; - background: #4d90fe; - color: #fff; + border-color: var(--button-primary-border-color); + background: var(--button-primary-background); + color: var(--button-primary-color); } .button-primary:hover, .button-primary:focus { - border-color: #2f5bb7; - background: #357ae8; + border-color: var(--button-primary-focus-border-color); + background: var(--button-primary-focus-background); } .button-danger { @@ -385,9 +401,9 @@ a.button { .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; - color: #c09853; - background-color: #fcf8e3; - border: 1px solid #fbeed5; + color: var(--alert-color); + background-color: var(--alert-background-color); + border: 1px solid var(--alert-border-color); border-radius: 4px; overflow: auto; } @@ -398,32 +414,32 @@ a.button { } .alert-success { - color: #468847; - background-color: #dff0d8; - border-color: #d6e9c6; + color: var(--alert-success-color); + background-color: var(--alert-success-background-color); + border-color: var(--alert-success-border-color); } .alert-error { - color: #b94a48; - background-color: #f2dede; - border-color: #eed3d7; + color: var(--alert-error-color); + background-color: var(--alert-error-background-color); + border-color: var(--alert-error-border-color); } .alert-error a { - color: #b94a48; + color: var(--alert-error-color); } .alert-info { - color: #3a87ad; - background-color: #d9edf7; - border-color: #bce8f1; + color: var(--alert-info-color); + background-color: var(--alert-info-background-color); + border-color: var(--alert-info-border-color); } /* Panel */ .panel { - color: #333; - background-color: #fcfcfc; - border: 1px solid #ddd; + color: var(--panel-color); + background-color: var(--panel-background); + border: 1px solid var(--panel-border-color); border-radius: 5px; padding: 10px; margin-bottom: 15px; @@ -447,8 +463,9 @@ a.button { bottom: 0; width: 360px; overflow: auto; - background: #f0f0f0; - box-shadow: 2px 0 5px 0 #ccc; + color: var(--modal-color); + background: var(--modal-background); + box-shadow: var(--modal-box-shadow); padding: 5px; padding-top: 30px; } @@ -477,7 +494,7 @@ a.button { .keyboard-shortcuts li { margin-left: 25px; list-style-type: square; - color: #333; + color: var(--keyboard-shortcuts-li-color); font-size: 0.95em; line-height: 1.45em; } @@ -497,28 +514,29 @@ a.button { .error-feeds-counter-wrapper { font-size: 0.9em; font-weight: 300; - color: #666; + color: var(--counter-color); } /* Category label */ .category { font-size: 0.75em; - background-color: #fffcd7; - border: 1px solid #d5d458; + background-color: var(--category-background-color); + border: 1px solid var(--category-border-color); border-radius: 5px; margin-left: 0.25em; padding: 1px 0.4em 1px 0.4em; white-space: nowrap; + color: var(--category-color); } .category a { - color: #555; + color: var(--category-link-color); text-decoration: none; } .category a:hover, .category a:focus { - color: #000; + color: var(--category-link-hover-color); } /* Pagination */ @@ -530,7 +548,7 @@ a.button { } .pagination-bottom { - border-top: 1px dotted #ddd; + border-top: 1px dotted var(--pagination-border-color); margin-bottom: 15px; margin-top: 50px; } @@ -552,7 +570,7 @@ a.button { } .pagination a { - color: #333; + color: var(--pagination-color); } .pagination a:hover, @@ -562,28 +580,29 @@ a.button { /* List view */ .item { - border: 1px dotted #ddd; + border: 1px dotted var(--item-border-color); margin-bottom: 20px; - padding: 5px; + padding: var(--item-padding); overflow: hidden; } .item.current-item { - border: 3px solid #bce; + border: var(--current-item-border-width) solid var(--current-item-border-color); padding: 3px; + box-shadow: var(--current-item-box-shadow); } .item-title a { text-decoration: none; - font-weight: 600; + font-weight: var(--item-title-link-font-weight); } .item-status-read .item-title a { - color: #777; + color: var(--item-status-read-title-link-color); } .item-meta { - color: #777; + color: var(--item-meta-focus-color); font-size: 0.8em; } @@ -607,7 +626,7 @@ a.button { .item-meta li:after { content: "|"; - color: #aaa; + color: var(--item-meta-li-color); } .item-meta li:last-child:after { @@ -624,14 +643,14 @@ a.button { /* Feeds list */ article.feed-parsing-error { - background-color: #fcf8e3; + background-color: var(--feed-parsing-error-background-color); border-color: #aaa; } .parsing-error { font-size: 0.85em; margin-top: 2px; - color: #333; + color: var(--parsing-error-color); } .parsing-error-count { @@ -641,7 +660,7 @@ article.feed-parsing-error { /* Entry view */ .entry header { padding-bottom: 5px; - border-bottom: 1px dotted #ddd; + border-bottom: 1px dotted var(--entry-header-border-color); } .entry header h1 { @@ -652,7 +671,7 @@ article.feed-parsing-error { .entry header h1 a { text-decoration: none; - color: #333; + color: var(--entry-header-title-link-color); } .entry header h1 a:hover, @@ -708,8 +727,8 @@ article.feed-parsing-error { padding-top: 15px; font-size: 1.2em; font-weight: 300; - font-family: Georgia, 'Times New Roman', Times, serif; - color: #555; + font-family: var(--entry-content-font-family); + color: var(--entry-content-color); line-height: 1.4em; overflow-wrap: break-word; } @@ -777,12 +796,12 @@ article.feed-parsing-error { margin-bottom: 20px; color: #888; line-height: 1.4em; - font-family: Georgia, serif; + font-family: var(--entry-content-quote-font-family); } .entry-content q { - color: purple; - font-family: Georgia, serif; + color: var(--entry-content-quote-color); + font-family: var(--entry-content-quote-font-family); font-style: italic; } @@ -796,10 +815,17 @@ article.feed-parsing-error { .entry-content pre { padding: 5px; - background: #f0f0f0; - border: 1px solid #ddd; overflow: auto; overflow-wrap: initial; + border-width: 1px; + border-style: solid; +} + +.entry-content pre, +.entry-content code { + color: var(--entry-content-code-color); + background: var(--entry-content-code-background); + border-color: var(--entry-content-code-border-color); } .entry-content table { @@ -810,6 +836,8 @@ article.feed-parsing-error { .entry-content ul, .entry-content ol { margin-left: 30px; + margin-top: 15px; + margin-bottom: 15px; } .entry-content ul { @@ -825,7 +853,7 @@ article.feed-parsing-error { } .entry-enclosure { - border: 1px dotted #ddd; + border: 1px dotted var(--entry-enclosure-border-color); padding: 5px; margin-top: 10px; max-width: 100%; diff --git a/ui/static/css/dark.css b/ui/static/css/dark.css new file mode 100644 index 0000000..2c7170f --- /dev/null +++ b/ui/static/css/dark.css @@ -0,0 +1,105 @@ +:root { + --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; + --body-color: #efefef; + --body-background: #222; + --hr-border-color: #555; + --title-color: #aaa; + --link-color: #aaa; + --link-focus-color: #ddd; + --link-hover-color: #ddd; + + --header-list-border-color: #333; + --header-link-color: #ddd; + --header-link-focus-color: rgba(82, 168, 236, 0.85); + --header-link-hover-color: rgba(82, 168, 236, 0.85); + --header-active-link-color: #9b9494; + + --page-header-title-border-color: #333; + + --logo-color: #bbb; + --logo-hover-color-span: #bbb; + + --table-border-color: #555; + --table-th-background: #333; + --table-th-color: #aaa; + --table-tr-hover-background-color: #333; + --table-tr-hover-color: #aaa; + + --button-primary-border-color: #444; + --button-primary-background: #333; + --button-primary-color: #efefef; + --button-primary-focus-border-color: #888; + --button-primary-focus-background: #555; + + --input-border: 1px solid #555; + --input-background: #333; + --input-color: #ccc; + + --input-focus-color: #efefef; + --input-focus-border-color: rgba(82, 168, 236, 0.8); + --input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + + --alert-color: #efefef; + --alert-background-color: #333; + --alert-border-color: #444; + + --alert-success-color: #efefef; + --alert-success-background-color: #333; + --alert-success-border-color: #444; + + --alert-error-color: #efefef; + --alert-error-background-color: #333; + --alert-error-border-color: #444; + + --alert-info-color: #efefef; + --alert-info-background-color: #333; + --alert-info-border-color: #444; + + --panel-background: #333; + --panel-border-color: #555; + --panel-color: #9b9b9b; + + --modal-background: #333; + --modal-color: #efefef; + --modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6); + + --pagination-link-color: #aaa; + --pagination-border-color: #333; + + --category-color: #efefef; + --category-background-color: #333; + --category-border-color: #444; + --category-link-color: #999; + --category-link-hover-color: #aaa; + + --item-border-color: #666; + --item-padding: 4px; + --item-title-link-font-weight: 400; + + --item-status-read-title-link-color: #666; + --item-status-read-title-focus-color: rgba(82, 168, 236, 0.6); + + --item-meta-focus-color: #aaa; + --item-meta-li-color: #ddd; + + --current-item-border-width: 2px; + --current-item-border-color: rgba(82, 168, 236, 0.8); + --current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + + --entry-header-border-color: #333; + --entry-header-title-link-color: #bbb; + --entry-content-color: #999; + --entry-content-code-color: #fff; + --entry-content-code-background: #555; + --entry-content-code-border-color: #888; + --entry-content-quote-color: #777; + --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif; + --entry-enclosure-border-color: #333; + + --parsing-error-color: #eee; + --feed-parsing-error-background-color: #343434; + + --keyboard-shortcuts-li-color: #9b9b9b; + + --counter-color: #bbb; +} diff --git a/ui/static/css/light.css b/ui/static/css/light.css new file mode 100644 index 0000000..232589e --- /dev/null +++ b/ui/static/css/light.css @@ -0,0 +1,105 @@ +:root { + --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; + --body-color: #333; + --body-background: #fff; + --hr-border-color: #ccc; + --title-color: #333; + --link-color: #3366CC; + --link-focus-color: red; + --link-hover-color: #333; + + --header-list-border-color: #ddd; + --header-link-color: #444; + --header-link-focus-color: #888; + --header-link-hover-color: #888; + --header-active-link-color: #444; + + --page-header-title-border-color: #333; + + --logo-color: #000; + --logo-hover-color-span: #000; + + --table-border-color: #ddd; + --table-th-background: #fcfcfc; + --table-th-color: #333; + --table-tr-hover-background-color: #a3a3a3; + --table-tr-hover-color: #333; + + --button-primary-border-color: #3079ed; + --button-primary-background: #4d90fe; + --button-primary-color: #fff; + --button-primary-focus-border-color: #2f5bb7; + --button-primary-focus-background: #357ae8; + + --input-border: 1px solid #ccc; + --input-background: #fff; + --input-color: #333; + + --input-focus-color: #000; + --input-focus-border-color: rgba(82, 168, 236, 0.8); + --input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + + --alert-color: #c09853; + --alert-background-color: #fcf8e3; + --alert-border-color: #fbeed5; + + --alert-success-color: #468847; + --alert-success-background-color: #dff0d8; + --alert-success-border-color: #d6e9c6; + + --alert-error-color: #b94a48; + --alert-error-background-color: #f2dede; + --alert-error-border-color: #eed3d7; + + --alert-info-color: #3a87ad; + --alert-info-background-color: #d9edf7; + --alert-info-border-color: #bce8f1; + + --panel-background: #fcfcfc; + --panel-border-color: #ddd; + --panel-color: #333; + + --modal-background: #f0f0f0; + --modal-color: #333; + --modal-box-shadow: 2px 0 5px 0 #ccc; + + --pagination-link-color: #333; + --pagination-border-color: #ddd; + + --category-color: #333; + --category-background-color: #fffcd7; + --category-border-color: #d5d458; + --category-link-color: #000; + --category-link-hover-color: #000; + + --item-border-color: #ddd; + --item-padding: 5px; + --item-title-link-font-weight: 600; + + --item-status-read-title-link-color: #777; + --item-status-read-title-focus-color: #777; + + --item-meta-focus-color: #777; + --item-meta-li-color: #aaa; + + --current-item-border-width: 3px; + --current-item-border-color: #bce; + --current-item-box-shadow: none; + + --entry-header-border-color: #ddd; + --entry-header-title-link-color: #333; + --entry-content-color: #555; + --entry-content-code-color: #333; + --entry-content-code-background: #f0f0f0; + --entry-content-code-border-color: #ddd; + --entry-content-quote-color: #666; + --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif; + --entry-enclosure-border-color: #333; + + --parsing-error-color: #333; + --feed-parsing-error-background-color: #fcf8e3; + + --keyboard-shortcuts-li-color: #333; + + --counter-color: #666; +} diff --git a/ui/static/css/sans_serif.css b/ui/static/css/sans_serif.css new file mode 100644 index 0000000..b7c1d95 --- /dev/null +++ b/ui/static/css/sans_serif.css @@ -0,0 +1,3 @@ +:root { + --entry-content-font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; +} diff --git a/ui/static/css/sansserif.css b/ui/static/css/sansserif.css deleted file mode 100644 index ae97b5d..0000000 --- a/ui/static/css/sansserif.css +++ /dev/null @@ -1,11 +0,0 @@ -body, -.entry-content, -.entry-content blockquote, -.entry-content q { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; -} - -.entry-content { - font-size: 1.17em; - font-weight: 400; -} diff --git a/ui/static/css/serif.css b/ui/static/css/serif.css new file mode 100644 index 0000000..8e6ba04 --- /dev/null +++ b/ui/static/css/serif.css @@ -0,0 +1,3 @@ +:root { + --entry-content-font-family: Georgia, 'Times New Roman', Times, serif; +} \ No newline at end of file diff --git a/ui/static/css/system.css b/ui/static/css/system.css new file mode 100644 index 0000000..78dcf4e --- /dev/null +++ b/ui/static/css/system.css @@ -0,0 +1,213 @@ +:root { + --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; + --body-color: #333; + --body-background: #fff; + --hr-border-color: #ccc; + --title-color: #333; + --link-color: #3366CC; + --link-focus-color: red; + --link-hover-color: #333; + + --header-list-border-color: #ddd; + --header-link-color: #444; + --header-link-focus-color: #888; + --header-link-hover-color: #888; + --header-active-link-color: #444; + + --page-header-title-border-color: #333; + + --logo-color: #000; + --logo-hover-color-span: #000; + + --table-border-color: #ddd; + --table-th-background: #fcfcfc; + --table-th-color: #333; + --table-tr-hover-background-color: #a3a3a3; + --table-tr-hover-color: #333; + + --button-primary-border-color: #3079ed; + --button-primary-background: #4d90fe; + --button-primary-color: #fff; + --button-primary-focus-border-color: #2f5bb7; + --button-primary-focus-background: #357ae8; + + --input-border: 1px solid #ccc; + --input-background: #fff; + --input-color: #333; + + --input-focus-color: #000; + --input-focus-border-color: rgba(82, 168, 236, 0.8); + --input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + + --alert-color: #c09853; + --alert-background-color: #fcf8e3; + --alert-border-color: #fbeed5; + + --alert-success-color: #468847; + --alert-success-background-color: #dff0d8; + --alert-success-border-color: #d6e9c6; + + --alert-error-color: #b94a48; + --alert-error-background-color: #f2dede; + --alert-error-border-color: #eed3d7; + + --alert-info-color: #3a87ad; + --alert-info-background-color: #d9edf7; + --alert-info-border-color: #bce8f1; + + --panel-background: #fcfcfc; + --panel-border-color: #ddd; + --panel-color: #333; + + --modal-background: #f0f0f0; + --modal-color: #333; + --modal-box-shadow: 2px 0 5px 0 #ccc; + + --pagination-link-color: #333; + --pagination-border-color: #ddd; + + --category-color: #333; + --category-background-color: #fffcd7; + --category-border-color: #d5d458; + --category-link-color: #000; + --category-link-hover-color: #000; + + --item-border-color: #ddd; + --item-padding: 5px; + --item-title-link-font-weight: 600; + + --item-status-read-title-link-color: #777; + --item-status-read-title-focus-color: #777; + + --item-meta-focus-color: #777; + --item-meta-li-color: #aaa; + + --current-item-border-width: 3px; + --current-item-border-color: #bce; + --current-item-box-shadow: none; + + --entry-header-border-color: #ddd; + --entry-header-title-link-color: #333; + --entry-content-color: #555; + --entry-content-code-color: #333; + --entry-content-code-background: #f0f0f0; + --entry-content-code-border-color: #ddd; + --entry-content-quote-color: #666; + --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif; + --entry-enclosure-border-color: #333; + + --parsing-error-color: #333; + --feed-parsing-error-background-color: #fcf8e3; + + --keyboard-shortcuts-li-color: #333; + + --counter-color: #666; +} + +@media (prefers-color-scheme: dark) { + :root { + --font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; + --body-color: #efefef; + --body-background: #222; + --hr-border-color: #555; + --title-color: #aaa; + --link-color: #aaa; + --link-focus-color: #ddd; + --link-hover-color: #ddd; + + --header-list-border-color: #333; + --header-link-color: #ddd; + --header-link-focus-color: rgba(82, 168, 236, 0.85); + --header-link-hover-color: rgba(82, 168, 236, 0.85); + --header-active-link-color: #9b9494; + + --page-header-title-border-color: #333; + + --logo-color: #bbb; + --logo-hover-color-span: #bbb; + + --table-border-color: #555; + --table-th-background: #333; + --table-th-color: #aaa; + --table-tr-hover-background-color: #333; + --table-tr-hover-color: #aaa; + + --button-primary-border-color: #444; + --button-primary-background: #333; + --button-primary-color: #efefef; + --button-primary-focus-border-color: #888; + --button-primary-focus-background: #555; + + --input-border: 1px solid #555; + --input-background: #333; + --input-color: #ccc; + + --input-focus-color: #efefef; + --input-focus-border-color: rgba(82, 168, 236, 0.8); + --input-focus-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + + --alert-color: #efefef; + --alert-background-color: #333; + --alert-border-color: #444; + + --alert-success-color: #efefef; + --alert-success-background-color: #333; + --alert-success-border-color: #444; + + --alert-error-color: #efefef; + --alert-error-background-color: #333; + --alert-error-border-color: #444; + + --alert-info-color: #efefef; + --alert-info-background-color: #333; + --alert-info-border-color: #444; + + --panel-background: #333; + --panel-border-color: #555; + --panel-color: #9b9b9b; + + --modal-background: #333; + --modal-color: #efefef; + --modal-box-shadow: 0 0 10px rgba(82, 168, 236, 0.6); + + --pagination-link-color: #aaa; + --pagination-border-color: #333; + + --category-color: #efefef; + --category-background-color: #333; + --category-border-color: #444; + --category-link-color: #999; + --category-link-hover-color: #aaa; + + --item-border-color: #666; + --item-padding: 4px; + --item-title-link-font-weight: 400; + + --item-status-read-title-link-color: #666; + --item-status-read-title-focus-color: rgba(82, 168, 236, 0.6); + + --item-meta-focus-color: #aaa; + --item-meta-li-color: #ddd; + + --current-item-border-width: 2px; + --current-item-border-color: rgba(82, 168, 236, 0.8); + --current-item-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6); + + --entry-header-border-color: #333; + --entry-header-title-link-color: #bbb; + --entry-content-color: #999; + --entry-content-code-color: #fff; + --entry-content-code-background: #555; + --entry-content-code-border-color: #888; + --entry-content-quote-color: #777; + --entry-content-quote-font-family: Georgia, 'Times New Roman', Times, serif; + --entry-enclosure-border-color: #333; + + --parsing-error-color: #eee; + --feed-parsing-error-background-color: #343434; + + --keyboard-shortcuts-li-color: #9b9b9b; + + --counter-color: #bbb; + } +} -- cgit v1.2.3