diff options
| -rw-r--r-- | site/public/assets/style.css | 34 | ||||
| -rw-r--r-- | site/templates/page.liquid | 4 |
2 files changed, 33 insertions, 5 deletions
diff --git a/site/public/assets/style.css b/site/public/assets/style.css index f018d8d..090c8f1 100644 --- a/site/public/assets/style.css +++ b/site/public/assets/style.css @@ -405,7 +405,7 @@ nav .sub.active a { height:auto; position:relative; width:100%; - max-height:40px; + max-height:50px; padding: 3px 0 5px 20px; opacity:1; -webkit-transform:translateY(0)scale(1)skew(0deg); @@ -442,13 +442,37 @@ nav .sub.active a { } .postname { - border-bottom: 1px solid #999; - padding: 20px 0px 0.6em 2px; - margin-bottom: 1em; - font-size: 1em; + border-bottom: 1px solid #999; + padding: 20px 0px 0.6em 2px; + margin-bottom: 0.7em; + font-size: 1em; } +.galnav { + display: inline-block; + width: 100%; + float: left; + clear: both; +} + +.galnav span{ + width: 50%; + background: #999; + color: white; + padding: 2px; + font-size: 11px; + transition:0.2s background; +} +.galnav .nextbutton{ + text-align: right; + background: #888; + cursor:pointer; +} +.galnav span:hover { + background:black; +} + .credit { margin: 4em 0px 0px 0px; padding: 11px 0px; diff --git a/site/templates/page.liquid b/site/templates/page.liquid index 63f71f2..5c3cabe 100644 --- a/site/templates/page.liquid +++ b/site/templates/page.liquid @@ -2,6 +2,10 @@ <span> {% if page.image %} <span class="postname">{{page.title}}</span> + <div class="galnav"> + <span class="prevbutton">PREVIOUS ASSET</span> + <span class="nextbutton">NEXT ASSET</span> + </div> <img class="mainimg" src="{{page.image}}"> <div class="content"> {{page.body | newline_to_br}} |