summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBenjamin Franzke <benjaminfranzke@googlemail.com>2016-07-06 07:08:16 +0200
committerBenjamin Franzke <benjaminfranzke@googlemail.com>2016-07-06 07:14:22 +0200
commit7e5e9f4bac43ccb48fe5beff1b061e503c77005e (patch)
tree758624acd9032612b9999e07ea66332d39f8a6ff
parent1b5b6dff086c3e786783618ade82d7592d223bef (diff)
downloadmutti-web-7e5e9f4bac43ccb48fe5beff1b061e503c77005e.tar.gz
mutti-web-7e5e9f4bac43ccb48fe5beff1b061e503c77005e.tar.bz2
mutti-web-7e5e9f4bac43ccb48fe5beff1b061e503c77005e.zip
Simplify css
to save some bytes (around 100B)
-rw-r--r--style.css60
-rw-r--r--style.min.css2
-rw-r--r--xsl/layout.xsl8
3 files changed, 19 insertions, 51 deletions
diff --git a/style.css b/style.css
index 1248305..59fb154 100644
--- a/style.css
+++ b/style.css
@@ -16,11 +16,6 @@
box-sizing: border-box;
}
-/* needed for full background when viewing .xml directly in firefox */
-html, body {
- height: 100%;
-}
-
body {
background: #eee;
@@ -34,27 +29,12 @@ body {
min-height: 100vh;
}
-header, footer {
- position: relative;
-}
-header:before,
-footer:before {
- position: absolute;
-}
-
body > * {
flex: none;
width: 100%;
padding: 0 calc(50vw - 32.5em);
}
-body > main {
- flex: 1 0 auto;
-}
-
-form {
-}
-
input, textarea {
padding: 2px 5px;
color: var(--text-color);
@@ -106,7 +86,6 @@ a {
a:hover,
a:focus {
- text-decoration: none;
color: var(--color-red-hover);
}
@@ -163,27 +142,27 @@ header .h2 {
color: #858585;
}
-nav > ul:after {
+nav ul {
+ padding-left: 0;
+ margin-left: 0;
+}
+nav ul:after {
content: '';
display: block;
clear: both;
}
-nav > ul {
- padding-left: 0;
- margin-left: 0;
-}
-nav > ul > li {
+nav li {
display: block;
float: left;
width: 20%;
}
-nav > ul > li + li {
+nav li + li {
padding-left: 2px;
}
-nav > ul > li a {
+nav a {
display: inline-block;
padding: .7em 1.5em;
background: var(--color-gray-dark);
@@ -196,14 +175,15 @@ nav > ul > li a {
text-align: center;
}
-nav > ul a:hover,
-nav > ul a:focus,
-nav > ul a.active {
+nav a:hover,
+nav a:focus,
+nav a.active {
background: var(--color-red);
color: #fff;
}
main {
+ flex: 1 0 auto;
display: flex;
flex-direction: row;
position: relative;
@@ -255,15 +235,11 @@ footer {
margin: 0 auto;
padding: 20px 0;
text-align: center;
-}
-
-footer p {
- margin: 0;
font-size: .8em;
color: #666;
}
-footer p a {
+footer a {
color: inherit;
}
@@ -306,10 +282,6 @@ footer p a {
body, main {
display: block;
}
- body {
- /* For google pagespeed */
- line-height: 1.4;
- }
body > * {
padding-left: 1em;
padding-right: 1em;
@@ -331,19 +303,17 @@ footer p a {
aside {
padding-left: 0;
}
-
- nav > ul > li {
+ nav li {
float: none;
width: 100%;
}
- nav > ul > li + li {
+ nav li + li {
padding-left: 0;
}
img.left {
float: none;
margin-right: 0;
}
-
img.right {
float: none;
margin-left: 0;
diff --git a/style.min.css b/style.min.css
index 439ac31..83f0c79 100644
--- a/style.min.css
+++ b/style.min.css
@@ -1 +1 @@
-body>*,textarea{width:100%}h1,h2{font-weight:500}a,a:focus,a:hover{text-decoration:none}footer,header,header svg,main{position:relative}.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;padding:0 calc(50vw - 32.5em)}input,textarea{padding:2px 5px;color:#333;margin-bottom:15px}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}header{margin-bottom:1em;padding-top:2em;padding-bottom:.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}nav>ul{padding-left:0;margin-left:0}nav>ul>li{display:block;float:left;width:20%}.redbox,a.redbox:hover,nav>ul>li a{text-decoration:none;width:100%;color:#fff}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;letter-spacing:.05em}nav>ul a.active,nav>ul a:focus,nav>ul a:hover{background:#973c39;color:#fff}main{display:flex;flex-direction:row;background:#fff;border-top:2px #973c39 solid;padding-top:2em;padding-bottom:2em}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;padding:1em;margin-top:.5em;margin-bottom:1em;background:#973c39;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){body>*{padding-left:calc(50vw - 31em);padding-right:calc(50vw - 31em)}header .h1{font-size:2.8em}}@media (max-width:63em){body,main{display:block}body{line-height:1.4}body>*{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}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
+body>*,textarea{width:100%}h1,h2{font-weight:500}header svg,main{position:relative}.logos,footer,nav 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{background:#eee;font-family:Roboto,sans-serif;font-size:16px;line-height:1.35;color:#333;display:flex;flex-direction:column;min-height:100vh}body>*{flex:none;padding:0 calc(50vw - 32.5em)}header,main{padding-top:2em}input,textarea{padding:2px 5px;color:#333;margin-bottom:15px}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;text-decoration:none}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}header{margin-bottom:1em;padding-bottom:.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{padding-left:0;margin-left:0}nav ul:after{content:'';display:block;clear:both}nav li{display:block;float:left;width:20%}.redbox,a.redbox:hover,nav a{text-decoration:none;width:100%;color:#fff}nav li+li{padding-left:2px}nav a{display:inline-block;padding:.7em 1.5em;background:#4c4d51;text-transform:uppercase;font-weight:700;letter-spacing:.05em}nav a.active,nav a:focus,nav a:hover{background:#973c39;color:#fff}main{flex:1 0 auto;display:flex;flex-direction:row;background:#fff;border-top:2px #973c39 solid;padding-bottom:2em}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;padding:1em;margin-top:.5em;margin-bottom:1em;background:#973c39;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;font-size:.8em;color:#666}footer 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){body>*{padding-left:calc(50vw - 31em);padding-right:calc(50vw - 31em)}header .h1{font-size:2.8em}}@media (max-width:63em){body,main{display:block}body>*{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}aside,nav li+li{padding-left:0}nav 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 61eeaa5..e76b822 100644
--- a/xsl/layout.xsl
+++ b/xsl/layout.xsl
@@ -73,11 +73,9 @@
</a>
</div>
<footer>
- <p>
- <xsl:text disable-output-escaping="yes"><![CDATA[© 2016 All Rights Reserved.]]></xsl:text>
- <br/>
- <a href="imprint{$suffix}">Impressum</a>
- </p>
+ <xsl:text disable-output-escaping="yes"><![CDATA[© 2016 All Rights Reserved.]]></xsl:text>
+ <br/>
+ <a href="imprint{$suffix}">Impressum</a>
</footer>
</body>
</html>