Readability improvements for 'r-project.org' sites.

CRAN-Readability.md

Readability Improvements for 'r-project.org' sites.

A custom CSS for '*.r-project.org' websites, because the default styling or rather the lack of it makes my eyes bleed!

It is based on the skeleton-framework, a minimalist CSS f/w with some of my added customizations. Tested on Firefox, Chrome, Safari. (IE/Edge folks Switch to Firefox/Chrome/Safari ¯_(ツ)_/¯ )

Here are before and after comparison screenshots.

Before Styling

After Styling

INSTALLATION

Common Steps apply to all 3 browsers, after which follow the "Chrome or Safari Steps" OR "Firefox Steps" depending on your browser.

Common Steps

1. Depending on your browser install Stylish for Chrome or Stylish for Safari or Stylish for Firefox.

2. Click the 'Stylish' icon in the menubar, and click create/write new style. Depending on your browser this step will differ slightly, but in short you need to click the button/link which allows you to create a new CSS style.

Chrome OR Safari Steps

3. Paste contents of this CSS file in the text box.

4. For 'Applies To' select 'URLs on the domain' and set the value to 'r-project.org'.

5. Click "Add another Section" and paste this CSS style, for 'Applies To' select 'URLs Starting With', and specify the value as 'https://cran.r-project.org/web/views'.

Screenshot of the above steps

Firefox Steps

3. Paste the contents of this CSS file, save, and you are done!

Troubleshooting/Feedback

Leave comments on this Gist.

firefox-userstyle.css

