diff options
| -rw-r--r-- | site/public/assets/style.css | 49 | ||||
| -rw-r--r-- | site/templates/page.liquid | 4 |
2 files changed, 29 insertions, 24 deletions
diff --git a/site/public/assets/style.css b/site/public/assets/style.css index 7a5ccbb..9fb1a3a 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); @@ -449,6 +449,30 @@ nav .sub.active a { } +.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; @@ -587,29 +611,6 @@ nav .sub.active a { text-align: right; } -.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; -} - :-webkit-full-screen #okgallery { width: 100%; height: 100%; 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}} |