@import "main/not_found.less";
@import "main/motd.less";
@import "main/messages.less";
+@import "main/pager.less";
@import "main/type-compat.less";
--- /dev/null
+@import "colors.less";
+
+.pager {
+ border: 1px solid @border-color-inactive;
+ padding: 6px;
+ margin: 0 0 10px;
+ box-shadow: 0 0 1px @border-color-inactive;
+ background: @article-background;
+ min-height: 2em;
+ font-weight: bold;
+
+ .prev { float: left; }
+ .next { float: right; }
+}
[%- FOREACH story IN items -%]
[%- INCLUDE common/article/article %]
[%- END -%]
- </div><!-- .index -->
- <div class="pager">
- [%- IF prev -%]
- <span class="prev">
- <a href="/[% archive_type %]/[% prev %]/">≪前</a>
- </span>
- [%- END -%]
+
+ <div class="pager">
+ [%- IF prev -%]
+ <span class="prev">
+ <a href="/[% archive_type %]/[% prev %]/">≪前</a>
+ </span>
+ [%- END -%]
[%- IF next -%]
- <span class="next">
- <a href="/[% archive_type %]/[% next %]/">次≫</a>
- </span>
- [%- END -%]
- </div>
+ <span class="next">
+ <a href="/[% archive_type %]/[% next %]/">次≫</a>
+ </span>
+ [%- END -%]
+ </div>
+
+ </div><!-- .index -->
</div>
[%- INCLUDE common/sidebar -%]
[%- FOREACH story IN items -%]
[%- INCLUDE common/article/article %]
[%- END -%]
- </div><!-- .index -->
- <div class="pager">
- [%- IF prev -%]
- <span class="prev">
- <a href="/[% prev.type %]/[% prev.date %]/[% IF prev.id %]#[% prev.id %][% END %]">≪前の記事</a>
- </span>
- [%- END -%]
- </div>
+ <div class="pager">
+ [%- IF prev -%]
+ <span class="prev">
+ <a href="/[% prev.type %]/[% prev.date %]/[% IF prev.id %]#[% prev.id %][% END %]">≪前の記事</a>
+ </span>
+ [%- END -%]
+ </div>
+
+ </div><!-- .index -->
</div>
[%- INCLUDE common/sidebar -%]