Commit d8153673 authored by Kaushal Modi's avatar Kaushal Modi
parent 3a79defe
......@@ -28,9 +28,7 @@
{{ define "after_main" }}
<div class="prev-next-navigator clear-float no-color-links">
{{ partial "prev_next.html" . }}
</div>
{{ partial "prev_next.html" . }}
{{/* printf "%#v" $.Site */}}
{{/* printf "%#v" $.Site.Params */}}
......
......@@ -12,16 +12,18 @@
If there is ever not a next or previous post, it does nothing.
This is inside the 'container' class div block that began in default_head.html.
-->
-->
{{if .Prev}}
<span class="prev-post left">
<a href="{{.Prev.Permalink}}"><span>«&nbsp;</span>{{.Prev.Title}}</a>
</span>
{{end}}
<div class="prev-next-navigator clear-float no-color-links">
{{if .Prev}}
<span class="prev-post left">
<a href="{{.Prev.Permalink}}"><span>«&nbsp;</span>{{.Prev.Title}}</a>
</span>
{{end}}
{{if .Next}}
<span class="next-post right">
<a href="{{.Next.Permalink}}">{{ .Next.Title }}<span>&nbsp;»</span></a>
</span>
{{end}}
{{if .Next}}
<span class="next-post right">
<a href="{{.Next.Permalink}}">{{ .Next.Title }}<span>&nbsp;»</span></a>
</span>
{{end}}
</div>
......@@ -40,7 +40,6 @@
/* Unordered lists */
/* Footnotes list numbers */
/* List of categories */
/* List of categories for a post */
/* Mast head */
/* Title */
/* Title and cursor font sizes */
......@@ -1440,22 +1439,6 @@ ul.category li {
margin-bottom: 1rem;
}
/* ** List of categories for a post */
ul.catlist {
list-style: none;
margin: 0;
padding: 0;
}
ul.catlist li {
display: inline;
}
ul.catlist li::after {
content: "・";
}
ul.catlist li:last-child::after {
content: "";
}
/* Right align and italicize the category list in post singles */
.post-catlist {
font-size: 0.9em;
......@@ -1626,84 +1609,42 @@ a:focus {
text-decoration: none;
}
/* article a, */
/* ul.archive a { */
/* letter-spacing: 0; */
/* } */
.container p a,
.container .no-color-links a,
.container ul:not(.post-list) a,
.container ol a:not(.footnote-return) {
text-shadow: 0.04545em 0 0 #fff, 0.09091em 0 0 #fff, 0.13636em 0 0 #fff, -0.04545em 0 0 #fff, -0.09091em 0 0 #fff, -0.13636em 0 0 #fff, 0 0.04545em 0 #fff, 0 0.09091em 0 #fff, 0 -0.04545em 0 #fff, 0 -0.09091em 0 #fff;
background-image: -webkit-linear-gradient(gray, gray);
background-image: -moz-linear-gradient(gray, gray);
background-image: -ms-linear-gradient(gray, gray);
background-image: linear-gradient(gray, gray);
background-position: 0 1.2em; /* Position of underline below the text */
background-size: 1px 1px;
background-repeat: repeat-x;
/* Sat Sep 02 09:17:01 EDT 2017 - kmodi*/
/* To be explored: https://css-tricks.com/styling-underlines-web/ */
/* border-bottom: 2px solid gray; */
/* https://walterebert.com/blog/using-text-decoration-color-and-text-decoration-skip-with-underlined-links/ */
text-decoration: underline;
-webkit-text-decoration-color: var(--theme-color);
text-decoration-color: var(--theme-color);
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink;
}
.container p a:hover,
.container .no-color-links a:hover,
.container ul:not(.post-list) a:hover,
.container ol a:not(.footnote-return):hover {
text-shadow: 0.04545em 0 0 #fff, 0.09091em 0 0 #fff, 0.13636em 0 0 #fff, -0.04545em 0 0 #fff, -0.09091em 0 0 #fff, -0.13636em 0 0 #fff, 0 0.04545em 0 #fff, 0 0.09091em 0 #fff, 0 -0.04545em 0 #fff, 0 -0.09091em 0 #fff;
background-image: -webkit-linear-gradient(var(--theme-color), var(--theme-color));
background-image: -moz-linear-gradient(var(--theme-color), var(--theme-color));
background-image: -ms-linear-gradient(var(--theme-color), var(--theme-color));
background-image: linear-gradient(var(--theme-color), var(--theme-color));
background-position: 0 1.2em; /* Position of underline below the text */
background-size: 2.5px 2.5px;
background-repeat: repeat-x;
/* Sat Sep 02 09:17:01 EDT 2017 - kmodi*/
/* To be explored: https://css-tricks.com/styling-underlines-web/ */
/* border-bottom: 2px solid var(--theme-color); */
}
/* Thu Mar 09 10:24:10 EST 2017 - kmodi */
/* Work-around for decorative underlines not showing under <em> tagged text */
/* FIXME Need to figure out why text-decoration and color properties override fine */
/* for <em> tag, but not text-shadow and background-image/position/.. probably needs */
/* adjustment of the shadow size, background-position, etc? */
.container p em a {
color: var(--theme-color);
/* text-decoration: underline; */
}
.container p em a:hover {
color: var(--theme-color);
/* font-weight: bold; */
/* text-decoration: underline; */
}
/* Underlines for links in blockquotes */
.content blockquote a {
background-position: 0 1.25em; /* Position of underline below the text */
}
.content blockquote a:hover {
background-position: 0 1.25em; /* Position of underline below the text */
}
/* Underlines for smaller text size blocks */
.container .post-catlist ul.catlist a,
.container .prev-next-navigator a {
background-position: 0 0.80em; /* Position of underline below the text */
}
.container .post-catlist ul.catlist a:hover,
.container .prev-next-navigator a:hover {
background-position: 0 0.80em; /* Position of underline below the text */
}
/* Tue Feb 28 01:42:33 EST 2017 - kmodi */
/* Commenting the below as it doesn't seem to be needed */
/* .container p a:active, */
/* .container .no-color-links a:active, */
/* .container ul:not(.post-list) a:active, */
/* .container ol a:not(.footnote-return):active { */
/* color: #4d4d4d; */
/* https://walterebert.com/blog/using-text-decoration-color-and-text-decoration-skip-with-underlined-links/ */
-webkit-text-decoration-color: inherit;
text-decoration-color: inherit;
}
/* Comment below for now till I remember why I had this part :P*/
/* Fri Feb 09 07:17:04 EST 2018 - kmodi */
/* /\* Work-around for decorative underlines not showing under <em> tagged text *\/ */
/* /\* Thu Mar 09 10:24:10 EST 2017 - kmodi *\/ */
/* /\* FIXME Need to figure out why text-decoration and color properties override fine *\/ */
/* /\* for <em> tag, but not text-shadow and background-image/position/.. probably needs *\/ */
/* /\* adjustment of the shadow size, background-position, etc? *\/ */
/* .container p em a { */
/* color: var(--theme-color); */
/* /\* text-decoration: underline; *\/ */
/* } */
/* .container p em a:hover { */
/* color: var(--theme-color); */
/* /\* font-weight: bold; *\/ */
/* /\* text-decoration: underline; *\/ */
/* } */
/* ** No underlines for footnote refs */
......@@ -1713,32 +1654,25 @@ ul .footnote-ref a[rel="footnote"],
ul .footnote-ref a[rel="footnote"]:hover,
ol .footnote-ref a[rel="footnote"],
ol .footnote-ref a[rel="footnote"]:hover {
text-shadow: none;
background-image: none;
text-decoration: none;
}
/* ** No underlines for tables of contents */
.container .toc ul li a,
.container .toc ul li a:hover {
text-shadow: none;
background-image: none;
text-decoration: none;
}
/* ** No underlines for certain parts of 'a' blocks */
/* - "«" and "»" parts of the prev/next post links */
/* Below changes the underline color below "«" and "»" to white (background color). */
.container .prev-next-navigator a span {
background-image: -webkit-linear-gradient(white, white);
background-image: -moz-linear-gradient(white, white);
background-image: -ms-linear-gradient(white, white);
background-image: linear-gradient(white, white);
}
.container .prev-post a span {
.prev-post a span {
text-decoration: none;
font-weight: bold;
margin-right: 0.2rem;
padding-right: 0.2rem;
}
.container .next-post a span {
.next-post a span {
text-decoration: none;
font-weight: bold;
margin-left: 0.2rem;
padding-left: 0.2rem;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment