From 8abb11d6f8820d819284ebcb0c2c8ed6b490022f Mon Sep 17 00:00:00 2001
From: Jaifroid <egk10@cam.ac.uk>
Date: Sat, 15 Jul 2017 15:38:58 +0100
Subject: [PATCH] Major improvements in stylesheet transformations

Former-commit-id: a4a9b6f44d5bf611fb51387d283351f327b3c357 [formerly dc1584995a0e6df7087b61fcb6c658949c145b0c]
Former-commit-id: a0f4808622254de2c34243d393e6e93fe5cd7540
---
 www/-/s/css_modules/inserted_style_mobile.css |   8 +-
 www/index.html                                |  38 ++++--
 www/js/app.js                                 | 118 +++++++++---------
 www/js/init.js                                |   8 +-
 www/js/lib/transformStyles.js                 |  69 ++++++++++
 5 files changed, 166 insertions(+), 75 deletions(-)
 create mode 100644 www/js/lib/transformStyles.js

diff --git a/www/-/s/css_modules/inserted_style_mobile.css b/www/-/s/css_modules/inserted_style_mobile.css
index b70ccf03..842b5d42 100644
--- a/www/-/s/css_modules/inserted_style_mobile.css
+++ b/www/-/s/css_modules/inserted_style_mobile.css
@@ -5,7 +5,11 @@
 .content .section-heading { /*width:100%;*/
     border-bottom: solid 1px #eaecf0;
     margin-bottom: 0.5em
-}.content .section-heading .indicator{font-size:0.4em}.content .section-heading,.content .in-block{display:table}.content .section-heading .mw-headline,.content .in-block .mw-headline{width:100%}.content .section-heading > span,.content .in-block > span{display:table-cell;vertical-align:middle}.client-nojs .section-heading .indicator{display:none}#page-secondary-actions{clear:both}#page-secondary-actions a{margin:10px 2px 2px 0}#page-secondary-actions .language-selector{margin-top:1em}.truncated-text{white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;text-overflow:ellipsis}.truncated-text.multi-line{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical}.truncated-text.two-line{-webkit-line-clamp:2;max-height:2.6em}.overlay #secondary-button.user-button,.header #secondary-button.user-button,.overlay .user-button,.header .user-button{position:relative}.overlay #secondary-button.user-button .label,.header #secondary-button.user-button .label,.overlay .user-button .label,.header .user-button .label{visibility:hidden}.overlay #secondary-button.user-button.loading span,.header #secondary-button.user-button.loading span,.overlay .user-button.loading span,.header .user-button.loading span{display:none}.notification-count{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:24px;background:#eaecf0;color:#54595d;cursor:pointer}.notification-count .circle{border-radius:50%;border:2px solid #54595d;margin:auto;height:22px;width:22px;display:block;text-align:center;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.notification-count .circle span{font-weight:bold;font-size:13px;line-height:1;letter-spacing:-0.5px}.notification-count.notification-unseen{color:#ffffff}.notification-count.notification-unseen .circle{background:#dd3333;border-color:#dd3333}.notification-count.zero{display:none}.notification-count.max{right:0.2em;width:2em;height:2em;line-height:2em;font-size:0.7em}.mw-ui-button-group{text-align:center}.mw-ui-button-group *{float:none !important}.mw-ui-button-group .mw-ui-block{width:auto}.transparent-shield,.navigation-drawer{position:absolute;z-index:0;visibility:hidden}.content .nojs-edit{display:inline-block;visibility:visible;float:right}.client-nojs #ca-watch,.client-nojs #ca-edit,#ca-talk.selected{display:none !important}#page-actions .nojs-edit{display:inline-block}.heading-holder{padding:20px 0 3.6em;overflow:hidden;position:relative}.heading-holder h1{padding-right:16px}.heading-holder .tagline{color:#54595d;font-size:0.85em;margin:4px 0 0}.heading-holder .tagline:first-letter{text-transform:capitalize}#section_0{padding-top:0;padding-bottom:0;border-bottom:0}#page-actions{font-size:1.1em;float:none;border:0;overflow:hidden;position:absolute;bottom:0;width:100%;border-top:1px solid #eaecf0;border-bottom:1px solid #c8ccd1;padding:0.5em 0}#page-actions li{display:inline-block;position:relative;cursor:pointer;margin-right:0;margin-bottom:0;float:right}#page-actions li input{opacity:0}#page-actions li input,#page-actions li a,#page-actions li span,#page-actions li button{position:absolute;display:block;width:100%;height:100%;margin:0 0 8px}#page-actions li button{text-indent:inherit;outline:none}#page-actions li:first-child{margin-top:0}#page-actions .language-selector{float:left;margin-left:-1em}#page-actions .language-selector.disabled{cursor:default;opacity:0.25}#page-actions #ca-edit{margin-right:-1em}@media all and (max-width:280px){.client-nojs #page-actions{display:none}.client-nojs #section_0{border:0}}@media all and (min-width:720px){#page-actions{position:initial;float:right;width:auto;border:0;margin:0 0 1em 1em}#page-actions .language-selector{float:inherit}}.cloaked-element{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0}.view-border-box *,.view-border-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mw-mf-image-replacement{font-style:italic;color:#72777d;text-decoration:underline;border:dotted 1px #c8ccd1;padding:10px;display:inline-block}textarea{padding:5px 0 5px 5px;width:100%;resize:none}.toc-mobile,.client-nojs .toc-mobile,.client-js .no-js-only,.client-js .mw-redirectedfrom,.printfooter,.jsonly{display:none}.no-js-only,.client-js .jsonly{display:inherit}.position-fixed{position:fixed !important}.touch-events :focus{outline:0}.hidden{display:none !important}#mw-mf-page-center{background-color:#eaecf0}span.mw-ui-icon{display:inline-block}.open-block .mw-ui-icon-arrow:before{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.lazy-image-placeholder{background-color:#eaecf0;display:block}li .lazy-image-placeholder,span .lazy-image-placeholder{display:inline}.client-nojs .lazy-image-placeholder{display:none}.lazy-image-placeholder img{opacity:0}.lazy-image-placeholder.loaded{-webkit-animation:fadeOutContainer 0.3s ease-in;-moz-animation:fadeOutContainer 0.3s ease-in;-o-animation:fadeOutContainer 0.3s ease-in;animation:fadeOutContainer 0.3s ease-in;background-color:transparent;border:0}.lazy-image-placeholder.loaded img{-webkit-animation:fadeInImage 0.3s ease-in;-moz-animation:fadeInImage 0.3s ease-in;-o-animation:fadeInImage 0.3s ease-in;animation:fadeInImage 0.3s ease-in;opacity:1}@-webkit-keyframes fadeInImage{from{opacity:0}to{opacity:1}}@keyframes fadeInImage{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutContainer{from{background-color:#eaecf0}to{background-color:transparent}}@keyframes fadeOutContainer{from{background-color:#eaecf0}to{background-color:transparent}}footer{border-top:solid 1px #c8ccd1;overflow:auto;padding-bottom:6px}footer .last-modified-bar{border-bottom:solid 1px #c8ccd1;background-color:#eaecf0;display:block;color:#666666;line-height:1.5em;transition:background-color 0.2s ease,color 0.2s ease}footer .last-modified-bar.active{background-color:#00af89;color:#fff}footer .last-modifier-tagline{display:block;width:100%;font-size:0.9em;padding:7px 2em 7px 0}footer .indicator{position:absolute;right:-1em}footer .indicator:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.client-nojs footer .indicator{display:none}footer > .post-content{overflow:auto;margin-top:42px}footer > .post-content > *{margin-bottom:9px}footer > .post-content > h2{border-bottom:solid 1px #c8ccd1;padding-bottom:10px;margin-top:42px;font-size:1em;font-weight:bold}footer > .post-content > h2:first-child{margin-top:0}footer > .post-content .hlist,footer > .post-content .license{font-size:0.875em}.rtl footer .indicator:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media (min-width:720px){footer .last-modified-bar{padding-left:0;padding-right:0;font-size:1em}}@media print{.noprint,.banner-container,.header,.pre-content,.post-content{display:none}h1,h2,h3,h4,h5,h6{page-break-after:avoid}table,figure,img,.lazy-image-placeholder{page-break-inside:avoid}img{max-width:100%}}html{-webkit-text-size-adjust:none;font-size:100%}body{font-family:'Helvetica Neue','Helvetica','Nimbus Sans L','Arial','Liberation Sans',sans-serif;line-height:1.4;color:#222222;background:#fff}.pre-content,.content,.post-content{margin:0 16px}.content{line-height:1.65;word-wrap:break-word}@media all and (max-width:280px){body{font-size:0.8em}.content{margin:0 12px}}.client-js .collapsible-block{display:none}.client-js .collapsible-block.open-block{display:block}.nomobile{display:none !important}@media all and (min-width:720px){.client-js [onclick] + .collapsible-block{display:block}}.content .thumb{margin:0.6em 0}.content .thumb .thumbinner{margin:0 auto;max-width:100% !important}.content .thumbcaption{margin:0.5em 0 0;font-size:0.8em;line-height:1.5;padding:0 !important;color:#54595d;width:auto !important}.content .thumbborder{border:1px solid #c8ccd1}.content .magnify{display:none}.content img{vertical-align:middle}.content .floatright{clear:right;float:right;margin:0 0 0.6em 0.6em}.content .floatleft{clear:left;float:left;margin:0 0.6em 0.6em 0}.content a > img{max-width:100% !important;height:auto !important}.content .noresize{max-width:100%;overflow-x:auto}.content .noresize a > img{max-width:none !important}h1{font-size:1.7em}h2{font-size:1.5em}h3{font-size:1.2em;font-weight:bold}h4{font-weight:bold}.pre-content h1,.content h1,.content h2,h3,h4,h5,h6{font-family:'Linux Libertine','Georgia','Times',serif;line-height:1.3;word-wrap:break-word;word-break:break-word}.content h2,.content h3,.content h4,.content h5,.content h6{padding:0.5em 0}blockquote{font-family:'Linux Libertine','Georgia','Times',serif;font-size:1.1em;quotes:'\201C' '\201D';padding:1em 25px 1em 30px;position:relative;overflow:hidden}blockquote:before{content:open-quote;font-size:3em;position:absolute;left:0;top:0}blockquote:after{content:close-quote;font-size:3em;line-height:1;position:absolute;right:0;bottom:0}.hlist > ul li,ul.hlist li{display:inline-block;margin-right:8px}.content{}.content ul{list-style:square inside}.content ul > li > ul{list-style-type:disc}.content ul > li > ul > li > ul{list-style-type:circle}.content ol{list-style:decimal inside}.content ol ol,.content ul ol,.content ol ul,.content ul ul{margin-left:1em}.content ol li,.content ul li{margin-bottom:10px}.content ol li:last-child,.content ul li:last-child{margin-bottom:inherit}dl{margin-left:1em}dl dt{font-weight:bold}body.mw-hide-empty-elt .mw-empty-elt{display:none}.hlist-separated li:after{content:'￢ﾀﾢ';padding-left:8px;color:#002bb8;font-size:16px;line-height:1}.hlist-separated :last-child:after{content:''}a{text-decoration:none;color:#002bb8}a:visited{color:#5a3696}a:active{color:#faa700}a:hover{text-decoration:underline}a.new,a.new:visited,a.new:hover{color:#cc0000}a.external{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVR42n3PgQkAIAhEUXdqJ3dqJ3e6IoTPUSQcgj4EQ5IlUiLE0Jil3PECXhcHGBhZ8kg4hwxAu3MZeCGeyFnAXp4hqNQPnt7QL0nADpD6wHccLvnAKksq8iiaAAAAAElFTkSuQmCC);background-image:url(/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf)!ie;background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982V9.5H.5z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M4.755-.16H9.99v5.39L8.417%206.774l-1.31-1.31L4.383%208.19%201.695%205.5l2.808-2.807-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.984.845l.022%204.884L7.19%203.91l-2.882%202.88L3.08%205.567l2.882-2.88L4.112.833z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A);background-image:-o-linear-gradient(transparent,transparent),url(/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf);background-repeat:no-repeat;background-position:center right;padding-right:13px}.return-link,#mw-mf-last-modified{display:block;font-size:0.9em;margin-top:1.5em}.plainlinks a{background:none !important;padding:0 !important}.content p{margin:0.5em 0 1em 0}strong,b{font-weight:bold}em,i{font-style:italic}code,pre{font-family:monospace;border:solid 1px #c8ccd1;white-space:pre-wrap}code{padding:0.2em 0.5em}pre{padding:1em}sup{vertical-align:super}sub{vertical-align:sub}sub,sup{font-size:0.75em;line-height:1}.content table{margin:1em 0;overflow:auto;overflow-y:hidden;overflow-x:auto;display:block;width:100% !important}.content table caption{display:block;text-align:left}.content table.wikitable{border:1px solid #c8ccd1}.content table.wikitable > tr > th,.content table.wikitable > tr > td,.content table.wikitable > * > tr > th,.content table.wikitable > * > tr > td{border:1px solid #c8ccd1;padding:0.2em}.content table.wikitable > tr > th,.content table.wikitable > * > tr > th{background-color:#eaecf0}.collapsible td{width:auto !important}.content .tmbox,.content .ambox,.content #coordinates,.content .navbox,.content .vertical-navbox,.content .topicon,.content .metadata{display:none !important}
+}.content .section-heading .indicator{font-size:0.4em}.content .section-heading,.content .in-block{display:table}.content .section-heading .mw-headline,.content .in-block .mw-headline{width:100%}.content .section-heading > span,.content .in-block > span{display:table-cell;vertical-align:middle}.client-nojs .section-heading .indicator{display:none}#page-secondary-actions{clear:both}#page-secondary-actions a{margin:10px 2px 2px 0}#page-secondary-actions .language-selector{margin-top:1em}.truncated-text{white-space:nowrap;overflow:hidden;-webkit-text-overflow:ellipsis;text-overflow:ellipsis}.truncated-text.multi-line{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical}.truncated-text.two-line{-webkit-line-clamp:2;max-height:2.6em}.overlay #secondary-button.user-button,.header #secondary-button.user-button,.overlay .user-button,.header .user-button{position:relative}.overlay #secondary-button.user-button .label,.header #secondary-button.user-button .label,.overlay .user-button .label,.header .user-button .label{visibility:hidden}.overlay #secondary-button.user-button.loading span,.header #secondary-button.user-button.loading span,.overlay .user-button.loading span,.header .user-button.loading span{display:none}.notification-count{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:24px;background:#eaecf0;color:#54595d;cursor:pointer}.notification-count .circle{border-radius:50%;border:2px solid #54595d;margin:auto;height:22px;width:22px;display:block;text-align:center;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.notification-count .circle span{font-weight:bold;font-size:13px;line-height:1;letter-spacing:-0.5px}.notification-count.notification-unseen{color:#ffffff}.notification-count.notification-unseen .circle{background:#dd3333;border-color:#dd3333}.notification-count.zero{display:none}.notification-count.max{right:0.2em;width:2em;height:2em;line-height:2em;font-size:0.7em}.mw-ui-button-group{text-align:center}.mw-ui-button-group *{float:none !important}.mw-ui-button-group .mw-ui-block{width:auto}.transparent-shield,.navigation-drawer{position:absolute;z-index:0;visibility:hidden}.content .nojs-edit{display:inline-block;visibility:visible;float:right}.client-nojs #ca-watch,.client-nojs #ca-edit,#ca-talk.selected{display:none !important}#page-actions .nojs-edit{display:inline-block}.heading-holder{padding:20px 0 3.6em;overflow:hidden;position:relative}.heading-holder h1{padding-right:16px}.heading-holder .tagline{color:#54595d;font-size:0.85em;margin:4px 0 0}.heading-holder .tagline:first-letter{text-transform:capitalize}#section_0{padding-top:0;padding-bottom:0;border-bottom:0}#page-actions{font-size:1.1em;float:none;border:0;overflow:hidden;position:absolute;bottom:0;width:100%;border-top:1px solid #eaecf0;border-bottom:1px solid #c8ccd1;padding:0.5em 0}#page-actions li{display:inline-block;position:relative;cursor:pointer;margin-right:0;margin-bottom:0;float:right}#page-actions li input{opacity:0}#page-actions li input,#page-actions li a,#page-actions li span,#page-actions li button{position:absolute;display:block;width:100%;height:100%;margin:0 0 8px}#page-actions li button{text-indent:inherit;outline:none}#page-actions li:first-child{margin-top:0}#page-actions .language-selector{float:left;margin-left:-1em}#page-actions .language-selector.disabled{cursor:default;opacity:0.25}#page-actions #ca-edit{margin-right:-1em}@media all and (max-width:280px){.client-nojs #page-actions{display:none}.client-nojs #section_0{border:0}}@media all and (min-width:720px){#page-actions{position:initial;float:right;width:auto;border:0;margin:0 0 1em 1em}#page-actions .language-selector{float:inherit}}.cloaked-element{opacity:0;position:absolute;top:0;left:0;right:0;bottom:0}.view-border-box *,.view-border-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mw-mf-image-replacement{font-style:italic;color:#72777d;text-decoration:underline;border:dotted 1px #c8ccd1;padding:10px;display:inline-block}textarea{padding:5px 0 5px 5px;width:100%;resize:none}.toc-mobile,.client-nojs .toc-mobile,.client-js .no-js-only,.client-js .mw-redirectedfrom,.printfooter,.jsonly{display:none}.no-js-only,.client-js .jsonly{display:inherit}.position-fixed{position:fixed !important}.touch-events :focus{outline:0}.hidden{display:none !important}#mw-mf-page-center{background-color:#eaecf0}span.mw-ui-icon{display:inline-block}.open-block .mw-ui-icon-arrow:before{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.lazy-image-placeholder{background-color:#eaecf0;display:block}li .lazy-image-placeholder,span .lazy-image-placeholder{display:inline}.client-nojs .lazy-image-placeholder{display:none}.lazy-image-placeholder img{opacity:0}.lazy-image-placeholder.loaded{-webkit-animation:fadeOutContainer 0.3s ease-in;-moz-animation:fadeOutContainer 0.3s ease-in;-o-animation:fadeOutContainer 0.3s ease-in;animation:fadeOutContainer 0.3s ease-in;background-color:transparent;border:0}.lazy-image-placeholder.loaded img{-webkit-animation:fadeInImage 0.3s ease-in;-moz-animation:fadeInImage 0.3s ease-in;-o-animation:fadeInImage 0.3s ease-in;animation:fadeInImage 0.3s ease-in;opacity:1}@-webkit-keyframes fadeInImage{from{opacity:0}to{opacity:1}}@keyframes fadeInImage{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOutContainer{from{background-color:#eaecf0}to{background-color:transparent}}@keyframes fadeOutContainer{from{background-color:#eaecf0}to{background-color:transparent}}footer{border-top:solid 1px #c8ccd1;overflow:auto;padding-bottom:6px}footer .last-modified-bar{border-bottom:solid 1px #c8ccd1;background-color:#eaecf0;display:block;color:#666666;line-height:1.5em;transition:background-color 0.2s ease,color 0.2s ease}footer .last-modified-bar.active{background-color:#00af89;color:#fff}footer .last-modifier-tagline{display:block;width:100%;font-size:0.9em;padding:7px 2em 7px 0}footer .indicator{position:absolute;right:-1em}footer .indicator:before{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.client-nojs footer .indicator{display:none}footer > .post-content{overflow:auto;margin-top:42px}footer > .post-content > *{margin-bottom:9px}footer > .post-content > h2{border-bottom:solid 1px #c8ccd1;padding-bottom:10px;margin-top:42px;font-size:1em;font-weight:bold}footer > .post-content > h2:first-child{margin-top:0}footer > .post-content .hlist,footer > .post-content .license{font-size:0.875em}.rtl footer .indicator:before{-webkit-transform:rotate(90deg);transform:rotate(90deg)}@media (min-width:720px){footer .last-modified-bar{padding-left:0;padding-right:0;font-size:1em}}@media print{.noprint,.banner-container,.header,.pre-content,.post-content{display:none}h1,h2,h3,h4,h5,h6{page-break-after:avoid}table,figure,img,.lazy-image-placeholder{page-break-inside:avoid}img{max-width:100%}}html{-webkit-text-size-adjust:none;font-size:100%}body{font-family:'Helvetica Neue','Helvetica','Nimbus Sans L','Arial','Liberation Sans',sans-serif;line-height:1.4;color:#222222;background:#fff}.pre-content,.content,.post-content{margin:0 16px}.content{line-height:1.65;word-wrap:break-word}@media all and (max-width:280px){body{font-size:0.8em}.content{margin:0 12px}}.client-js .collapsible-block{display:none}.client-js .collapsible-block.open-block{display:block}.nomobile{display:none !important}@media all and (min-width:720px){.client-js [onclick] + .collapsible-block{display:block}}.content .thumb{margin:0.6em 0}.content .thumb .thumbinner{margin:0 auto;max-width:100% !important}.content .thumbcaption{margin:0.5em 0 0;font-size:0.8em;line-height:1.5;padding:0 !important;color:#54595d;width:auto !important}.content .thumbborder{border:1px solid #c8ccd1}.content .magnify{display:none}.content img{vertical-align:middle}.content .floatright{clear:right;float:right;margin:0 0 0.6em 0.6em}.content .floatleft{clear:left;float:left;margin:0 0.6em 0.6em 0}.content a > img{max-width:100% !important;height:auto !important}.content .noresize{max-width:100%;overflow-x:auto}.content .noresize a > img{max-width:none !important}h1{font-size:1.7em}h2{font-size:1.5em}h3{font-size:1.2em;font-weight:bold}h4{font-weight:bold}.pre-content h1,.content h1,.content h2,h3,h4,h5,h6{font-family:'Linux Libertine','Georgia','Times',serif;line-height:1.3;word-wrap:break-word;word-break:break-word}.content h2,.content h3,.content h4,.content h5,.content h6{padding:0.5em 0}blockquote{font-family:'Linux Libertine','Georgia','Times',serif;font-size:1.1em;quotes:'\201C' '\201D';padding:1em 25px 1em 30px;position:relative;overflow:hidden}blockquote:before{content:open-quote;font-size:3em;position:absolute;left:0;top:0}blockquote:after{content:close-quote;font-size:3em;line-height:1;position:absolute;right:0;bottom:0}.hlist > ul li,ul.hlist li{display:inline-block;margin-right:8px}.content{}.content ul{list-style:square inside}.content ul > li > ul{list-style-type:disc}.content ul > li > ul > li > ul{list-style-type:circle}.content ol{list-style:decimal inside}.content ol ol,.content ul ol,.content ol ul,.content ul ul{margin-left:1em}.content ol li,.content ul li{margin-bottom:10px}.content ol li:last-child,.content ul li:last-child{margin-bottom:inherit}dl{margin-left:1em}dl dt{font-weight:bold}body.mw-hide-empty-elt .mw-empty-elt{display:none}.hlist-separated li:after{content:'￢ﾀﾢ';padding-left:8px;color:#002bb8;font-size:16px;line-height:1}.hlist-separated :last-child:after{content:''}a{text-decoration:none;color:#002bb8}a:visited{color:#5a3696}a:active{color:#faa700}a:hover{text-decoration:underline}a.new,a.new:visited,a.new:hover{color:#cc0000}a.external{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVElEQVR42n3PgQkAIAhEUXdqJ3dqJ3e6IoTPUSQcgj4EQ5IlUiLE0Jil3PECXhcHGBhZ8kg4hwxAu3MZeCGeyFnAXp4hqNQPnt7QL0nADpD6wHccLvnAKksq8iiaAAAAAElFTkSuQmCC);background-image:url(/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf)!ie;background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%2306c%22%20d%3D%22M.5%203.518h5.982V9.5H.5z%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M4.755-.16H9.99v5.39L8.417%206.774l-1.31-1.31L4.383%208.19%201.695%205.5l2.808-2.807-1.31-1.31z%22%20fill%3D%22%2306f%22%2F%3E%0A%20%20%20%20%3Cpath%20d%3D%22M8.984.845l.022%204.884L7.19%203.91l-2.882%202.88L3.08%205.567l2.882-2.88L4.112.833z%22%20fill%3D%22%23fff%22%2F%3E%0A%3C%2Fsvg%3E%0A);background-image:-o-linear-gradient(transparent,transparent),url(/w/extensions/MobileFrontend/resources/skins.minerva.content.styles/images/external-link-ltr-icon.png?948bf);background-repeat:no-repeat;background-position:center right;padding-right:13px}.return-link,#mw-mf-last-modified{display:block;font-size:0.9em;margin-top:1.5em}.plainlinks a{background:none !important;padding:0 !important}.content p{margin:0.5em 0 1em 0}strong,b{font-weight:bold}em,i{font-style:italic}code,pre{font-family:monospace;border:solid 1px #c8ccd1;white-space:pre-wrap}code{padding:0.2em 0.5em}pre{padding:1em}sup{vertical-align:super}sub{vertical-align:sub}sub,sup{font-size:0.75em;line-height:1}.content table{margin:1em 0;overflow:auto;overflow-y:hidden;overflow-x:auto;display:block;width:100% !important}.content table caption{display:block;text-align:left}.content table.wikitable{border:1px solid #c8ccd1}.content table.wikitable > tr > th,.content table.wikitable > tr > td,.content table.wikitable > * > tr > th,.content table.wikitable > * > tr > td{border:1px solid #c8ccd1;padding:0.2em}.content table.wikitable > tr > th,.content table.wikitable > * > tr > th{background-color:#eaecf0}.collapsible td{width:auto !important}
+.content .tmbox, .content .ambox, .content #coordinates, .content .navbox,
+/*.content .vertical-navbox,*/ .content .topicon, .content .metadata {
+    display: none !important
+}
 .content table { /*float:none !important;*/margin-left:0 !important;margin-right:0 !important}.content table.infobox{font-size:90%;position:relative;border:0;margin-bottom:2em;text-align:left;background-color:#f8f9fa}.content table.infobox th,.content table.infobox td{vertical-align:top;border:0;border-bottom:1px solid #dddddd;padding:0.2em}.content table.infobox tr:last-child th,.content table.infobox tr:last-child td{border:0}#filetoc,.mw-editsection{display:none}.skin-minerva .portal-column-left-wide,.skin-minerva .portal-column-left,.skin-minerva .portal-column-right,.skin-minerva .portal-column-right-narrow{float:none;width:100%}.references-column-count,.column-count{-moz-column-width:35em;-webkit-column-width:35em;column-width:35em}.references li:target{background-color:#def}.hatnote,.dablink,.rellink{padding:0 0 0.6em 0;color:#72777d;font-size:0.8em;font-style:italic}.quotebox{margin:0 0 0.8em !important;width:auto !important}@media all and (max-width:720px){.gallery .gallerybox{width:100% !important}.gallery .gallerybox div{width:100% !important}.content table.multicol > tr > td,.content table.multicol > tbody > tr > td{display:block !important;width:auto !important}.content .thumb .thumbinner{display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;justify-content:center;flex-wrap:wrap;align-content:flex-start}.content .thumb .thumbinner > .thumbcaption{-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-moz-box-flex:1;width:100%;-ms-flex:1 0 100%;flex:1 0 100%;-webkit-box-ordinal-group:1;-moz-box-ordinal-group:1;-ms-flex-order:1;order:1;display:block}}.mw-ui-icon-notifications:before{background-image:url(/w/load.php?modules=skins.minerva.icons.images&image=notifications&format=rasterized&lang=fr&skin=minerva);background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Ctitle%3E%0A%20%20%20%20%20%20%20%20icon-export%0A%20%20%20%20%3C%2Ftitle%3E%0A%20%20%20%20%3Cdefs%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M9.643%2021.364c1.234%200%202.235-.956%202.235-2.136h-4.47c0%201.18%201%202.136%202.234%202.136z%22%20id%3D%22path-1%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cmask%20id%3D%22mask-2%22%20x%3D%220%22%20y%3D%220%22%20width%3D%224.471%22%20height%3D%222.136%22%20fill%3D%22%23fff%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20xlink%3Ahref%3D%22%23path-1%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fmask%3E%0A%20%20%20%20%3C%2Fdefs%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon-export%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22notificationIcon%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22Bell%22%20transform%3D%22translate%282%201%29%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cuse%20id%3D%22Page-1-Copy%22%20stroke%3D%22%2354595D%22%20mask%3D%22url%28%23mask-2%29%22%20stroke-width%3D%224%22%20xlink%3Ahref%3D%22%23path-1%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.893%209.08v3.998l1.769%203.603v1.096H.623V16.68l1.769-3.603V9.08c0-2.894%201.824-5.41%204.477-6.47C7.13%201.327%208.285.383%209.643.383c1.357%200%202.511.944%202.773%202.227%202.653%201.06%204.477%203.576%204.477%206.47zM10.92%203.974H8.366c-2.438.553-4.255%202.64-4.255%205.14v4.474l-1.702%202.44h14.467l-1.702-2.44V9.114c.024-4.076-3.616-5.09-4.255-5.14z%22%20id%3D%22Combined-Shape%22%20fill%3D%22%2354595D%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);background-image:-o-linear-gradient(transparent,transparent),url(/w/load.php?modules=skins.minerva.icons.images&image=notifications&format=rasterized&lang=fr&skin=minerva)}.mw-ui-icon-mainmenu:before{background-image:url(/w/load.php?modules=skins.minerva.icons.images&image=mainmenu&format=rasterized&lang=fr&skin=minerva);background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ctitle%3E%0A%20%20%20%20%20%20%20%20icon-export%0A%20%20%20%20%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon-export%22%20fill%3D%22%2354595D%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22menuIcon%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M21%2019H2v-2h19v2zm0-6H2v-2h19v2zm0-6H2V5h19v2z%22%20id%3D%22Combined-Shape%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);background-image:-o-linear-gradient(transparent,transparent),url(/w/load.php?modules=skins.minerva.icons.images&image=mainmenu&format=rasterized&lang=fr&skin=minerva)}.mw-ui-icon-edit:before{background-image:url(/w/load.php?modules=skins.minerva.icons.images&image=edit&format=rasterized&lang=fr&skin=minerva);background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-410%202048%202048%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23777%22%3E%0A%20%20%20%20%3Cg%20id%3D%22g4%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1670.264-159.32q-108.757%200-108.757%20124.825l1.236%20109.993h216.278l-1.233-109.993q1.236-124.824-107.52-124.824zm0-144.596q102.577%200%20171.787%2077.86%2069.21%2077.86%2069.21%20190.324v111.23h108.76v484.46h-699.505V75.5h109.993V-36.968q0-112.464%2069.21-189.09%2069.208-76.623%20170.55-77.86zm-469.632%20984.992h170.55l-795.9%20716.807-510.417%2055.614L173.622%20955.44l1027.01-918.254v164.37l-892.3%20805.79q32.132%2022.245%2096.398%2086.51l795.902-719.277v306.493z%22%20id%3D%22path6%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);background-image:-o-linear-gradient(transparent,transparent),url(/w/load.php?modules=skins.minerva.icons.images&image=edit&format=rasterized&lang=fr&skin=minerva)}.mw-ui-icon-edit-enabled:before{background-image:url(/w/load.php?modules=skins.minerva.icons.images&image=edit-enabled&format=rasterized&lang=fr&skin=minerva);background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%20standalone%3D%22no%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%20-410%202048%202048%22%20width%3D%2224%22%20height%3D%2224%22%3E%0A%20%20%20%20%3Cg%20id%3D%22g4%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M307.05%201073.838q32.507%2022.505%2097.522%2087.52L1659.846%2026.108q-33.757-60.014-101.272-82.52zm-135.03-51.26L1563.576-225.197q156.284%2026.256%20276.31%20155.034Q1959.91%2058.617%201968.663%20217.4L575.858%201470.177%2060.746%201525.19z%22%20id%3D%22path6%22%20fill%3D%22%23777%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);background-image:-o-linear-gradient(transparent,transparent),url(/w/load.php?modules=skins.minerva.icons.images&image=edit-enabled&format=rasterized&lang=fr&skin=minerva)}.mw-ui-icon-magnifying-glass:before{background-image:url(/w/load.php?modules=skins.minerva.icons.images&image=magnifying-glass&format=rasterized&lang=fr&skin=minerva);background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ctitle%3E%0A%20%20%20%20%20%20%20%20icon-export%0A%20%20%20%20%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22icon-export%22%20fill%3D%22%2354595D%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cg%20id%3D%22SearchIcon%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.474%2015.441c1.147-1.376%201.835-3.212%201.835-5.162a7.98%207.98%200%200%200-8.03-8.029%207.98%207.98%200%200%200-8.029%208.03%207.98%207.98%200%200%200%208.03%208.029c1.72%200%203.211-.459%204.473-1.377l4.473%204.474c.46.459%201.262.459%201.836%200l.688-.688-5.276-5.277zM4.544%2010.28c0-3.211%202.524-5.735%205.735-5.735%203.212%200%205.736%202.524%205.736%205.735%200%203.212-2.524%205.736-5.736%205.736-3.211%200-5.735-2.638-5.735-5.736z%22%20id%3D%22Page-1%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);background-image:-o-linear-gradient(transparent,transparent),url(/w/load.php?modules=skins.minerva.icons.images&image=magnifying-glass&format=rasterized&lang=fr&skin=minerva)}.mw-ui-icon-language-switcher:before{background-image:url(/w/load.php?modules=skins.minerva.icons.images&image=language-switcher&format=rasterized&lang=fr&skin=minerva);background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2221%22%20viewBox%3D%220%200%2028%2021%22%3E%0A%20%20%20%20%3Ctitle%3E%0A%20%20%20%20%20%20%20%20uniE021%20-%20translation%0A%20%20%20%20%3C%2Ftitle%3E%0A%20%20%20%20%3Cg%20id%3D%22Page-1%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cg%20id%3D%22uniE021---translation%22%20fill%3D%22%23777%22%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M23.89%2016l1.72%205h2.37L22.44%203.94h-3.3L13.34%2021h2.37l1.59-5h6.59zm-3.3-10.09l2.77%208.13h-5.54l2.77-8.13z%22%20id%3D%22Shape%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M8.2%202.63h1.18L8.07%200H5.43l.66%201.31A2.34%202.34%200%200%200%208.2%202.63z%22%20id%3D%22Shape%22%2F%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M16.51%204H.15v2h2.51c.79%202.27%201.98%204.24%203.69%206.08-1.85%201.44-4.09%202.23-6.33%203.01l.66%201.97c2.64-.79%205.01-1.83%207.25-3.54%201.19.92%202.77%201.84%204.62%202.36l.66-1.97c-1.45-.39-2.64-1.05-3.69-1.83%202.5-2.5%203.29-4.99%203.42-5.25l.27-.83h2.64l.66-2zm-8.58%206.67C6.61%209.41%205.43%207.77%204.9%206h6.2c-.66%201.77-1.85%203.28-3.17%204.67-2.11-2.15%200%200%200%200z%22%20id%3D%22Shape%22%2F%3E%0A%20%20%20%20%20%20%20%20%3C%2Fg%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E%0A);background-image:-o-linear-gradient(transparent,transparent),url(/w/load.php?modules=skins.minerva.icons.images&image=language-switcher&format=rasterized&lang=fr&skin=minerva)}@media all and (min-width:720px){.client-js #searchIcon{display:none}.header .branding-box{width:11.0625em}.header .search-box{display:table-cell;width:auto}.header .search-box .search{width:23.4375em}.toc-mobile{display:block;visibility:visible;position:relative;font-size:1.3em;float:left;clear:left;margin:1em 0;border:solid 1px transparent}.toc-mobile > h2{visibility:hidden;font-family:'Helvetica Neue','Helvetica','Nimbus Sans L','Arial','Liberation Sans',sans-serif;font-size:0.8em;font-weight:bold;border-bottom:0;padding:0.7em 0}.content_block{width:auto;clear:none}.heading-holder{padding:20px 0;position:relative}.heading-holder #section_0{border-bottom:0;padding:0 0 7px 0;font-size:2.6525em}#page-actions{padding:18px 0 0 0}#page-actions li{display:inline-block}#page-actions li:first-child{margin-top:0}.pre-content,.content,.post-content{max-width:55.8em;margin:0 3.35em}.content .thumb.tleft{float:left;clear:left;margin-right:1.4em}.content .thumb.tright{float:right;clear:right;margin-left:1.4em}.content blockquote{padding-right:35px;padding-left:40px}.content table{display:table;width:auto !important}.content table caption{display:table-caption}.content table tbody{display:table-row-group}#mw-mf-last-modified{padding:5px 0}.last-modified-bar{background-color:transparent;padding-left:0;padding-right:0;font-size:1em}}@media all and (min-width:62.5em){#mw-mf-page-center .mw-mf-banner,.banner-container,.header,.page-header-bar,.content-header,.overlay-header,.content,.overlay-content,.content-unstyled,.pre-content,.post-content,#mw-mf-page-center .pointer-overlay{margin-left:auto;margin-right:auto;max-width:55.8em}.header{max-width:57.8em}}@media all and (min-width:720px){table.infobox{margin:0.5em 0 1em 35px !important;max-width:320px;width:auto !important;float:right !important;clear:right !important}#mw-mf-page-center .mw-mf-banner{background-clip:content-box !important}}
 
 /* starting inserted <style> tag in header */
@@ -13,7 +17,7 @@
 .page-list,.topic-title-list,.site-link-list{overflow:hidden}.page-list li,.topic-title-list li,.site-link-list li{color:#666666;position:relative;border-bottom:solid 1px #eaecf0;padding:0.8em 16px;margin:-1px 0 0;line-height:1}.page-list li .watch-this-article,.topic-title-list li .watch-this-article,.site-link-list li .watch-this-article{position:absolute;right:0;top:0.8em;margin-top:1px}.page-list li .watch-this-article button,.topic-title-list li .watch-this-article button,.site-link-list li .watch-this-article button{position:absolute;text-indent:inherit;outline:none}.page-list li > a,.topic-title-list li > a,.site-link-list li > a{display:block;color:#666666}.page-list li > a:active,.topic-title-list li > a:active,.site-link-list li > a:active,.page-list li > a:hover,.topic-title-list li > a:hover,.site-link-list li > a:hover,.page-list li > a:visited,.topic-title-list li > a:visited,.site-link-list li > a:visited{text-decoration:none;color:#666666}.page-list.thumbs li,.topic-title-list.thumbs li,.site-link-list.thumbs li,.page-list.side-list li,.topic-title-list.side-list li,.site-link-list.side-list li{padding-left:85px}.page-list .info,.topic-title-list .info,.site-link-list .info{font-size:0.7em;text-transform:uppercase}.page-list .info,.topic-title-list .info,.site-link-list .info,.page-list .component,.topic-title-list .component,.site-link-list .component{color:#72777d;line-height:1.2}.page-list .title h3,.topic-title-list .title h3,.site-link-list .title h3,.page-list .title .mw-mf-user,.topic-title-list .title .mw-mf-user,.site-link-list .title .mw-mf-user,.page-list .title .component,.topic-title-list .title .component,.site-link-list .title .component,.page-list .title .info,.topic-title-list .title .info,.site-link-list .title .info{margin:0.5em 0}.page-list.thumbs .title,.topic-title-list.thumbs .title,.site-link-list.thumbs .title{padding-right:24px}.page-list .list-thumb,.topic-title-list .list-thumb,.site-link-list .list-thumb{position:absolute;width:70px;height:100%;top:0;left:0}.page-list p,.topic-title-list p,.site-link-list p{font-size:0.9em;line-height:normal}.page-list.side-list .list-thumb,.topic-title-list.side-list .list-thumb,.site-link-list.side-list .list-thumb{padding:0.8em 16px;color:#222222}.page-list.side-list .list-thumb p,.topic-title-list.side-list .list-thumb p,.site-link-list.side-list .list-thumb p{line-height:1.2;margin:0.5em 0}.page-list.side-list .list-thumb .timestamp,.topic-title-list.side-list .list-thumb .timestamp,.site-link-list.side-list .list-thumb .timestamp{margin-bottom:0.65em}.page-list .title.new h3,.topic-title-list .title.new h3,.site-link-list .title.new h3{color:#cc0000}@media all and (min-width:720px){.page-summary-list,.topic-title-list,.site-link-list{padding:0 3.35em}}
 .page-summary h2,.page-summary h3{font:inherit;font-weight:bold;color:#54595d}.page-summary h2 a,.page-summary h3 a{color:inherit}.page-summary h2 strong,.page-summary h3 strong{text-decoration:underline}.list-header{font-weight:bold;font-size:0.85em;padding:0.5em 16px 0.4em 16px;background-color:#eaecf0;color:#72777d}.list-thumb{background-repeat:no-repeat;background-position:center center}.list-thumb.list-thumb-none{background-color:#eaecf0;background-image:url(/w/extensions/MobileFrontend/resources/mobile.pagesummary.styles/noimage.png?537bb);background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2056%2056%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M0%200h56v56H0z%22%2F%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23999%22%20d%3D%22M36.4%2013.5H17.8v24.9c0%201.4.9%202.3%202.3%202.3h18.7v-25c.1-1.4-1-2.2-2.4-2.2zM30.2%2017h5.1v6.4h-5.1V17zm-8.8%200h6v1.8h-6V17zm0%204.6h6v1.8h-6v-1.8zm0%2015.5v-1.8h13.8v1.8H21.4zm13.8-4.5H21.4v-1.8h13.8v1.8zm0-4.7H21.4v-1.8h13.8v1.8z%22%2F%3E%0A%3C%2Fsvg%3E%0A);background-image:-o-linear-gradient(transparent,transparent),url(/w/extensions/MobileFrontend/resources/mobile.pagesummary.styles/noimage.png?537bb)}.list-thumb.list-thumb-x{-webkit-background-size:100% auto;background-size:100% auto}.list-thumb.list-thumb-y{-webkit-background-size:auto 100%;background-size:auto 100%}@media all and (min-width:720px){.list-header{padding:0.5em 3.35em 0.4em 16px}}
 .mw-ui-input{background-color:#fff;color:#000000;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:block;width:100%;border:1px solid #a2a9b1;border-radius:2px;padding:0.625em 0.546875em 0.546875em;box-shadow:inset 0 0 0 0.1em #fff;font-family:inherit;font-size:inherit;line-height:1.172em;vertical-align:middle;  }.mw-ui-input::-webkit-input-placeholder{color:#72777d;opacity:1}.mw-ui-input:-ms-input-placeholder{color:#72777d;opacity:1}.mw-ui-input::-moz-placeholder{color:#72777d;opacity:1}.mw-ui-input:-moz-placeholder{color:#72777d;opacity:1}.mw-ui-input::placeholder{color:#72777d;opacity:1}.mw-ui-input.placeholder{color:#72777d;opacity:1}.mw-ui-input:invalid{box-shadow:none}.mw-ui-input:hover{border-color:#72777d}.mw-ui-input:focus{border-color:#3366cc;box-shadow:inset 0 0 0 1px #3366cc;outline:0}.mw-ui-input:not( :disabled ){-webkit-transition:color 100ms,border-color 100ms,box-shadow 100ms;-moz-transition:color 100ms,border-color 100ms,box-shadow 100ms;transition:color 100ms,border-color 100ms,box-shadow 100ms}.mw-ui-input:disabled{border-color:#eaecf0;color:#c8ccd1}.mw-ui-input[type='search']{-webkit-appearance:textfield}.mw-ui-input[type='search']::-ms-clear{display:none}.mw-ui-input[type='search']::-webkit-search-cancel-button,.mw-ui-input[type='search']::-webkit-search-decoration{-webkit-appearance:none}textarea.mw-ui-input{min-height:8em}input[type='number'],.mw-ui-input-inline{display:inline-block;width:auto;max-width:100%}.mw-ui-input-large{margin-top:0;margin-bottom:0}.mw-ui-input-large + .mw-ui-input-large{margin-top:-1px}.mw-ui-input-large:focus{position:relative}input.mw-ui-input-large{font-size:1.75em;font-weight:bold;line-height:1.25em;padding:0.3673em 0.3265em 0.3265em}
-sup,sub{line-height:0.75em}dfn{font-style:normal;font-weight:bold}i > dfn{font-style:italic}blockquote{quotes:"" ""} .pas-sur-mobile{display:none}.italique{font-style:italic}.italique i{font-style:normal}.romain{text-transform:lowercase;font-variant:small-caps}.nowrap,.mw-magiclink-isbn{white-space:nowrap}sup.reference{font-weight:normal;font-style:normal;white-space:nowrap}.hidden{position:absolute;left:0;top:-5000px;width:1px;height:1px;overflow:hidden}caption.hidden{position:static;text-indent:-5000px} .wikitable th[scope=row]{text-align:left}.alternance,.alternance2{border-collapse:collapse}table.alternance > * > tr > th,table.alternance2 > * > tr > th{background:#e6e6e6}.alternance tr,.alternance th[scope="row"]{background:#fcfcfc}.alternance tr:nth-child(odd),.alternance tr:nth-child(odd) th[scope="row"]{background:#eeeeee}.alternance2 tr,.alternance2 th[scope="row"]{background:#eeeeee}.alternance2 tr:nth-child(odd),.alternance2 tr:nth-child(odd) th[scope="row"]{background:#fcfcfc}  .liste-horizontale ul,.liste-horizontale li{margin:0;padding:0}.liste-horizontale ul ul,.liste-horizontale li{display:inline}.liste-horizontale li:after{content:" ￂﾷ ";font-weight:bold}.liste-horizontale li:last-child:after{content:none}.liste-horizontale li li:first-child:before{content:" (";font-weight:normal}.liste-horizontale li li:last-child:after{content:") ";font-weight:normal} .liste-simple ul{line-height:inherit;list-style:none none;margin:0}.liste-simple ul li{margin-bottom:0} .treeview ul{padding:0;margin:0}.treeview li{padding:0;margin:0;list-style-type:none;list-style-image:none;zoom:1; }.treeview li li{background:url(../../../I/s/css_modules/upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png) no-repeat 0 -2981px;padding-left:20px;text-indent:0.3em}.treeview li li.lastline{background-position:0 -5971px }.treeview li.emptyline > ul{margin-left:-1px}.treeview li.emptyline > ul > li:first-child{background-position:0 9px } .bandeau-discussion,.bandeau-article,.bandeau-simple,.bandeau-systeme{clear:both;margin:8px 0 12px;border-style:solid;border-width:1px 0;padding:2px 5px;text-align:left}div.bandeau-section{display:block;margin:0 0 .7em 0;overflow:hidden;border-style:solid;border-width:1px 0;padding:2px 0 1px 4px;text-align:left}.bandeau-icone{display:none}.bandeau-cell p:last-child{margin-bottom:0}  .bandeau-niveau-grave{border-color:#aa0044;background-color:#ffcccc}.bandeau-niveau-modere{border-color:#ff8822;background-color:#ffeedd}.bandeau-niveau-information{border-color:#77ccff;background-color:#fbfbfb}.bandeau-niveau-ebauche{display:none}.bandeau-niveau-detail, .bandeau-section.bandeau-niveau-information{border-color:#e7e7e7;background-color:#fdfdfd} .portail-gauche{float:left}.portail-droite{float:right}@media screen and (max-width:65em){.portail-gauche,.portail-droite{float:none;width:auto !important}} .mw-empty-li{display:none} .infobox_v2{font-size:90%;line-height:1.1em;border-spacing:5px;border-collapse:separate;background:#f9f9f9}.infobox_v2 th{vertical-align:super;text-align:left}.infobox_v2 .entete{height:43px;vertical-align:middle;text-align:center;font-size:140%;font-weight:bolder;line-height:1.1em;color:#000} .infobox_v2 .media{height:35px;vertical-align:middle;text-align:center;font-weight:bolder;color:#000}@media screen and (min-width:720px){table.infobox_v2{width:294px !important}table.infobox_v2,.infobox_v3{clear:right;float:right !important;margin:0 0 0.5em 1em}} div.infobox_v3{font-size:0.9em;line-height:1.4em;max-width:325px;margin:auto;word-wrap:break-word;background:#f9f9f9}.infobox_v3 .entete{display:table;height:45px;width:100%;font-weight:bold;text-align:center;font-size:1.4em;line-height:1.1em;margin-bottom:10px;background-color:#dfedff}.infobox_v3 .entete > div{display:table-cell;vertical-align:middle;padding:3px} .infobox_v3 .images{text-align:center;display:flex;justify-content:space-around;align-items:center}.infobox_v3 .images a{max-width:100%}.infobox_v3 .images img{max-width:99%;height:auto}.infobox_v3 .legend{font-size:0.9em;text-align:center;margin:5px 0 8px 0} .infobox_v3 table{width:100% !important;margin:5px 0;table-layout:fixed;border-collapse:collapse}.infobox_v3 th[scope="col"]{text-align:center;word-wrap:normal}.infobox_v3 th[scope=row]{text-align:left;padding-right:10px;width:8em;max-width:140px;word-wrap:normal}.infobox_v3 th[scope=row],.infobox_v3 td{padding-top:4px;vertical-align:super}.infobox_v3 .middle{vertical-align:middle}.infobox_v3 .left td{text-align:left}.infobox_v3 .vborder td{border-left:1px dotted #aaa}.infobox_v3 .vborder td:first-child{border-left:none}.infobox_v3 .data{text-align:center} .infobox_v3 .bloc,.infobox_v3 .bordered,.infobox_v3 caption{font-weight:bold;text-align:center;line-height:1.1em;margin:0 0 5px 0;padding:4px}.infobox_v3 caption,.infobox_v3 .bloc{background:#dfedff}.infobox_v3 .bloc{margin:5px 0}.infobox_v3 .bordered{border-top:1px solid #dfedff;border-bottom:1px solid #dfedff;background:transparent} .infobox_v3 caption.hidden{margin:0 !important;padding:0 !important} .infobox_v3 .hr{font-size:1px;line-height:1px;margin:5px 0;background-color:#dfedff}.infobox_v3 .hr.collapse{margin:5px 0 -8px 0;position:relative; } .infobox_v3 .navbar{text-align:right;font-size:0.8em}.infobox_v3 .navbar .plainlinks{float:left} .infobox_v3 .overflow{overflow:hidden}.infobox_v3 .bordered.nav,.infobox_v3 .bordered.navbar{border-bottom:0 !important;font-weight:normal !important}.infobox_v3 .prev a,.infobox_v3 .prev_bloc{background:url(../../../I/s/css_modules/upload.wikimedia.org/wikipedia/commons/thumb/4/49/ArrowLeftNavbox.svg/12px-ArrowLeftNavbox.svg.png) no-repeat left center;float:left;max-width:40%;padding:0 0 0 18px;text-align:left}.infobox_v3 .next a,.infobox_v3 .next_bloc{background:url(../../../I/s/css_modules/upload.wikimedia.org/wikipedia/commons/thumb/1/10/ArrowRightNavbox.svg/12px-ArrowRightNavbox.svg.png) no-repeat right center;float:right;max-width:40%;padding:0 18px 0 0;text-align:right} .infobox_v3 table.maillot-equipe td{padding:0}.infobox_v3 table.maillot-equipe{table-layout:auto} #accueil_2017_en-tete{display:inline-block;margin:auto;min-width:100%;padding:auto 1rem;background:#EDF4F7;background:linear-gradient(top,#fff 0%,#e8f2f8 100%);background:-moz-linear-gradient(top,#fff 0%,#e8f2f8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e8f2f8));background:-webkit-linear-gradient(top,#fff 0%,#e8f2f8 100%);background:-o-linear-gradient(top,#fff 0%,#e8f2f8 100%);background:-ms-linear-gradient(top,#fff 0%,#e8f2f8 100%);background:linear-gradient(top,#fff 0%,#e8f2f8 100%);box-shadow:inset 0 0 1rem -1rem #a8d7fc}.accueil_2017_cadre{padding:3%}.bouton_accueil_bandeau_2017 h2.titre-wikipedia{font-size:200%;font-weight:bold;color:#457;font-family:'Open Sans',Sans-serif;border-bottom:none;margin-bottom:0}.bouton_accueil_bandeau_2017 .sous-titre{padding-left:40px;padding-top:0;margin-top:0}#accueil-contenu .accueil_2017_titres,#accueil-pied .accueil_2017_titres{font-variant:small-caps;letter-spacing:.01em;display:block;border-bottom:solid 0.2rem #bdd8fb;margin:-0.4rem 0 0.1rem}
+sup,sub{line-height:0.75em}dfn{font-style:normal;font-weight:bold}i > dfn{font-style:italic}blockquote{quotes:"" ""} .pas-sur-mobile{display:none}.italique{font-style:italic}.italique i{font-style:normal}.romain{text-transform:lowercase;font-variant:small-caps}.nowrap,.mw-magiclink-isbn{white-space:nowrap}sup.reference{font-weight:normal;font-style:normal;white-space:nowrap}.hidden{position:absolute;left:0;top:-5000px;width:1px;height:1px;overflow:hidden}caption.hidden{position:static;text-indent:-5000px} .wikitable th[scope=row]{text-align:left}.alternance,.alternance2{border-collapse:collapse}table.alternance > * > tr > th,table.alternance2 > * > tr > th{background:#e6e6e6}.alternance tr,.alternance th[scope="row"]{background:#fcfcfc}.alternance tr:nth-child(odd),.alternance tr:nth-child(odd) th[scope="row"]{background:#eeeeee}.alternance2 tr,.alternance2 th[scope="row"]{background:#eeeeee}.alternance2 tr:nth-child(odd),.alternance2 tr:nth-child(odd) th[scope="row"]{background:#fcfcfc}  .liste-horizontale ul,.liste-horizontale li{margin:0;padding:0}.liste-horizontale ul ul,.liste-horizontale li{display:inline}.liste-horizontale li:after{content:" ï¿‚ï¾· ";font-weight:bold}.liste-horizontale li:last-child:after{content:none}.liste-horizontale li li:first-child:before{content:" (";font-weight:normal}.liste-horizontale li li:last-child:after{content:") ";font-weight:normal} .liste-simple ul{line-height:inherit;list-style:none none;margin:0}.liste-simple ul li{margin-bottom:0} .treeview ul{padding:0;margin:0}.treeview li{padding:0;margin:0;list-style-type:none;list-style-image:none;zoom:1; }.treeview li li{background:url(../../../I/s/css_modules/upload.wikimedia.org/wikipedia/commons/f/f2/Treeview-grey-line.png) no-repeat 0 -2981px;padding-left:20px;text-indent:0.3em}.treeview li li.lastline{background-position:0 -5971px }.treeview li.emptyline > ul{margin-left:-1px}.treeview li.emptyline > ul > li:first-child{background-position:0 9px } .bandeau-discussion,.bandeau-article,.bandeau-simple,.bandeau-systeme{clear:both;margin:8px 0 12px;border-style:solid;border-width:1px 0;padding:2px 5px;text-align:left}div.bandeau-section{display:block;margin:0 0 .7em 0;overflow:hidden;border-style:solid;border-width:1px 0;padding:2px 0 1px 4px;text-align:left}.bandeau-icone{display:none}.bandeau-cell p:last-child{margin-bottom:0}  .bandeau-niveau-grave{border-color:#aa0044;background-color:#ffcccc}.bandeau-niveau-modere{border-color:#ff8822;background-color:#ffeedd}.bandeau-niveau-information{border-color:#77ccff;background-color:#fbfbfb}.bandeau-niveau-ebauche{display:none}.bandeau-niveau-detail, .bandeau-section.bandeau-niveau-information{border-color:#e7e7e7;background-color:#fdfdfd} .portail-gauche{float:left}.portail-droite{float:right}@media screen and (max-width:65em){.portail-gauche,.portail-droite{float:none;width:auto !important}} .mw-empty-li{display:none} .infobox_v2{font-size:90%;line-height:1.1em;border-spacing:5px;border-collapse:separate;background:#f9f9f9}.infobox_v2 th{vertical-align:super;text-align:left}.infobox_v2 .entete{height:43px;vertical-align:middle;text-align:center;font-size:140%;font-weight:bolder;line-height:1.1em;color:#000} .infobox_v2 .media{height:35px;vertical-align:middle;text-align:center;font-weight:bolder;color:#000}@media screen and (min-width:720px){table.infobox_v2{width:294px !important}table.infobox_v2,.infobox_v3{clear:right;float:right !important;margin:0 0 0.5em 1em}} div.infobox_v3{font-size:0.9em;line-height:1.4em;max-width:325px;margin:auto;word-wrap:break-word;background:#f9f9f9}.infobox_v3 .entete{display:table;height:45px;width:100%;font-weight:bold;text-align:center;font-size:1.4em;line-height:1.1em;margin-bottom:10px;background-color:#dfedff}.infobox_v3 .entete > div{display:table-cell;vertical-align:middle;padding:3px} .infobox_v3 .images{text-align:center;display:flex;justify-content:space-around;align-items:center}.infobox_v3 .images a{max-width:100%}.infobox_v3 .images img{max-width:99%;height:auto}.infobox_v3 .legend{font-size:0.9em;text-align:center;margin:5px 0 8px 0} .infobox_v3 table{width:100% !important;margin:5px 0;table-layout:fixed;border-collapse:collapse}.infobox_v3 th[scope="col"]{text-align:center;word-wrap:normal}.infobox_v3 th[scope=row]{text-align:left;padding-right:10px;width:8em;max-width:140px;word-wrap:normal}.infobox_v3 th[scope=row],.infobox_v3 td{padding-top:4px;vertical-align:super}.infobox_v3 .middle{vertical-align:middle}.infobox_v3 .left td{text-align:left}.infobox_v3 .vborder td{border-left:1px dotted #aaa}.infobox_v3 .vborder td:first-child{border-left:none}.infobox_v3 .data{text-align:center} .infobox_v3 .bloc,.infobox_v3 .bordered,.infobox_v3 caption{font-weight:bold;text-align:center;line-height:1.1em;margin:0 0 5px 0;padding:4px}.infobox_v3 caption,.infobox_v3 .bloc{background:#dfedff}.infobox_v3 .bloc{margin:5px 0}.infobox_v3 .bordered{border-top:1px solid #dfedff;border-bottom:1px solid #dfedff;background:transparent} .infobox_v3 caption.hidden{margin:0 !important;padding:0 !important} .infobox_v3 .hr{font-size:1px;line-height:1px;margin:5px 0;background-color:#dfedff}.infobox_v3 .hr.collapse{margin:5px 0 -8px 0;position:relative; } .infobox_v3 .navbar{text-align:right;font-size:0.8em}.infobox_v3 .navbar .plainlinks{float:left} .infobox_v3 .overflow{overflow:hidden}.infobox_v3 .bordered.nav,.infobox_v3 .bordered.navbar{border-bottom:0 !important;font-weight:normal !important}.infobox_v3 .prev a,.infobox_v3 .prev_bloc{background:url(../../../I/s/css_modules/upload.wikimedia.org/wikipedia/commons/thumb/4/49/ArrowLeftNavbox.svg/12px-ArrowLeftNavbox.svg.png) no-repeat left center;float:left;max-width:40%;padding:0 0 0 18px;text-align:left}.infobox_v3 .next a,.infobox_v3 .next_bloc{background:url(../../../I/s/css_modules/upload.wikimedia.org/wikipedia/commons/thumb/1/10/ArrowRightNavbox.svg/12px-ArrowRightNavbox.svg.png) no-repeat right center;float:right;max-width:40%;padding:0 18px 0 0;text-align:right} .infobox_v3 table.maillot-equipe td{padding:0}.infobox_v3 table.maillot-equipe{table-layout:auto} #accueil_2017_en-tete{display:inline-block;margin:auto;min-width:100%;padding:auto 1rem;background:#EDF4F7;background:linear-gradient(top,#fff 0%,#e8f2f8 100%);background:-moz-linear-gradient(top,#fff 0%,#e8f2f8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#e8f2f8));background:-webkit-linear-gradient(top,#fff 0%,#e8f2f8 100%);background:-o-linear-gradient(top,#fff 0%,#e8f2f8 100%);background:-ms-linear-gradient(top,#fff 0%,#e8f2f8 100%);background:linear-gradient(top,#fff 0%,#e8f2f8 100%);box-shadow:inset 0 0 1rem -1rem #a8d7fc}.accueil_2017_cadre{padding:3%}.bouton_accueil_bandeau_2017 h2.titre-wikipedia{font-size:200%;font-weight:bold;color:#457;font-family:'Open Sans',Sans-serif;border-bottom:none;margin-bottom:0}.bouton_accueil_bandeau_2017 .sous-titre{padding-left:40px;padding-top:0;margin-top:0}#accueil-contenu .accueil_2017_titres,#accueil-pied .accueil_2017_titres{font-variant:small-caps;letter-spacing:.01em;display:block;border-bottom:solid 0.2rem #bdd8fb;margin:-0.4rem 0 0.1rem}
 
 
 @media print{#centralNotice{display:none}}.cn-closeButton{display:inline-block;zoom:1;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAACeklEQVR4Aa1UM3jkcRBN6qS//tTFttPHqmI359VZ5dm2L1zFtr02YlRx5sX2ft/7ed7O/w1M5ufnt8NZQjCBQXhG+IYZe5zjfju7xcHc3NzEzMwM6xOEqNnZ2ZeVlZW827dv1ycmJnbGx8d3Yr5582Z9eXk5D/d4h/empqYm+K0nw3yKcF4sFmdzOJzGgIAAhb29vc7Ozk6/Atrr/fz8lCwWq6m3tzcb72G3nmzFo/NNTU354eHhIltbW72Tk5M2IyND9P79+8ZPnz7VvXnzpoHBYPS4uLhobGxsDMHBwaLa2tp82MF+PVmUUqnMioiI6LOysjLQLCcPS2ZmZn7Ozc39oPtFYG80GgWpqakSS0tLY1hYmEgikWTBfoXsLD16BT3gUWhoqEKtVheREZ+Qu0IEjI+PZ2k0GqFer+cnJSWJra2tDWw2u2FqauoVeEAW3NzcnBcYGCh3dHTUtba2ltNjLvRJSEiQEQEPRENDQzkMBqPXwsKiXyqVFsFDNzc3LWmoqKmp4YIHZIyHDx9WOzg46GJiYmTk5e/h4eHstLQ0CX2ykXST4JPJ8y7sSVM5/QGMf9y4caMHf3r//v1a8IDsGRm04/D58+dtpNFPPNRqtflXrlzpI8G15IEGc2xsrFSlUglwD+Tk5NRBmuTk5A7wgOxbXFxcF8iysrIa1mskEolKvL29Ne7u7mpXV1dNaWlp9fr7X79+VYMMeQieY/dsv5p1r2g2Nja2vWZ7RXNiYuIA0dwlzwYGBjbkGXmURXeLeUa1ul2ebV8BEH+7CiAiASTYvgJ2qc3MzMzF2vz8+XPd27dvG5hMZg+CsV1tHmfXOP5+dqyddgHOI7v1srTdcwAAAABJRU5ErkJggg==);background:url(/w/extensions/CentralNotice/resources/subscribing/CloseWindow19x19.png?7596b)!ie;width:19px;height:19px;text-indent:19px;white-space:nowrap;overflow:hidden}
diff --git a/www/index.html b/www/index.html
index c275eb4a..326d092e 100644
--- a/www/index.html
+++ b/www/index.html
@@ -202,16 +202,34 @@
                 </div>
                 <br />
                 <h2>Display settings</h2>
-                <div id="cssSettingsDiv">
-                    Please select the display style: <br />
-                    <input type="radio" name="cssInjectionMode" value="local" id="cssModeLocalRadio" checked><label for="cssModeLocalRadio">&nbsp; Use locally cached display styles</label> (faster if using a Wikipedia ZIM file, falls back to the styles stored in the ZIM)
-                    <br />
-                    <input type="radio" name="cssInjectionMode" value="mobile" id="cssModeMobileRadio"><label for="cssModeMobileRadio">&nbsp; Use Wikipedia mobile display style</label> (only works with standard Wikipedia ZIM files)
-                    <br />
-                    <input type="radio" name="cssInjectionMode" value="desktop" id="cssModeMobileRadio"><label for="cssModeMobileRadio">&nbsp; Use Wikipedia desktop display style</label> (strips mobile formatting if your ZIM file is pre-formatted for mobile)
-                    <br />
-                    <input type="radio" name="cssInjectionMode" value="zimfile" id="cssModeZIMfileRadio"><label for="cssModeZIMfileRadio">&nbsp; Use styles embedded in the ZIM file</label> (slower retrieval, uses more memory if accessing large Wikipedia ZIMs)
-                </div>
+                <table>
+                    <tr>
+                        <td style="vertical-align:top; min-width : 20em;">
+                            <div id="cssSettingsDiv">
+                                Please select the display style: <br />
+                                <input type="radio" name="cssInjectionMode" value="desktop" id="cssModeDesktopRadio" checked>
+                                <span style="margin-left: 22px; text-indent: -22px;">
+                                    <label for="cssModeDesktopRadio">&nbsp;Use Wikipedia desktop display style</label> (for Wikipedia files)
+                                    <br />
+                                </span>
+                                <input type="radio" name="cssInjectionMode" value="mobile" id="cssModeMobileRadio">
+                                <span style="margin-left: 22px; text-indent: -22px;">
+                                    <label for="cssModeMobileRadio">&nbsp;Use Wikipedia mobile display style</label> (for Wikipedia files)
+                                </span>
+                            </div>
+                        </td>
+                        <td style="vertical-align:top; padding-left: 1em;">
+                            <div id="cssSettingsDiv">
+                                Please select the display option: <br />
+                                <input type="checkbox" name="cssCacheMode" value="local" id="cssCacheModeCheck">
+                                <span style="padding-left: 22px; text-indent: -22px;">
+                                    <label for="cssCacheModeCheck">&nbsp;Use locally cached display styles</label> (<i>recommended</i> for Wikipedia ZIM)
+                                </span>
+                            </div>
+
+                        </td>
+                    </tr>
+                </table>
                 <h2>Expert settings</h2>
                 <div id="contentInjectionModeDiv">
                     Do not touch unless you know what you're doing. <br />
diff --git a/www/js/app.js b/www/js/app.js
index 23918dbe..3e70f009 100644
--- a/www/js/app.js
+++ b/www/js/app.js
@@ -26,8 +26,8 @@
 // This uses require.js to structure javascript:
 // http://requirejs.org/docs/api.html#define
 
-define(['jquery', 'zimArchiveLoader', 'util', 'uiUtil', 'cookies','abstractFilesystemAccess', 'module'],
- function($, zimArchiveLoader, util, uiUtil, cookies, abstractFilesystemAccess, module) {
+define(['jquery', 'zimArchiveLoader', 'util', 'uiUtil', 'cookies','abstractFilesystemAccess', 'module', 'transformStyles'],
+ function($, zimArchiveLoader, util, uiUtil, cookies, abstractFilesystemAccess, module, transformStyles) {
      
     /**
      * Maximum number of articles to display in a search
@@ -192,12 +192,19 @@ define(['jquery', 'zimArchiveLoader', 'util', 'uiUtil', 'cookies','abstractFiles
             setContentInjectionMode('jquery');
         }
     });
+    $('input:checkbox[name=cssCacheMode]').on('change', function (e) {
+        params['cssCache'] = this.checked ? true : false;
+    });
     $('input:radio[name=cssInjectionMode]').on('change', function (e) {
         params['cssSource'] = this.value;
     });
-    
+    $(document).ready(function (e) {
+        // Set checkbox for cssCache and radio for cssSource
+        document.getElementById('cssCacheModeCheck').checked = params['cssCache'];
+    });
+     
     /**
-     * Displays of refreshes the API status shown to the user
+     * Displays or refreshes the API status shown to the user
      */
     function refreshAPIStatus() {
         if (isMessageChannelAvailable()) {
@@ -335,7 +342,7 @@ define(['jquery', 'zimArchiveLoader', 'util', 'uiUtil', 'cookies','abstractFiles
     else {
         setContentInjectionMode('jquery');
     }
-    
+
     var serviceWorkerRegistration = null;
     
     /**
@@ -786,47 +793,57 @@ define(['jquery', 'zimArchiveLoader', 'util', 'uiUtil', 'cookies','abstractFiles
         //Set up blobArray of promises
         var cssArray = htmlArticle.match(regexpSheetHref);
         var blobArray = [];
-        cssSource = params['cssSource'];
+        var cssSource = params['cssSource'];
+        var cssCache = params['cssCache'];
+        var zimType = "";
         getBLOB(cssArray);
 
         //Extract CSS URLs from given array of links
         function getBLOB(arr) {
-            if (cssSource == "desktop" && (!arr.join().match(/-\/s\/style\.css/i))) {
-                arr.push('<link href="../-/s/style.css" rel="stylesheet">'); //Insert the standard desktop style
-            }
+            zimType = arr.join().match(/-\/s\/style\.css/i) ? "desktop" : zimType;
+            zimType = arr.join().match(/minerva|mobile/i) ? "mobile" : zimType;
+
             for (var i = 0; i < arr.length; i++) {
                 var linkArray = regexpSheetHref.exec(arr[i]);
                 regexpSheetHref.lastIndex = 0; //Reset start position for next loop
                 if (regexpMetadataUrl.test(linkArray[2])) { //It's a CSS file contained in ZIM
                     var zimLink = decodeURIComponent(uiUtil.removeUrlParameters(linkArray[2]));
-                    //If this is a standard Wikipedia css use stylesheet cached in the filesystem...
-                    if ((cssSource != "zimfile") &&
-                        (zimLink.match(/-\/s\/style\.css/i) ||
-                         zimLink.match(/-\/s\/css_modules\/mediawiki\.toc\.css/i) ||
-                         zimLink.match(/-\/s\/css_modules\/ext\.cite\.styles\.css/i) ||
-                         zimLink.match(/-\/s\/css_modules\/ext\.timeline\.styles\.css/i) ||
-                         zimLink.match(/-\/s\/css_modules\/ext\.scribunto\.logs\.css/i) ||
-                         zimLink.match(/-\/s\/css_modules\/mediawiki\.page\.gallery\.styles\.css/i) ||
-                         zimLink.match(/-\/s\/css_modules\/ext\.cite\.a11y\.css/i) ||
-                         zimLink.match(/-\/s\/css_modules\/content\.parsoid\.css/i) ||
-                         zimLink.match(/-\/s\/css_modules\/inserted_style_mobile\.css/i) ||
-                         zimLink.match(/-\/s\/css_modules\/mobile\.css/i) ||
-                         zimLink.match(/-\/s\/css_modules\/skins\.minerva\.base\.reset\|skins\.minerva\.content\.styles\|ext\.cite\.style\|mediawiki\.page\.gallery\.styles\|mobile\.app\.pagestyles\.android\|mediawiki\.skinning\.content\.parsoid\.css/i)
-                        )) {
-                        if (cssSource == "desktop" && zimLink.match(/minerva|mobile|parsoid/)) { //If user selected desktop style and the ZIM is formatted for mobile...
-                            zimLink = "#"; //Void the style
-                        } 
-                        if ((cssSource == "mobile") || (zimLink.match(/minerva/))) { //If user has selected mobile display mode or mobile is built into ZIM, substitute main stylesheet
-                            zimLink = zimLink.match(/(-\/s\/style\.css)|(minerva)/i) ? "../-/s/style-mobile.css" : zimLink;
+                    if ((zimType != cssSource) && zimLink.match(/(-\/s\/style\.css)|minerva|mobile|parsoid/i)) { //If it's the wrong ZIM type and style matches main styles...
+                        if (zimLink.match(/(-\/s\/style\.css)|(minerva)/i)) { //If it matches one of the required styles...
+                            zimLink = (cssSource == "mobile") ? "../-/s/style-mobile.css" : "../-/s/style.css"; //Take it from cache, because not in the ZIM
+                            console.log("Matched #" + i + " [" + zimLink + "] from local filesystem because style is not in ZIM" +
+                                "\nbut your display options require a " + cssSource + " style");
                         }
-                        blobArray[i] = zimLink.replace(/\|/ig, "_"); //Replace "|" with "_" (legacy for some stylesheets with pipes in filename)
-                        console.log("Matched #" + i + " [" + blobArray[i] + "] from local filesystem");
+                        if (cssSource == "desktop" && zimLink.match(/minerva|mobile|parsoid/)) { //If user selected desktop style and style is one of the mobile styles
+                            console.log("Voiding #" + i + " [" + zimLink + "] from document header \nbecause your display options require a desktop style");
+                            zimLink = "#"; //Void these mobile styles
+                        }
+                        blobArray[i] = zimLink;
                         injectCSS();
-                    } else { //Try to get the stylesheet from the ZIM file
-                        var linkURL = zimLink.match(regexpMetadataUrl)[1];
-                        console.log("Attempting to resolve CSS link #" + i + " [" + linkURL + "] from ZIM file..." + 
-                            (cssSource != "zimfile" ? "\n(Consider adding file #" + i + " to the local filesystem)" : ""));
-                        resolveCSS(linkURL, i); //Pass link and index
+                    } else {
+                        //If this is a standard Wikipedia css use stylesheet cached in the filesystem...
+                        if ( cssCache &&
+                            (zimLink.match(/-\/s\/style\.css/i) ||
+                             zimLink.match(/-\/s\/css_modules\/mediawiki\.toc\.css/i) ||
+                             zimLink.match(/-\/s\/css_modules\/ext\.cite\.styles\.css/i) ||
+                             zimLink.match(/-\/s\/css_modules\/ext\.timeline\.styles\.css/i) ||
+                             zimLink.match(/-\/s\/css_modules\/ext\.scribunto\.logs\.css/i) ||
+                             zimLink.match(/-\/s\/css_modules\/mediawiki\.page\.gallery\.styles\.css/i) ||
+                             zimLink.match(/-\/s\/css_modules\/ext\.cite\.a11y\.css/i) ||
+                             zimLink.match(/-\/s\/css_modules\/content\.parsoid\.css/i) ||
+                             zimLink.match(/-\/s\/css_modules\/inserted_style_mobile\.css/i) ||
+                             zimLink.match(/-\/s\/css_modules\/mobile\.css/i) ||
+                             zimLink.match(/-\/s\/css_modules\/skins\.minerva\.base\.reset\|skins\.minerva\.content\.styles\|ext\.cite\.style\|mediawiki\.page\.gallery\.styles\|mobile\.app\.pagestyles\.android\|mediawiki\.skinning\.content\.parsoid\.css/i)
+                            )) {
+                            blobArray[i] = zimLink.replace(/\|/ig, "_"); //Replace "|" with "_" (legacy for some stylesheets with pipes in filename)
+                            console.log("Matched #" + i + " [" + blobArray[i] + "] from local filesystem");
+                            injectCSS();
+                        } else { //Try to get the stylesheet from the ZIM file unless it's the wrong ZIM type
+                            var linkURL = zimLink.match(regexpMetadataUrl)[1];
+                            console.log("Attempting to resolve CSS link #" + i + " [" + linkURL + "] from ZIM file..." + 
+                                (cssCache ? "\n(Consider adding file #" + i + " to the local filesystem)" : ""));
+                            resolveCSS(linkURL, i); //Pass link and index
+                        }
                     }
                 } else {
                     blobArray[i] = linkArray[2]; //If CSS not in ZIM, store URL in blobArray
@@ -856,35 +873,19 @@ define(['jquery', 'zimArchiveLoader', 'util', 'uiUtil', 'cookies','abstractFiles
             if (blobArray.length === cssArray.length) { //If all promised values have been obtained
                 for (var i in cssArray) {
                     cssArray[i] = cssArray[i].replace(/(href\s*=\s*["'])([^"']+)/i, "$1" + blobArray[i]);
-                    //DEV note: do not attempt to add onload="URL.revokeObjectURL...)": it fires before the
-                    //stylesheet changes have been painted and causes a crash...
-                    //Use oneTimeOnly=true when creating blob instead (implemented above)
+                    //DEV note: do not attempt to add onload="URL.revokeObjectURL...)": see [kiwix.js #284]
                 }
                 htmlArticle = htmlArticle.replace(regexpSheetHref, ""); //Void existing stylesheets
                 var cssArray$ = "\r\n" + cssArray.join("\r\n") + "\r\n";
-                if (cssSource == "mobile") { //If user has selected mobile display mode, insert extra stylesheets
-                    cssArray$ += cssArray$.match(/-\/s\/css_modules\/content\.parsoid\.css/i) ? "" : '<link href="../-/s/css_modules/content.parsoid.css" rel="stylesheet" type="text/css">\r\n';
-                    cssArray$ += cssArray$.match(/-\/s\/css_modules\/inserted_style_mobile\.css/i) ? "" : '<link href="../-/s/css_modules/inserted_style_mobile.css" rel="stylesheet" type="text/css">\r\n';
-                    cssArray$ += cssArray$.match(/-\/s\/css_modules\/mobile\.css/i) ? "" : '<link href="../-/s/css_modules/mobile.css" rel="stylesheet" type="text/css">\r\n';
-                    //Allow images to float right or left
-                    htmlArticle = htmlArticle.replace(/class\s*=\s*["']\s*thumb\s+tright\s*["']\s*/ig, 'style="float: right; clear: right; margin-left: 1.4em;"');
-                    htmlArticle = htmlArticle.replace(/class\s*=\s*["']\s*thumb\s+tleft\s*["']\s*/ig, 'style="float: left; clear: left; margin-right: 1.4em;"');
-                    //Add styling to image captions that is hard-coded in Wikipedia mobile
-                    htmlArticle = htmlArticle.replace(/class\s*=\s*["']\s*thumbcaption\s*["']\s*/ig, 'style="margin: 0.5em 0 0.5em; font-size: 0.8em; line-height: 1.5; padding: 0 !important; color: #54595d; width: auto !important;"');
-                    //Move info-box below lead paragraph like on Wikipedia mobile
-                    htmlArticle = htmlArticle.replace(/(<table\s+(?=[^>]*infobox)[\s\S]+?<\/table>[^<]*)(<p\b[^>]*>(?:(?=([^<]+))\3|<(?!p\b[^>]*>))*?<\/p>)/ig, "$2$1");
-                    //Set infobox styling hard-coded in Wikipedia mobile
-                    htmlArticle = htmlArticle.replace(/(table\s+(?=[^>]*class\s*=\s*["'][^"']*infobox)[^>]*style\s*=\s*["'][^"']+[^;'"]);?\s*["']/ig, '$1; position: relative; border: 1px solid #eaecf0; text-align: left; background-color: #f8f9fa;"');
-                    //Wrap <h2> tags in <div> to control bottom border width if there's an infobox
-                    htmlArticle = htmlArticle.match(/table\s+(?=[^>]*class\s*=\s*["'][^"']*infobox)/i) ? htmlArticle.replace(/(<h2\s+[^<]*<\/h2>)/ig, '<div style="width: 60%;">$1</div>') : htmlArticle;
+                if (cssSource == "mobile") { //If user has selected mobile display mode...
+                    var mobileCSS = transformStyles.toMobileCSS(htmlArticle, zimType, cssCache, cssArray$);
+                    htmlArticle = mobileCSS.html;
+                    cssArray$ = mobileCSS.css;
                 }
                 if (cssSource == "desktop") { //If user has selected desktop display mode...
-                    //Ensure white background colour
-                    htmlArticle = htmlArticle.replace(/class\s*=\s*["']\s*mw-body\s*["']\s*/ig, 'style="background-color: white; padding: 1em; border-width: 0px; max-width: 55.8em; margin: 0 auto 0 auto;"');
-                    //Void empty header title
-                    htmlArticle = htmlArticle.replace(/<h1\s*[^>]+titleHeading[^>]+>\s*<\/h1>\s*/ig, "");
+                    htmlArticle = transformStyles.toDesktopCSS(htmlArticle,zimType,cssCache).html;
                 }
-                if (cssSource != "zimfile") { //For all cases except where user wants exactly what's in the zimfile...
+                if (cssCache) { //For all cases except where user wants exactly what's in the zimfile...
                     //Reduce the hard-coded top padding to 0
                     htmlArticle = htmlArticle.replace(/(<div\s+[^>]*mw-body[^>]+style[^>]+padding\s*:\s*)1em/i, "$10 1em");
                 }
@@ -1097,5 +1098,4 @@ define(['jquery', 'zimArchiveLoader', 'util', 'uiUtil', 'cookies','abstractFiles
             }
         });
     }
-
 });
diff --git a/www/js/init.js b/www/js/init.js
index 87f07e69..3ac9ce1b 100644
--- a/www/js/init.js
+++ b/www/js/init.js
@@ -23,14 +23,14 @@
 'use strict';
 var params = {};
 var results = params['results'] || 10; //Number of search results to display
-var cssSource = params['cssSource'] || "local"; //One of "zimfile", "local", "desktop" or "mobile""
+params['cssSource'] = params['cssSource'] || "desktop"; //Set default to "desktop" or "mobile"
+params['cssCache'] = params['cssCache'] || true; //Set default to true to use cached CSS, false to use Zim only
 
 require.config({
     baseUrl: 'js/lib',
-    config: { '../app': { results: results, cssSource: cssSource } },
+    config: { '../app': { results: results, params: params } },
     paths: {
-        //'jquery': 'jquery-3.2.1',
-        'jquery': 'jquery-3.2.1.slim', //GK testing
+        'jquery': 'jquery-3.2.1.slim',
         //'bootstrap': 'bootstrap'
         'bootstrap': 'bootstrap.min' //GK testing
     },
diff --git a/www/js/lib/transformStyles.js b/www/js/lib/transformStyles.js
new file mode 100644
index 00000000..4a4df315
--- /dev/null
+++ b/www/js/lib/transformStyles.js
@@ -0,0 +1,69 @@
+/**
+ * transformCSS.js: Provides transformations in CSS of Wikipedia articles contained in the ZIM file
+ * This allows the user to choose the presentation style for the page to be viewed.
+ * Currently available are "mobile" and "desktop" display modes.
+ * 
+ * Copyright 2017 Kiwix developers
+ * License GPL v3:
+ * 
+ * This file is part of Kiwix.
+ * 
+ * Kiwix is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ * 
+ * Kiwix is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ * 
+ * You should have received a copy of the GNU General Public License
+ * along with Kiwix (file LICENSE-GPLv3.txt).  If not, see <http://www.gnu.org/licenses/>
+ */
+'use strict';
+define([], function () {
+
+    function toMobileCSS(html, zim, cc, css) {
+        css += css.match(/-\/s\/css_modules\/content\.parsoid\.css/i) ? "" : '<link href="../-/s/css_modules/content.parsoid.css" rel="stylesheet" type="text/css">\r\n';
+        css += css.match(/-\/s\/css_modules\/inserted_style_mobile\.css/i) ? "" : '<link href="../-/s/css_modules/inserted_style_mobile.css" rel="stylesheet" type="text/css">\r\n';
+        css += css.match(/-\/s\/css_modules\/mobile\.css/i) ? "" : '<link href="../-/s/css_modules/mobile.css" rel="stylesheet" type="text/css">\r\n';
+        if (cc || (zim == "desktop")) { //If user requested cached styles OR the ZIM does not contain mobile styles
+            console.log(zim == "desktop" ? "Transforming display style to mobile..." : "Optimizing cached styhles for mobile display...");
+            //Allow images to float right or left
+            html = html.replace(/class\s*=\s*["']\s*thumb\s+tright\s*["']\s*/ig, 'style="float: right; clear: right; margin-left: 1.4em;"');
+            html = html.replace(/class\s*=\s*["']\s*thumb\s+tleft\s*["']\s*/ig, 'style="float: left; clear: left; margin-right: 1.4em;"');
+            //Add styling to image captions that is hard-coded in Wikipedia mobile
+            html = html.replace(/class\s*=\s*["']\s*thumbcaption\s*["']\s*/ig, 'style="margin: 0.5em 0 0.5em; font-size: 0.8em; line-height: 1.5; padding: 0 !important; color: #54595d; width: auto !important;"');
+            //If it's in desktop position, move info-box below lead paragraph like on Wikipedia mobile
+            html = /<\/p>[\s\S]*?<table\s+[^>]*(?:infobox|vertical-navbox)/i.test(html) ? html : html.replace(/(<table\s+(?=[^>]*(?:infobox|vertical-navbox))[\s\S]+?<\/table>[^<]*)((?:<span\s*>\s*)?<p\b[^>]*>(?:(?=([^<]+))\3|<(?!p\b[^>]*>))*?<\/p>(?:<span\s*>)?)/i, "$2\r\n$1");
+            //Set infobox styling hard-coded in Wikipedia mobile
+            html = html.replace(/(table\s+(?=[^>]*class\s*=\s*["'][^"']*infobox)[^>]*style\s*=\s*["'][^"']+[^;'"]);?\s*["']/ig, '$1; position: relative; border: 1px solid #eaecf0; text-align: left; background-color: #f8f9fa;"');
+            //Wrap <h2> tags in <div> to control bottom border width if there's an infobox
+            html = html.match(/table\s+(?=[^>]*class\s*=\s*["'][^"']*infobox)/i) ? html.replace(/(<h2\s+[^<]*<\/h2>)/ig, '<div style="width: 60%;">$1</div>') : html;
+        }
+        return { html: html, css: css };
+    }
+
+    function toDesktopCSS(html, zim, cc, css) {
+        if (cc || (zim == "mobile")) { //If user requested cached styles OR the ZIM does not contain desktop styles
+            console.log(zim == "mobile" ? "Transforming display style to desktop..." : "Optimizing cached styhles for desktop display...");
+            //If it's in mobile position, move info-box above lead paragraph like on Wikipedia desktop
+            //html = html.replace(/((?:<span\s*>\s*)?<p\b[^>]*>(?:(?=([^<]+))\2|<(?!p\b[^>]*>))*?<\/p>(?:<\/span\s*>)?[^<]*)([\s\S]*?)(<table\s*(?=[^>]*infobox)[\s\S]+?<\/table>)/i, "$4$3$1");
+            html = html.replace(/((?:<span\s*>\s*)?<p\b[\s\S]+?)(<table\s*(?=[^>]*(?:infobox|vertical-navbox))[\s\S]+?<\/table>)/i, "$2\r\n$1");
+            //Ensure white background colour
+            html = html.replace(/class\s*=\s*["']\s*mw-body\s*["']\s*/ig, 'style="background-color: white; padding: 1em; border-width: 0px; max-width: 55.8em; margin: 0 auto 0 auto;"');
+            //Void empty header title
+            html = html.replace(/<h1\s*[^>]+titleHeading[^>]+>\s*<\/h1>\s*/ig, "");
+        }
+        return { html : html, css : css };
+    }
+
+    /**
+    * Functions and classes exposed by this module
+    */
+    return {
+        toMobileCSS: toMobileCSS,
+        toDesktopCSS: toDesktopCSS
+    };
+});
\ No newline at end of file