aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorAdrian Kummerlaender2018-11-17 12:55:16 +0100
committerAdrian Kummerlaender2018-11-17 12:55:16 +0100
commitb851828bb911d05d82dd36acde6751e7e940b93c (patch)
treea2081f24de2adb4440de024045671832c4337e19
parent11802be4720ef26b9ce31238bbcd439cfcc32857 (diff)
downloadblog.kummerlaender.eu-b851828bb911d05d82dd36acde6751e7e940b93c.tar
blog.kummerlaender.eu-b851828bb911d05d82dd36acde6751e7e940b93c.tar.gz
blog.kummerlaender.eu-b851828bb911d05d82dd36acde6751e7e940b93c.tar.bz2
blog.kummerlaender.eu-b851828bb911d05d82dd36acde6751e7e940b93c.tar.lz
blog.kummerlaender.eu-b851828bb911d05d82dd36acde6751e7e940b93c.tar.xz
blog.kummerlaender.eu-b851828bb911d05d82dd36acde6751e7e940b93c.tar.zst
blog.kummerlaender.eu-b851828bb911d05d82dd36acde6751e7e940b93c.zip
Fix some CSS bugs
-rw-r--r--source/99_result/article/article.xsl4
-rw-r--r--source/99_result/main.css76
-rw-r--r--source/99_result/start.xsl4
3 files changed, 50 insertions, 34 deletions
diff --git a/source/99_result/article/article.xsl b/source/99_result/article/article.xsl
index 5d5013d..40ceff7 100644
--- a/source/99_result/article/article.xsl
+++ b/source/99_result/article/article.xsl
@@ -22,7 +22,9 @@
<xsl:template match="article/entry">
<div class="article">
<h2>
- <xsl:text>» </xsl:text>
+ <span class="arrow">
+ <xsl:text>» </xsl:text>
+ </span>
<a href="/article/{@handle}">
<xsl:value-of select="title"/>
</a>
diff --git a/source/99_result/main.css b/source/99_result/main.css
index 74d926c..3db2a66 100644
--- a/source/99_result/main.css
+++ b/source/99_result/main.css
@@ -1,66 +1,74 @@
@font-face{font-family:'Vollkorn';font-style:normal;src:local('Vollkorn Regular'), local('Vollkorn-Regular'), url(https://static.kummerlaender.eu/font/Vollkorn-Regular.woff2) format('woff2'), url(https://static.kummerlaender.eu/font/Vollkorn-Regular.woff) format('woff'), url(https://static.kummerlaender.eu/font/Vollkorn-Regular.ttf) format('truetype')}
@font-face{font-family:'Vollkorn';font-style:italic;src:local('Vollkorn Italic'), local('Vollkorn-Italic'), url(https://static.kummerlaender.eu/font/Vollkorn-Italic.woff2) format('woff2'), url(https://static.kummerlaender.eu/font/Vollkorn-Italic.woff) format('woff'), url(https://static.kummerlaender.eu/font/Vollkorn-Italic.ttf) format('truetype')}
-@font-face{font-family:'Oswald Regular';font-style:normal;src:local('Oswald Regular'), url(https://static.kummerlaender.eu/font/Oswald-Regular.woff2) format('woff2'), url(https://static.kummerlaender.eu/font/Oswald-Regular.woff) format('woff'), url(https://static.kummerlaender.eu/font/Oswald-Regular.ttf) format('truetype')}
+@font-face{font-family:'Oswald Regular';font-style:normal;font-weight:normal;src:local('Oswald Regular'), url(https://static.kummerlaender.eu/font/Oswald-Regular.woff2) format('woff2'), url(https://static.kummerlaender.eu/font/Oswald-Regular.woff) format('woff'), url(https://static.kummerlaender.eu/font/Oswald-Regular.ttf) format('truetype')}
+@font-face{font-family:'Oswald Bold';font-style:normal;font-weight:normal;src:local('Oswald Bold'), url(https://static.kummerlaender.eu/font/Oswald-Bold.woff2) format('woff2'), url(https://static.kummerlaender.eu/font/Oswald-Bold.woff) format('woff'), url(https://static.kummerlaender.eu/font/Oswald-Bold.ttf) format('truetype')}
+
body{margin:0;padding:0;font-size:1.1em;font-family:'Vollkorn',sans-serif;color:#272828;word-wrap:break-word}
a, a:visited{text-decoration:underline;color:#272828}
-a:hover{color:black}
+a:hover{color:black;text-decoration:underline !important}
a.more{font-family:"Segoe UI Symbol",sons-serif}/*edge workaround*/
-h1, h2{margin:0;color:#272828;font-weight:bold}
+h1, h2, h3, h4{margin:0;color:#272828;font-weight:normal}
h1 a, h2 a{text-decoration:none}
p{margin:0 0 .5em 0;text-align:justify;line-height:1.75em}
ul{margin:0;padding:0;list-style:none}
blockquote{border-left:.4em solid #e3e8e8;margin-left:0;padding-left:1em}
pre{font-family:monospace;padding:1em;border-radius:.75em;color:#f8f8f2;background:#272822;white-space:pre-wrap}
code{font-family:monospace;margin:0 .1em;padding:0 .5em;border:.1em solid #e3e8e8;background-color:#f8f8f8;border-radius:.3em}
-sup{vertical-align:baseline;position:relative;top:-0.4em}
+sup{vertical-align:baseline;position:relative;top:-0.6em}
sub{vertical-align:baseline;position:relative;top:0.4em}
-.full{width:100%}
-.center{width:45em;margin:0 auto;overflow:hidden}
-.border_bottom{border-bottom:.3em solid #e3e8e8}
-.border_top{border-top:.3em solid #e3e8e8}
+
#navigation{padding:2em 0 0 0;font-family:'Oswald Regular',sans-serif}
-#navigation h1{color:#F80;font-size:1.4em;font-weight:bold;float:left;padding:0 .2em 0 0;margin:0}
+#navigation h1{color:#F80;font-family:'Oswald Bold',sans-serif;font-size:1.4em;float:left;padding:0 .2em 0 0;margin:0}
#navigation ul{float:right;font-size:1.1em}
+
#content p{margin-bottom:.7em;text-align:justify}
-#content h2{font-family:'Oswald Regular',sans-serif;font-size:1.4em;margin:0;color:#F80}
-#content h2 a, h2 span{font-size:.8em;text-decoration:none !important;color:#272828;font-weight:normal;display:inline-block;vertical-align:middle;max-width:95%}
+#content h2{font-family:'Oswald Regular',sans-serif;font-size:1.2em;line-height:1em;margin:0;text-align:left}
+#content h2 .arrow{font-family:'Oswald Bold',sans-serif;font-size:1.4em;color:#F80}
+#content h2 a{text-decoration:none !important;display:inline-block;vertical-align:middle;max-width:95%}
#content h2 a:hover{text-decoration:underline !important}
#content h3, #content h4{font-size:1.05em;font-family:'Oswald Regular',sans-serif;font-weight:normal;padding-bottom:.2em;margin:.8em 0 .5em 0;border-bottom:.1em solid #e3e8e8}
-#content .article{border-bottom:.3em dotted #e3e8e8;padding-bottom:.5em;margin-top:1em;text-align:justify}
-#content .article:last-child{border:none}
-#content .article a{text-decoration:underline;color:#272828}
-#content .article a:hover{color:black}
-#content .article ul{float:none;margin-left:2em;text-align:left}
-#content .article ul li{list-style-type:circle;float:none}
-#content .article ul li a{background:0}
-#content .article .info{font-family:'Oswald Regular',sans-serif;margin:-.4em 0 .4em 0}
-#content .article .info .spacer{font-size:1.4em;font-weight:bold;visibility:hidden}
-#content .article .info .text{font-size:0.9em}
-#content .article .info a{font-size:.9em;text-decoration:none;color:#272828}
-#content .article .info a:hover{text-decoration:underline}
-#content .article table{border-collapse:collapse;border-left:.4em solid #e3e8e8;margin:1em}
-#content .article table thead{border-bottom:.1em solid #272828}
-#content .article table tr{border-bottom:.1em solid #272828}
-#content .article table tr:last-child{border-bottom:0}
-#content .article table tr th{font-weight:normal;padding:.2em 1em}
-#content .article table tr td{padding:.2em 1em}
-#content .footnotes {border-top:.3em dotted #e3e8e8}
#content img{padding:.2em;border:.1em solid #e3e8e8;display:block;margin-left:auto;margin-right:auto;max-width:95%}
#content img.clear{border:0;max-width:100%}
#content p.math{padding:0.5em;line-height:0;text-align:center}
#content span.math{line-height:0}
+#content ul{margin-left:2em;text-align:left}
+#content ul li{list-style-type:circle;float:none}
+#content ul li a{background:0}
+#content table{border-collapse:collapse;border-left:.4em solid #e3e8e8;margin:1em}
+#content table thead{border-bottom:.1em solid #272828}
+#content table tr{border-bottom:.1em solid #272828}
+#content table tr:last-child{border-bottom:0}
+#content table tr th{font-weight:normal;padding:.2em 1em}
+#content table tr td{padding:.2em 1em}
+#content .article{border-bottom:.3em dotted #e3e8e8;padding-bottom:.5em;margin-top:1em;text-align:justify}
+#content .article:last-child{border:none}
+#content .info{font-family:'Oswald Regular',sans-serif;margin-bottom:.4em;line-height:1em}
+#content .info .spacer{font-family:'Oswald Bold',sans-serif;font-size:1.68em;visibility:hidden}
+#content .info .text{font-size:0.9em}
+#content .info a{font-size:.9em;text-decoration:none;color:#272828}
+#content .info a:hover{text-decoration:underline}
+#content .footnotes{border-top:.3em dotted #e3e8e8}
+
#pagination{font-family:'Oswald Regular',sans-serif;height:1.5em;margin-top:.5em}
#pagination span.disabled{display:none}
#pagination span a{text-decoration:none;color:#272828}
#pagination span a:hover{text-decoration:underline}
#pagination span a.pagination-previous{float:left}
#pagination span a.pagination-next{float:right}
+
#tags{overflow:hidden;border-top:.3em solid #e3e8e8;padding:.2em 0 0 0;font-family:'Oswald Regular',sans-serif}
#tags li:first-child {margin-left:0}
+
#footer{padding-top:.3em;font-family:'Oswald Regular',sans-serif}
#footer a{text-decoration:none;color:#272828}
#footer a:hover{text-decoration:underline}
#footer ul{float:right;padding:0}
+
+.full{width:100%}
+.center{width:45em;margin:0 auto;overflow:hidden}
+.border_bottom{border-bottom:.3em solid #e3e8e8}
+.border_top{border-top:.3em solid #e3e8e8}
+.footnote-ref{text-decoration:none !important}
.columns{column-count:2;-moz-column-count:2;-webkit-column-count:2;column-gap:1em;-moz-column-gap:1em;-webkit-column-gap:1em}
.column{-webkit-column-break-inside:avoid;break-inside:avoid-column;overflow:hidden}
.buttonlist{overflow:hidden}
@@ -72,11 +80,12 @@ sub{vertical-align:baseline;position:relative;top:0.4em}
.articlelist li a{text-decoration:none}
.articlelist li a:hover{text-decoration:underline}
.archivlist li{background:0;padding-left:1em}
-.archivlist li.dateitem{padding:0;font-weight:bold}
+.archivlist li.dateitem{font-family:'Oswald Bold',sans-serif;padding:0}
.menuhead{font-family:'Oswald Regular',sans-serif;border-bottom:0.1em solid #e3e8e8;overflow:hidden;padding:0;margin-top:0.8em}
.menuhead h3{float:left;padding:0.4em 0 0 0;margin:0 !important;border:none !important}
.menuhead ul{float:right;padding:0;font-size:1.1em}
-@media screen and (max-width:46em){
+
+@media screen and (max-width:51em){
#content .article h2 a{max-width:90%}
#navigation{padding:.3em 0 0 0}
.center{width:98%}
@@ -86,4 +95,7 @@ sub{vertical-align:baseline;position:relative;top:0.4em}
@media screen and (max-width:30em){
#navigation h1{float:none}
#navigation ul{float:none}
+ #content .article p{text-align:left}
+ .arrow{display:none}
+ .spacer{display:none}
}
diff --git a/source/99_result/start.xsl b/source/99_result/start.xsl
index 3a9aad6..a9d05c9 100644
--- a/source/99_result/start.xsl
+++ b/source/99_result/start.xsl
@@ -42,7 +42,9 @@
<xsl:template match="articles/entry" mode="resolve">
<h2>
- <xsl:text>» </xsl:text>
+ <span class="arrow">
+ <xsl:text>» </xsl:text>
+ </span>
<a href="/article/{@handle}">
<xsl:value-of select="title"/>
</a>