@-moz-document domain("r-project.org") {
/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}/*! skeleton-framework | 1.1.1 | MIT | 5/12/2016 */.container,.container-fluid{margin-right:auto;margin-left:auto}.container,.container-fluid,[class*=column]{width:100%;padding-left:.5rem;padding-right:.5rem}h1,h2,h3{letter-spacing:-.1rem}[class*=xs-][class*=column]~[class*=xs-][class*=column],ol,p,ul{margin-top:0}.table-responsive,pre>code{overflow-x:auto}html{font-size:1em;box-sizing:border-box}*,::after,::before{box-sizing:inherit}body{background-color:#fff;font-size:1rem;line-height:1.6rem;font-weight:400;font-family:Raleway,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;color:#222}.container{max-width:1200px}.row{margin-left:-.5rem;margin-right:-.5rem}.row::after,.row::before{content:' ';display:table}.container:after,.row:after,.u-cf{content:"";clear:both}.row::after{clear:both}[class*=column]{float:left;min-height:1px}.xs-one[class*=column]{width:8.3333333333%}.xs-two[class*=column]{width:16.6666666666%}.xs-one-quarter[class*=column],.xs-three[class*=column]{width:24.9999999999%}.xs-four[class*=column],.xs-one-third[class*=column]{width:33.3333333332%}.xs-five[class*=column]{width:41.6666666665%}.xs-one-half[class*=column],.xs-six[class*=column]{width:49.9999999998%}.xs-seven[class*=column]{width:58.3333333331%}.xs-eight[class*=column],.xs-two-thirds[class*=column]{width:66.6666666664%}.xs-nine[class*=column]{width:74.9999999997%}.xs-ten[class*=column]{width:83.333333333%}.xs-eleven[class*=column]{width:91.6666666663%}.xs-twelve[class*=column]{width:99.9999999996%}@media screen and (min-width:560px){[class*=column]~[class*=column]{margin-top:0}.one[class*=column]{width:8.3333333333%}.two[class*=column]{width:16.6666666666%}.one-quarter[class*=column],.three[class*=column]{width:24.9999999999%}.four[class*=column],.one-third[class*=column]{width:33.3333333332%}.five[class*=column]{width:41.6666666665%}.one-half[class*=column],.six[class*=column]{width:49.9999999998%}.seven[class*=column]{width:58.3333333331%}.eight[class*=column],.two-thirds[class*=column]{width:66.6666666664%}.nine[class*=column]{width:74.9999999997%}.ten[class*=column]{width:83.333333333%}.eleven[class*=column]{width:91.6666666663%}.twelve[class*=column]{width:99.9999999996%}.offset-by-one[class*=column]{margin-left:8.3333333333%}.offset-by-two[class*=column]{margin-left:16.6666666666%}.offset-by-one-quarter[class*=column],.offset-by-three[class*=column]{margin-left:24.9999999999%}.offset-by-four[class*=column],.offset-by-one-third[class*=column]{margin-left:33.3333333332%}.offset-by-five[class*=column]{margin-left:41.6666666665%}.offset-by-one-half[class*=column],.offset-by-six[class*=column]{margin-left:49.9999999998%}.offset-by-seven[class*=column]{margin-left:58.3333333331%}.offset-by-eight[class*=column],.offset-by-two-thirds[class*=column]{margin-left:66.6666666664%}.offset-by-nine[class*=column]{margin-left:74.9999999997%}.offset-by-ten[class*=column]{margin-left:83.333333333%}.offset-by-eleven[class*=column]{margin-left:91.6666666663%}.sm-one[class*=column]{width:8.3333333333%}.sm-two[class*=column]{width:16.6666666666%}.sm-one-quarter[class*=column],.sm-three[class*=column]{width:24.9999999999%}.sm-four[class*=column],.sm-one-third[class*=column]{width:33.3333333332%}.sm-five[class*=column]{width:41.6666666665%}.sm-one-half[class*=column],.sm-six[class*=column]{width:49.9999999998%}.sm-seven[class*=column]{width:58.3333333331%}.sm-eight[class*=column],.sm-two-thirds[class*=column]{width:66.6666666664%}.sm-nine[class*=column]{width:74.9999999997%}.sm-ten[class*=column]{width:83.333333333%}.sm-eleven[class*=column]{width:91.6666666663%}.sm-twelve[class*=column]{width:99.9999999996%}.sm-offset-by-one[class*=column]{margin-left:8.3333333333%}.sm-offset-by-two[class*=column]{margin-left:16.6666666666%}.sm-offset-by-one-quarter[class*=column],.sm-offset-by-three[class*=column]{margin-left:24.9999999999%}.sm-offset-by-four[class*=column],.sm-offset-by-one-third[class*=column]{margin-left:33.3333333332%}.sm-offset-by-five[class*=column]{margin-left:41.6666666665%}.sm-offset-by-one-half[class*=column],.sm-offset-by-six[class*=column]{margin-left:49.9999999998%}.sm-offset-by-seven[class*=column]{margin-left:58.3333333331%}.sm-offset-by-eight[class*=column],.sm-offset-by-two-thirds[class*=column]{margin-left:66.6666666664%}.sm-offset-by-nine[class*=column]{margin-left:74.9999999997%}.sm-offset-by-ten[class*=column]{margin-left:83.333333333%}.sm-offset-by-eleven[class*=column]{margin-left:91.6666666663%}}@media screen and (min-width:720px){.md-one[class*=column]{width:8.3333333333%}.md-two[class*=column]{width:16.6666666666%}.md-one-quarter[class*=column],.md-three[class*=column]{width:24.9999999999%}.md-four[class*=column],.md-one-third[class*=column]{width:33.3333333332%}.md-five[class*=column]{width:41.6666666665%}.md-one-half[class*=column],.md-six[class*=column]{width:49.9999999998%}.md-seven[class*=column]{width:58.3333333331%}.md-eight[class*=column],.md-two-thirds[class*=column]{width:66.6666666664%}.md-nine[class*=column]{width:74.9999999997%}.md-ten[class*=column]{width:83.333333333%}.md-eleven[class*=column]{width:91.6666666663%}.md-twelve[class*=column]{width:99.9999999996%}.md-offset-by-one[class*=column]{margin-left:8.3333333333%}.md-offset-by-two[class*=column]{margin-left:16.6666666666%}.md-offset-by-one-quarter[class*=column],.md-offset-by-three[class*=column]{margin-left:24.9999999999%}.md-offset-by-four[class*=column],.md-offset-by-one-third[class*=column]{margin-left:33.3333333332%}.md-offset-by-five[class*=column]{margin-left:41.6666666665%}.md-offset-by-one-half[class*=column],.md-offset-by-six[class*=column]{margin-left:49.9999999998%}.md-offset-by-seven[class*=column]{margin-left:58.3333333331%}.md-offset-by-eight[class*=column],.md-offset-by-two-thirds[class*=column]{margin-left:66.6666666664%}.md-offset-by-nine[class*=column]{margin-left:74.9999999997%}.md-offset-by-ten[class*=column]{margin-left:83.333333333%}.md-offset-by-eleven[class*=column]{margin-left:91.6666666663%}}@media screen and (min-width:960px){.lg-one[class*=column]{width:8.3333333333%}.lg-two[class*=column]{width:16.6666666666%}.lg-one-quarter[class*=column],.lg-three[class*=column]{width:24.9999999999%}.lg-four[class*=column],.lg-one-third[class*=column]{width:33.3333333332%}.lg-five[class*=column]{width:41.6666666665%}.lg-one-half[class*=column],.lg-six[class*=column]{width:49.9999999998%}.lg-seven[class*=column]{width:58.3333333331%}.lg-eight[class*=column],.lg-two-thirds[class*=column]{width:66.6666666664%}.lg-nine[class*=column]{width:74.9999999997%}.lg-ten[class*=column]{width:83.333333333%}.lg-eleven[class*=column]{width:91.6666666663%}.lg-twelve[class*=column]{width:99.9999999996%}.lg-offset-by-one[class*=column]{margin-left:8.3333333333%}.lg-offset-by-two[class*=column]{margin-left:16.6666666666%}.lg-offset-by-one-quarter[class*=column],.lg-offset-by-three[class*=column]{margin-left:24.9999999999%}.lg-offset-by-four[class*=column],.lg-offset-by-one-third[class*=column]{margin-left:33.3333333332%}.lg-offset-by-five[class*=column]{margin-left:41.6666666665%}.lg-offset-by-one-half[class*=column],.lg-offset-by-six[class*=column]{margin-left:49.9999999998%}.lg-offset-by-seven[class*=column]{margin-left:58.3333333331%}.lg-offset-by-eight[class*=column],.lg-offset-by-two-thirds[class*=column]{margin-left:66.6666666664%}.lg-offset-by-nine[class*=column]{margin-left:74.9999999997%}.lg-offset-by-ten[class*=column]{margin-left:83.333333333%}.lg-offset-by-eleven[class*=column]{margin-left:91.6666666663%}}.alert,.u-full-width{width:100%}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:300}h1{font-size:3.6rem;line-height:1.2}h2{font-size:3rem;line-height:1.25}h3{font-size:2.4rem;line-height:1.3}h4{font-size:1.8rem;line-height:1.35;letter-spacing:-.08rem}h5{font-size:1.5rem;line-height:1.5;letter-spacing:-.05rem}h6{font-size:1.2rem;line-height:1.6;letter-spacing:0}@media (min-width:560px){h1{font-size:3.6rem}h2{font-size:3rem}h3{font-size:2.4rem}h4{font-size:1.8rem}h5{font-size:1.5rem}h6{font-size:1.2rem}}.text-primary,a{color:#1eaedb}a:hover{color:#0fa0ce}.text-success{color:#2ecc71}.text-danger{color:#e74c3c}.button,button,input[type=button],input[type=reset],input[type=submit]{display:inline-block;height:2.5rem;padding:0 1.9rem;color:#555;text-align:center;font-size:.7rem;font-weight:600;line-height:2.5rem;letter-spacing:.1rem;text-transform:uppercase;text-decoration:none;white-space:nowrap;background-color:transparent;border-radius:4px;border:1px solid #bbb;cursor:pointer;-webkit-transition:border .2s;transition:border .2s}.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover{color:#333;border-color:#888;outline:0}.button:active,button:active,input[type=button]:active,input[type=reset]:active,input[type=submit]:active{color:#222;border-color:#222}.button-danger[disabled],.button-primary[disabled],.button-success[disabled],.button:disabled,.button:disabled:hover,.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled]{border:1px solid #e3e3e3;color:#888;cursor:not-allowed}.button.button-primary,button.button-primary,input[type=button].button-primary,input[type=reset].button-primary,input[type=submit].button-primary{border:1px solid #33c3f0;color:#fff;background-color:#33c3f0;-webkit-transition:background-color .2s;transition:background-color .2s}.button.button-primary:focus,.button.button-primary:hover,button.button-primary:focus,button.button-primary:hover,input[type=button].button-primary:focus,input[type=button].button-primary:hover,input[type=reset].button-primary:focus,input[type=reset].button-primary:hover,input[type=submit].button-primary:focus,input[type=submit].button-primary:hover{color:#fff;background-color:#1eaedb;border-color:#1eaedb}.button.button-primary:active,button.button-primary:active,input[type=button].button-primary:active,input[type=reset].button-primary:active,input[type=submit].button-primary:active{color:#fff;background-color:#157b9b;border-color:#157b9b}.button.button-primary:disabled,button.button-primary:disabled,input[type=button].button-primary:disabled,input[type=reset].button-primary:disabled,input[type=submit].button-primary:disabled{color:#fff;cursor:not-allowed;background-color:#7cd9f8;border-color:#7cd9f8}.button.button-success,button.button-success,input[type=button].button-success,input[type=reset].button-success,input[type=submit].button-success{border:1px solid #2ecc71;color:#fff;background-color:#2ecc71;-webkit-transition:background-color .2s;transition:background-color .2s}.button.button-success:focus,.button.button-success:hover,button.button-success:focus,button.button-success:hover,input[type=button].button-success:focus,input[type=button].button-success:hover,input[type=reset].button-success:focus,input[type=reset].button-success:hover,input[type=submit].button-success:focus,input[type=submit].button-success:hover{color:#fff;background-color:#27ae60;border-color:#27ae60}.button.button-success:active,button.button-success:active,input[type=button].button-success:active,input[type=reset].button-success:active,input[type=submit].button-success:active{color:#fff;background-color:#2ecc71;border-color:#2ecc71}.button.button-success:disabled,button.button-success:disabled,input[type=button].button-success:disabled,input[type=reset].button-success:disabled,input[type=submit].button-success:disabled{color:#fff;cursor:not-allowed;background-color:#82e3aa;border-color:#82e3aa}.button.button-danger,button.button-danger,input[type=button].button-danger,input[type=reset].button-danger,input[type=submit].button-danger{border:1px solid #e74c3c;color:#fff;background-color:#e74c3c;-webkit-transition:background-color .2s;transition:background-color .2s}.button.button-danger:focus,.button.button-danger:hover,button.button-danger:focus,button.button-danger:hover,input[type=button].button-danger:focus,input[type=button].button-danger:hover,input[type=reset].button-danger:focus,input[type=reset].button-danger:hover,input[type=submit].button-danger:focus,input[type=submit].button-danger:hover{color:#fff;background-color:#c0392b;border-color:#c0392b}.button.button-danger:active,button.button-danger:active,input[type=button].button-danger:active,input[type=reset].button-danger:active,input[type=submit].button-danger:active{color:#fff;background-color:#e74c3c;border-color:#e74c3c}.button.button-danger:disabled,button.button-danger:disabled,input[type=button].button-danger:disabled,input[type=reset].button-danger:disabled,input[type=submit].button-danger:disabled{color:#fff;cursor:not-allowed;background-color:#ee8377;border-color:#ee8377}input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{padding:.4rem .6rem;background-color:#fff;border:1px solid #d1d1d1;border-radius:4px;box-shadow:none;-webkit-transition:border .2s;transition:border .2s}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select:not([size]),textarea:not([rows]){height:2.5rem}input[type=button],input[type=date],input[type=email],input[type=number],input[type=password],input[type=search],input[type=submit],input[type=tel],input[type=text],input[type=url],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:4rem;padding-top:.4rem;padding-bottom:.4rem;resize:vertical}input[type=date]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{border:1px solid #33c3f0;outline:0}.has-error,.has-error:focus{border:1px solid #e74c3c!important;outline:0}.has-success,.has-success:focus{border:1px solid #2ecc71!important;outline:0}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type=checkbox],input[type=radio]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0}ol ol,ol ul,ul ol,ul ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}.card,li{margin-bottom:1rem}.card{border:1px solid #e1e1e1;padding:15px 25px;border-radius:4px;box-shadow:1px 1px 1px #e1e1e1;min-height:160px}.card h1,.card h2,.card h3,.card h4,.card h5,.card h6,.card p{margin-bottom:1.2rem}a.card{display:block;color:#757575;text-decoration:none;-webkit-transition:color .3s,border-color .3s,-webkit-transform .3s;transition:color .3s,border-color .3s,-webkit-transform .3s;transition:color .3s,transform .3s,border-color .3s;transition:color .3s,transform .3s,border-color .3s,-webkit-transform .3s}a.card:active,a.card:hover{color:#000;border-color:#8a8a8a;-webkit-transform:translateX(-2px) translateY(-2px);transform:translateX(-2px) translateY(-2px)}code{padding:.2rem .5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#f1f1f1;border:1px solid #e1e1e1;border-radius:4px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}@media (max-width:560px){pre>code{white-space:nowrap}}.alert{border-radius:4px;border:1px solid #000;color:#000;background-color:#fff;padding:10px 15px}.alert.alert-primary{border:1px solid #33c3f0;color:#fff;background-color:#33c3f0}.alert.alert-success{border:1px solid #2ecc71;color:#fff;background-color:#2ecc71}.alert.alert-danger{border:1px solid #e74c3c;color:#fff;background-color:#e74c3c}.table-responsive td,.table-responsive th{white-space:nowrap}table{border-collapse:collapse;-webkit-overflow-scrolling:touch}td,th{padding:.75rem 1rem}th{text-align:left}td{border-bottom:1px solid #e1e1e1}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}tr th{border-bottom:1px solid #000}@media (min-width:560px){td:first-child,th:first-child{padding-left:1rem}}.button,button{margin-bottom:1rem}fieldset,input,select,textarea{margin-bottom:1.5rem}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:2.5rem}.alert{margin-bottom:1rem}.u-max-full-width{max-width:100%}.u-pull-right{float:right}.u-pull-left{float:left}.u-cf{display:table}.u-center-block{display:block;margin-left:auto;margin-right:auto}.u-center-abs{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%)}.u-text-center{text-align:center!important}.u-text-right{text-align:right!important}.u-text-left{text-align:left!important}.u-text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.u-hide{display:none!important}.u-show{display:block!important}.u-invisible{visibility:hidden!important}.u-visible{visibility:visible!important}.u-img-responsive{display:block;max-width:100%;height:auto}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #e1e1e1}.container:after,.row:after{display:table}@font-face{font-family:Anton;font-style:normal;font-weight:400;src:local('Anton Regular'),local('Anton-Regular'),url(https://fonts.gstatic.com/s/anton/v8/5t8vP9Hx2udzw372glmOxA.ttf) format('truetype')}@font-face{font-family:'Open Sans Condensed';font-style:normal;font-weight:300;src:local('Open Sans Cond Light'),local('OpenSans-CondensedLight'),url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xD1GzwQ5qF9DNzkQQVRhJ4g.ttf) format('truetype')}@font-face{font-family:'Open Sans Condensed';font-style:normal;font-weight:700;src:local('Open Sans Condensed Bold'),local('OpenSans-CondensedBold'),url(https://fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xJhsE6jcpsD2oq89kgohWx0.ttf) format('truetype')}@font-face{font-family:'Open Sans Condensed';font-style:italic;font-weight:300;src:local('Open Sans Cond Light Italic'),local('OpenSans-CondensedLightItalic'),url(https://fonts.gstatic.com/s/opensanscondensed/v10/jIXlqT1WKafUSwj6s9AzV6-Pg0ixc20mZJdRQiuQhCr3rGVtsTkPsbDajuO5ueQw.ttf) format('truetype')}@font-face{font-family:'Source Code Pro';font-style:normal;font-weight:400;src:local('Source Code Pro'),local('SourceCodePro-Regular'),url(https://fonts.gstatic.com/s/sourcecodepro/v6/mrl8jkM18OlOQN8JLgasD9zbP97U9sKh0jjxbPbfOKg.ttf) format('truetype')}html{font-size:16px}@media screen{html{font-size:calc(14px + (18 - 16) * (100vw - 350px)/ (1100 - 350))}}body{margin:auto;max-width:70%;font-weight:300;line-height:calc(1.3em + (1.35 - 1.3) * ((100vw - 21em)/ (30 - 21)));opacity:1;font-size:1.2rem;font-family:"Open Sans Condensed",sans-serif;color:#222}h1,h2,h3,h4,h5,h6{font-family:Anton,sans-serif;letter-spacing:.5px;margin-bottom:1.5rem;color:#222}strong{font-weight:600}code,kbd,pre,samp,tt{font-family:"Source Code Pro",monospace;letter-spacing:-.05rem;font-size:1rem}ol,ul{list-style-position:outside}ol ol,ol ul,ul ol,ul ul{margin:0 0 0 1.5rem}li{margin-bottom:.5rem}li p{display:inline}a{text-decoration:none}blockquote,dl,figure,form,ol,p,pre,table,ul{margin-bottom:1.5rem}td,th{padding:.25rem .5rem}
}

