Skip to content

Instantly share code, notes, and snippets.

@bhaskarvk

bhaskarvk/CRAN-Readability.md

Last active April 12, 2017 17:05
Show Gist options
  • Save bhaskarvk/671d5e69cb25f8dfeed47935f8cb8400 to your computer and use it in GitHub Desktop.
Save bhaskarvk/671d5e69cb25f8dfeed47935f8cb8400 to your computer and use it in GitHub Desktop.
Download ZIP
Readability improvements for 'r-project.org' sites.
Raw
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

Imgur

After Styling

Imgur

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

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

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

  3. 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

Imgur

Firefox Steps

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

Troubleshooting/Feedback

Leave comments on this Gist.

Raw
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: " / "
}
}
Raw
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;
}
Raw
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: " / "
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment