From 5675054809738d26aba6df006902e5e9b23848c4 Mon Sep 17 00:00:00 2001 From: Benjamin Franzke Date: Mon, 4 Jul 2016 20:09:06 +0200 Subject: Include Roboto downloaded from Google --- Makefile | 6 +- fonts/Roboto_400.eot | Bin 0 -> 16227 bytes fonts/Roboto_400.svg | 308 +++++++++++++++++++++++++++++++++++++++++ fonts/Roboto_400.ttf | Bin 0 -> 32652 bytes fonts/Roboto_400.woff | Bin 0 -> 18520 bytes fonts/Roboto_400.woff2 | Bin 0 -> 14584 bytes fonts/Roboto_400italic.eot | Bin 0 -> 17534 bytes fonts/Roboto_400italic.svg | 323 +++++++++++++++++++++++++++++++++++++++++++ fonts/Roboto_400italic.ttf | Bin 0 -> 33404 bytes fonts/Roboto_400italic.woff | Bin 0 -> 19880 bytes fonts/Roboto_400italic.woff2 | Bin 0 -> 15736 bytes fonts/Roboto_500.eot | Bin 0 -> 16310 bytes fonts/Roboto_500.svg | 305 ++++++++++++++++++++++++++++++++++++++++ fonts/Roboto_500.ttf | Bin 0 -> 32580 bytes fonts/Roboto_500.woff | Bin 0 -> 18576 bytes fonts/Roboto_500.woff2 | Bin 0 -> 14596 bytes fonts/Roboto_700.eot | Bin 0 -> 16208 bytes fonts/Roboto_700.svg | 310 +++++++++++++++++++++++++++++++++++++++++ fonts/Roboto_700.ttf | Bin 0 -> 32500 bytes fonts/Roboto_700.woff | Bin 0 -> 18568 bytes fonts/Roboto_700.woff2 | Bin 0 -> 14552 bytes package.json | 3 +- style/font.css | 72 ++++++++++ style/style.css | 2 + style/style.min.css | 2 +- xsl/layout.xsl | 1 - 26 files changed, 1326 insertions(+), 6 deletions(-) create mode 100644 fonts/Roboto_400.eot create mode 100644 fonts/Roboto_400.svg create mode 100644 fonts/Roboto_400.ttf create mode 100644 fonts/Roboto_400.woff create mode 100644 fonts/Roboto_400.woff2 create mode 100644 fonts/Roboto_400italic.eot create mode 100644 fonts/Roboto_400italic.svg create mode 100644 fonts/Roboto_400italic.ttf create mode 100644 fonts/Roboto_400italic.woff create mode 100644 fonts/Roboto_400italic.woff2 create mode 100644 fonts/Roboto_500.eot create mode 100644 fonts/Roboto_500.svg create mode 100644 fonts/Roboto_500.ttf create mode 100644 fonts/Roboto_500.woff create mode 100644 fonts/Roboto_500.woff2 create mode 100644 fonts/Roboto_700.eot create mode 100644 fonts/Roboto_700.svg create mode 100644 fonts/Roboto_700.ttf create mode 100644 fonts/Roboto_700.woff create mode 100644 fonts/Roboto_700.woff2 create mode 100644 style/font.css diff --git a/Makefile b/Makefile index 42e2dde..ca23e48 100644 --- a/Makefile +++ b/Makefile @@ -12,7 +12,7 @@ pages=$(shell xsltproc xsl/main_filenames.xsl main.xml) pages_gen=$(pages:%.xml=%.$(suffix)) pages_gen_html=$(pages:%.xml=%.html) -common_depend=main.xml $(wildcard xsl/*.xsl) Makefile checkmark.svg style/style.css +common_depend=main.xml $(wildcard xsl/*.xsl) Makefile checkmark.svg style/style.min.css DEFAULT_VERBOSITY=0 @@ -50,8 +50,8 @@ html: $(pages_gen_html) %.html: %.xml $(common_depend) $(V_XSLT) $(xsltproc) --stringparam suffix .html $< | $(to_html) > $@ -style/style.min.css: style/style.css node_modules/.bin/postcss - $(V_CSS) node_modules/.bin/postcss -u postcss-css-variables style/style.css | node_modules/.bin/cleancss > style/style.min.css +style/style.min.css: style/style.css style/font.css node_modules/.bin/postcss + $(V_CSS) node_modules/.bin/postcss -u postcss-import -u postcss-css-variables style/style.css | node_modules/.bin/cleancss > style/style.min.css clean: rm -f $(pages_gen) checkmark.png diff --git a/fonts/Roboto_400.eot b/fonts/Roboto_400.eot new file mode 100644 index 0000000..d26bc8f Binary files /dev/null and b/fonts/Roboto_400.eot differ diff --git a/fonts/Roboto_400.svg b/fonts/Roboto_400.svg new file mode 100644 index 0000000..ed55c10 --- /dev/null +++ b/fonts/Roboto_400.svg @@ -0,0 +1,308 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/Roboto_400.ttf b/fonts/Roboto_400.ttf new file mode 100644 index 0000000..7b25f3c Binary files /dev/null and b/fonts/Roboto_400.ttf differ diff --git a/fonts/Roboto_400.woff b/fonts/Roboto_400.woff new file mode 100644 index 0000000..941dfa4 Binary files /dev/null and b/fonts/Roboto_400.woff differ diff --git a/fonts/Roboto_400.woff2 b/fonts/Roboto_400.woff2 new file mode 100644 index 0000000..120796b Binary files /dev/null and b/fonts/Roboto_400.woff2 differ diff --git a/fonts/Roboto_400italic.eot b/fonts/Roboto_400italic.eot new file mode 100644 index 0000000..f2d020a Binary files /dev/null and b/fonts/Roboto_400italic.eot differ diff --git a/fonts/Roboto_400italic.svg b/fonts/Roboto_400italic.svg new file mode 100644 index 0000000..738b829 --- /dev/null +++ b/fonts/Roboto_400italic.svg @@ -0,0 +1,323 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/Roboto_400italic.ttf b/fonts/Roboto_400italic.ttf new file mode 100644 index 0000000..b0dd4a1 Binary files /dev/null and b/fonts/Roboto_400italic.ttf differ diff --git a/fonts/Roboto_400italic.woff b/fonts/Roboto_400italic.woff new file mode 100644 index 0000000..a2b7704 Binary files /dev/null and b/fonts/Roboto_400italic.woff differ diff --git a/fonts/Roboto_400italic.woff2 b/fonts/Roboto_400italic.woff2 new file mode 100644 index 0000000..e3916a5 Binary files /dev/null and b/fonts/Roboto_400italic.woff2 differ diff --git a/fonts/Roboto_500.eot b/fonts/Roboto_500.eot new file mode 100644 index 0000000..8c06caa Binary files /dev/null and b/fonts/Roboto_500.eot differ diff --git a/fonts/Roboto_500.svg b/fonts/Roboto_500.svg new file mode 100644 index 0000000..2b98916 --- /dev/null +++ b/fonts/Roboto_500.svg @@ -0,0 +1,305 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/Roboto_500.ttf b/fonts/Roboto_500.ttf new file mode 100644 index 0000000..8d6fa92 Binary files /dev/null and b/fonts/Roboto_500.ttf differ diff --git a/fonts/Roboto_500.woff b/fonts/Roboto_500.woff new file mode 100644 index 0000000..a1b9176 Binary files /dev/null and b/fonts/Roboto_500.woff differ diff --git a/fonts/Roboto_500.woff2 b/fonts/Roboto_500.woff2 new file mode 100644 index 0000000..5f96609 Binary files /dev/null and b/fonts/Roboto_500.woff2 differ diff --git a/fonts/Roboto_700.eot b/fonts/Roboto_700.eot new file mode 100644 index 0000000..f89cad7 Binary files /dev/null and b/fonts/Roboto_700.eot differ diff --git a/fonts/Roboto_700.svg b/fonts/Roboto_700.svg new file mode 100644 index 0000000..fc8d42f --- /dev/null +++ b/fonts/Roboto_700.svg @@ -0,0 +1,310 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/Roboto_700.ttf b/fonts/Roboto_700.ttf new file mode 100644 index 0000000..19090af Binary files /dev/null and b/fonts/Roboto_700.ttf differ diff --git a/fonts/Roboto_700.woff b/fonts/Roboto_700.woff new file mode 100644 index 0000000..bf737c1 Binary files /dev/null and b/fonts/Roboto_700.woff differ diff --git a/fonts/Roboto_700.woff2 b/fonts/Roboto_700.woff2 new file mode 100644 index 0000000..11cde5d Binary files /dev/null and b/fonts/Roboto_700.woff2 differ diff --git a/package.json b/package.json index c4bc739..ec9178e 100644 --- a/package.json +++ b/package.json @@ -5,6 +5,7 @@ "devDependencies": { "clean-css": "^3.4.18", "postcss-cli": "^2.5.2", - "postcss-css-variables": "^0.5.1" + "postcss-css-variables": "^0.5.1", + "postcss-import": "^8.1.2" } } diff --git a/style/font.css b/style/font.css new file mode 100644 index 0000000..fcb6e35 --- /dev/null +++ b/style/font.css @@ -0,0 +1,72 @@ +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 400; + src: + local('Roboto'), + local('Roboto-Regular'), + /* from https://fonts.gstatic.com/s/roboto/v15/5YB-ifwqHP20Yn46l_BDhA.eot */ + url('/fonts/Roboto_400.eot?#iefix') format('embedded-opentype'), + /* from https://fonts.gstatic.com/s/roboto/v15/2UX7WLTfW3W8TclTUvlFyQ.woff */ + url('/fonts/Roboto_400.woff?v=1') format('woff'), + /* from https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2 */ + url('/fonts/Roboto_400.woff2?v=1') format('woff2'), + /* from https://fonts.gstatic.com/l/font?kit=_YZOZaQ9UBZzaxiLBLcgZg&skey=a0a0114a1dcab3ac&v=v15#Roboto */ + url('/fonts/Roboto_400.svg#Roboto') format('svg'), + /* from https://fonts.gstatic.com/s/roboto/v15/zN7GBFwfMP4uA6AR0HCoLQ.ttf */ + url('/fonts/Roboto_400.ttf') format('truetype'); +} +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 500; + src: + local('Roboto Medium'), + local('Roboto-Medium'), + /* from https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUfY6323mHUZFJMgTvxaG2iE.eot */ + url('/fonts/Roboto_500.eot?#iefix') format('embedded-opentype'), + /* from https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUT8E0i7KZn-EPnyo3HZu7kw.woff */ + url('/fonts/Roboto_500.woff?v=1') format('woff'), + /* from https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUVtXRa8TVwTICgirnJhmVJw.woff2 */ + url('/fonts/Roboto_500.woff2?v=1') format('woff2'), + /* from https://fonts.gstatic.com/l/font?kit=RxZJdnzeo3R5zSexge8UUZbd9NUM7myrQQz30yPaGQ4&skey=ee881451c540fdec&v=v15#Roboto */ + url('/fonts/Roboto_500.svg#Roboto') format('svg'), + /* from https://fonts.gstatic.com/s/roboto/v15/RxZJdnzeo3R5zSexge8UUaCWcynf_cDxXwCLxiixG1c.ttf */ + url('/fonts/Roboto_500.ttf') format('truetype'); +} +@font-face { + font-family: 'Roboto'; + font-style: normal; + font-weight: 700; + src: + local('Roboto Bold'), + local('Roboto-Bold'), + /* from https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOPY6323mHUZFJMgTvxaG2iE.eot */ + url('/fonts/Roboto_700.eot?#iefix') format('embedded-opentype'), + /* from https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOD8E0i7KZn-EPnyo3HZu7kw.woff */ + url('/fonts/Roboto_700.woff?v=1') format('woff'), + /* from https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOFtXRa8TVwTICgirnJhmVJw.woff2 */ + url('/fonts/Roboto_700.woff2?v=1') format('woff2'), + /* from https://fonts.gstatic.com/l/font?kit=d-6IYplOFocCacKzxwXSOJbd9NUM7myrQQz30yPaGQ4&skey=c06e7213f788649e&v=v15#Roboto */ + url('/fonts/Roboto_700.svg#Roboto') format('svg'), + /* from https://fonts.gstatic.com/s/roboto/v15/d-6IYplOFocCacKzxwXSOKCWcynf_cDxXwCLxiixG1c.ttf */ + url('/fonts/Roboto_700.ttf') format('truetype'); +} +@font-face { + font-family: 'Roboto'; + font-style: italic; + font-weight: 400; + src: + local('Roboto Italic'), + local('Roboto-Italic'), + /* from https://fonts.gstatic.com/s/roboto/v15/OiNnAEwKzzJkQCr4qZmeq_esZW2xOQ-xsNqO47m55DA.eot */ + url('/fonts/Roboto_400italic.eot?#iefix') format('embedded-opentype'), + /* from https://fonts.gstatic.com/s/roboto/v15/1pO9eUAp8pSF8VnRTP3xnvesZW2xOQ-xsNqO47m55DA.woff */ + url('/fonts/Roboto_400italic.woff?v=1') format('woff'), + /* from https://fonts.gstatic.com/s/roboto/v15/vPcynSL0qHq_6dX7lKVByfesZW2xOQ-xsNqO47m55DA.woff2 */ + url('/fonts/Roboto_400italic.woff2?v=1') format('woff2'), + /* from https://fonts.gstatic.com/l/font?kit=d6hCKsxkfwUDuz8291ns3vesZW2xOQ-xsNqO47m55DA&skey=c608c610063635f9&v=v15#Roboto */ + url('/fonts/Roboto_400italic.svg#Roboto') format('svg'), + /* from https://fonts.gstatic.com/s/roboto/v15/W4wDsBUluyw0tK3tykhXEfesZW2xOQ-xsNqO47m55DA.ttf */ + url('/fonts/Roboto_400italic.ttf') format('truetype'); +} diff --git a/style/style.css b/style/style.css index fb9ac46..e6df65f 100644 --- a/style/style.css +++ b/style/style.css @@ -1,3 +1,5 @@ +@import "font.css"; + :root { --text-color: #333; //--color-red: #983d3a; diff --git a/style/style.min.css b/style/style.min.css index 86f6504..276ea49 100644 --- a/style/style.min.css +++ b/style/style.min.css @@ -1 +1 @@ -h1,h2{font-weight:500}footer,header,header svg{position:relative}a,a:focus,a:hover,nav>ul>li a{text-decoration:none}.logos,footer,nav>ul>li a{text-align:center}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{background:#eee;font-family:Roboto,sans-serif;font-size:16px;line-height:1.35;color:#333;display:flex;flex-direction:column;min-height:100vh}footer:before,header:before{position:absolute}body>*{flex:none}body>.outer{flex:1 0 auto}input,textarea{padding:2px 5px;color:#333}h2,h3{margin-top:1.5em}h1{font-size:2em;margin-bottom:.67em}h2{font-size:1.5em;margin-bottom:.75em}h3{font-size:1.2em;font-weight:700;margin-bottom:.8em}ol,p,ul{margin-bottom:1em}ol,ul{margin-left:1.2em}blockquote{margin-left:3em;margin-right:3em}a{color:#973c39}a:focus,a:hover{color:#6e2c2a}a img{border:none}img.left{float:left;margin:5px 2em 0 0}img.right{float:right;margin:5px 0 2em 2em}label{display:inline-block;margin-left:20px;min-width:90px}footer,header,main,nav{width:65em;max-width:65em;margin:0 auto}header{margin-bottom:1em;padding:2em 0 .5em}header .h1,header .h2{margin:0;letter-spacing:-.025em;font-weight:400}header svg{bottom:-7px;margin-right:1em;width:3.5em;height:3.5em}header .h1{display:inline;font-size:3em;color:#444}header .h2{display:inline;padding-left:.5em;font-size:1.5em;color:#858585}nav>ul:after{content:'';display:block;clear:both}.outer{background:#fff;border-top:2px #973c39 solid;padding:2em 0}nav>ul{padding-left:0;margin-left:0}nav>ul>li{display:block;float:left;width:20%}nav>ul>li+li{padding-left:2px}nav>ul>li a{display:inline-block;padding:.7em 1.5em;background:#4c4d51;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:.05em;width:100%}.redbox,a.redbox:hover,nav>ul a.active,nav>ul a:focus,nav>ul a:hover{background:#973c39;color:#fff}main{display:flex;flex-direction:row}article,aside{margin:2em 0}article{flex:1 1 45em;padding-right:1em}aside{padding-left:1em;flex:1 1 18em}.redbox,a.redbox:hover{display:inline-block;text-decoration:none;width:100%;padding:1em;margin-top:.5em;margin-bottom:1em;border:2px solid rgba(0,0,0,.02)}article h1{color:#973c39}article .intro{font-size:1.1em;margin:10px 0}footer{margin:0 auto;padding:20px 0}footer p{margin:0;font-size:.8em;color:#666}footer p a{color:inherit}.logos{background:#fff}.logos img{vertical-align:middle;margin:1.5em 3em}.social-icon{width:auto;height:2em}.info:after{content:'*';display:inline}.small{font-size:.875em;color:#555}@media (max-width:75em){footer,header,main,nav{width:62em;max-width:62em}header .h1{font-size:2.8em}}@media (max-width:63em){body{line-height:1.4}footer,header,main,nav{width:100%;max-width:100%;padding-left:1em;padding-right:1em}header{padding-top:1em}header .h1{font-size:1.5em}header .h2{font-size:1.3em}header svg{width:3em;height:3em;float:left}main{flex-direction:column}aside,nav>ul>li+li{padding-left:0}nav>ul>li{float:none;width:100%}img.left{float:none;margin-right:0}img.right{float:none;margin-left:0}} \ No newline at end of file +h1,h2{font-weight:500}footer,header,header svg{position:relative}a,a:focus,a:hover,nav>ul>li a{text-decoration:none}.logos,footer,nav>ul>li a{text-align:center}@font-face{font-family:Roboto;font-style:normal;font-weight:400;src:local('Roboto'),local('Roboto-Regular'),url(/fonts/Roboto_400.eot?#iefix) format('embedded-opentype'),url(/fonts/Roboto_400.woff?v=1) format('woff'),url(/fonts/Roboto_400.woff2?v=1) format('woff2'),url(/fonts/Roboto_400.svg#Roboto) format('svg'),url(/fonts/Roboto_400.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:500;src:local('Roboto Medium'),local('Roboto-Medium'),url(/fonts/Roboto_500.eot?#iefix) format('embedded-opentype'),url(/fonts/Roboto_500.woff?v=1) format('woff'),url(/fonts/Roboto_500.woff2?v=1) format('woff2'),url(/fonts/Roboto_500.svg#Roboto) format('svg'),url(/fonts/Roboto_500.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:normal;font-weight:700;src:local('Roboto Bold'),local('Roboto-Bold'),url(/fonts/Roboto_700.eot?#iefix) format('embedded-opentype'),url(/fonts/Roboto_700.woff?v=1) format('woff'),url(/fonts/Roboto_700.woff2?v=1) format('woff2'),url(/fonts/Roboto_700.svg#Roboto) format('svg'),url(/fonts/Roboto_700.ttf) format('truetype')}@font-face{font-family:Roboto;font-style:italic;font-weight:400;src:local('Roboto Italic'),local('Roboto-Italic'),url(/fonts/Roboto_400italic.eot?#iefix) format('embedded-opentype'),url(/fonts/Roboto_400italic.woff?v=1) format('woff'),url(/fonts/Roboto_400italic.woff2?v=1) format('woff2'),url(/fonts/Roboto_400italic.svg#Roboto) format('svg'),url(/fonts/Roboto_400italic.ttf) format('truetype')}*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}body,html{height:100%}body{background:#eee;font-family:Roboto,sans-serif;font-size:16px;line-height:1.35;color:#333;display:flex;flex-direction:column;min-height:100vh}footer:before,header:before{position:absolute}body>*{flex:none}body>.outer{flex:1 0 auto}input,textarea{padding:2px 5px;color:#333}h2,h3{margin-top:1.5em}h1{font-size:2em;margin-bottom:.67em}h2{font-size:1.5em;margin-bottom:.75em}h3{font-size:1.2em;font-weight:700;margin-bottom:.8em}ol,p,ul{margin-bottom:1em}ol,ul{margin-left:1.2em}blockquote{margin-left:3em;margin-right:3em}a{color:#973c39}a:focus,a:hover{color:#6e2c2a}a img{border:none}img.left{float:left;margin:5px 2em 0 0}img.right{float:right;margin:5px 0 2em 2em}label{display:inline-block;margin-left:20px;min-width:90px}footer,header,main,nav{width:65em;max-width:65em;margin:0 auto}header{margin-bottom:1em;padding:2em 0 .5em}header .h1,header .h2{margin:0;letter-spacing:-.025em;font-weight:400}header svg{bottom:-7px;margin-right:1em;width:3.5em;height:3.5em}header .h1{display:inline;font-size:3em;color:#444}header .h2{display:inline;padding-left:.5em;font-size:1.5em;color:#858585}nav>ul:after{content:'';display:block;clear:both}.outer{background:#fff;border-top:2px #973c39 solid;padding:2em 0}nav>ul{padding-left:0;margin-left:0}nav>ul>li{display:block;float:left;width:20%}nav>ul>li+li{padding-left:2px}nav>ul>li a{display:inline-block;padding:.7em 1.5em;background:#4c4d51;text-transform:uppercase;font-weight:700;color:#fff;letter-spacing:.05em;width:100%}.redbox,a.redbox:hover,nav>ul a.active,nav>ul a:focus,nav>ul a:hover{background:#973c39;color:#fff}main{display:flex;flex-direction:row}article,aside{margin:2em 0}article{flex:1 1 45em;padding-right:1em}aside{padding-left:1em;flex:1 1 18em}.redbox,a.redbox:hover{display:inline-block;text-decoration:none;width:100%;padding:1em;margin-top:.5em;margin-bottom:1em;border:2px solid rgba(0,0,0,.02)}article h1{color:#973c39}article .intro{font-size:1.1em;margin:10px 0}footer{margin:0 auto;padding:20px 0}footer p{margin:0;font-size:.8em;color:#666}footer p a{color:inherit}.logos{background:#fff}.logos img{vertical-align:middle;margin:1.5em 3em}.social-icon{width:auto;height:2em}.info:after{content:'*';display:inline}.small{font-size:.875em;color:#555}@media (max-width:75em){footer,header,main,nav{width:62em;max-width:62em}header .h1{font-size:2.8em}}@media (max-width:63em){body{line-height:1.4}footer,header,main,nav{width:100%;max-width:100%;padding-left:1em;padding-right:1em}header{padding-top:1em}header .h1{font-size:1.5em}header .h2{font-size:1.3em}header svg{width:3em;height:3em;float:left}main{flex-direction:column}aside,nav>ul>li+li{padding-left:0}nav>ul>li{float:none;width:100%}img.left{float:none;margin-right:0}img.right{float:none;margin-left:0}} \ No newline at end of file diff --git a/xsl/layout.xsl b/xsl/layout.xsl index b765006..535671b 100644 --- a/xsl/layout.xsl +++ b/xsl/layout.xsl @@ -17,7 +17,6 @@ - -- cgit