@-moz-document url-prefix("https://cran.r-project.org/web/views/") {
body > ul:nth-last-of-type(2) {
    text-align: justify;
}
body > ul:nth-last-of-type(2) li {
    display: inline;
    text-align: justify;
}
body > ul:nth-last-of-type(2) li::after {
    content: " / "
}
}

style.css

@import url("https://cdnjs.cloudflare.com/ajax/libs/skeleton-framework/1.1.1/skeleton.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/normalize/6.0.0/normalize.min.css");
@import url('https://fonts.googleapis.com/css?family=Anton|Open+Sans+Condensed:300,300i,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro');


/* Some customization */

html {
    font-size: 16px;
}
@media screen {
    html {
        font-size: calc(14px + (18 - 16) * (100vw - 350px) / (1100 - 350));
    }
}
body {
    margin: auto;
    max-width: 70%;
    font-weight: 300;
    line-height: calc(1.3em + (1.35 - 1.3) * ((100vw - 21em) / (30 - 21)));
    opacity: 1;
    font-size: 1.2rem;
    font-family: "Open Sans Condensed", sans-serif;
    color: #222;
}
h1, h2, h3, h4, h5, h6 {
    font-family: "Anton", sans-serif;
    letter-spacing: .5px;
    margin-bottom: 1.5rem;
    color: #222;
}
strong {
    font-weight: 600;
}
tt, code, kbd, samp, pre {
    font-family: "Source Code Pro", monospace;
    letter-spacing: -0.05rem;
    font-size: 1.0rem;
}
ol, ul {
    list-style-position: outside;
}
ol ol, ol ul, ul ol, ul ul {
    margin: 0 0 0 1.5rem;
}
li {
    margin-bottom: 0.5rem;
}
li p {
    display: inline;
}
a {
    text-decoration: none;
}
blockquote, dl, figure, form, ol, p, pre, table, ul {
    margin-bottom: 1.5rem;
}
td, th {
    padding: .25rem .5rem;
}

taskview_package_list.css

/*
This user style is for CRAN task view pages only to better display the list of pacakges.
*/

body > ul:nth-last-of-type(2) {
    text-align: justify;
}
body > ul:nth-last-of-type(2) li {
    display: inline;
    text-align: justify;
}
body > ul:nth-last-of-type(2) li::after {
    content: " / "
}