@import "colors.less";
@media(max-width:480px) {
+ body { font-size: 14px; }
span.abbrevable, div.abbrevable {
display: none;
}
.btn-text {display: none;}
}
+ .ads-native-contents {
+ height: 260px;
+ }
#admin-bar-spacer { height: 60px; }
#account-bar-brand {
float: none;
}
- .contents-text blockquote,
- .contents-text div.quote {
- margin: 0 0 0 -6px;
- padding-left: 6px;
- }
- .form-control {
- width: 100%;
+ .contents-text {
+ blockquote,
+ div.quote {
+ margin: 0 0 0 -6px;
+ padding-left: 6px;
+ }
+ p {
+ line-height: 160%;
+ }
}
/* comment related */
padding: 0;
margin: 0 0 4px;
font-size: 85%;
+ text-align: center;
}
.comment-item {
header {
padding: 0 5px;
}
#comments ol {
- margin-left: 16px;
+ margin-left: 8px;
}
#comments .comment-tree-body > ol {
margin-left: 0;
.prev {
display: block;
float: left;
+ margin: 4px 0;
+ }
+ .prev:before {
+ content: "<<";
}
.next {
display: block;
float: right;
+ margin: 4px 0;
+ }
+ .next:after {
+ content: ">>";
}
}
.related {
[%- INCLUDE common/article/article story=comment hide_more_link=1 -%]
<article-item></article-item>
</div>
- <div class="next-prev-story">
- [%- IF params.prev_stoid && params.prev_stoid.story -%]
- <div class="prev"><a href="/story/[% params.prev_stoid.story.sid %]">
- ≪ [% params.prev_stoid.story.title %]
- </a></div>
- [%- END -%]
- [%- IF params.next_stoid && params.next_stoid.story -%]
- <div class="next"><a href="/story/[% params.next_stoid.story.sid %]">
- [% params.next_stoid.story.title %] ≫
- </a></div>
- [%- END -%]
- </div>
<div class="related">
- <div class="ads-native-contents">
+ <div id="story-ads-native-contents" class="ads-native-contents">
[%- INCLUDE ads/native_contents -%]
</div>
</div>
</div><!-- .story -->
</div><!-- .main-column -->
-[%- INCLUDE common/sidebar mode="story" -%]
+[%- INCLUDE common/sidebar mode="comment" -%]
[%#- INCLUDE common/comment/comments_nojs -%]
[%#- INCLUDE common/comment/comments -%]
<div class="sidebar">
[%- IF mode == "story" -%]
- <div class="banner-sample" style="width: 300px; height: 250px; border: 1px solid;">
+ <div class="banner-sample abbrevable" style="width: 300px; height: 250px; border: 1px solid;">
Sample Rectangle
</div>
<div class="sidebar-item related">
</span>
[%- END -%]
</div>
+ [%- ELSIF mode == "comment" -%]
+ <div class="banner-sample abbrevable" style="width: 300px; height: 250px; border: 1px solid;">
+ Sample Rectangle
+ </div>
[%- ELSIF mode == "journal" -%]
<div class="abbrevable">
[% INCLUDE common/user %]
<div class="next-prev-story">
[%- IF params.prev_stoid && params.prev_stoid.story -%]
<div class="prev"><a href="/story/[% params.prev_stoid.story.sid %]">
- ≪ [% params.prev_stoid.story.title %]
+ [% params.prev_stoid.story.title %]
</a></div>
[%- END -%]
[%- IF params.next_stoid && params.next_stoid.story -%]
<div class="next"><a href="/story/[% params.next_stoid.story.sid %]">
- [% params.next_stoid.story.title %] ≫
+ [% params.next_stoid.story.title %]
</a></div>
[%- END -%]
</div>
<div class="related">
- <div class="ads-native-contents">
+ <div id="story-ads-native-contents" class="ads-native-contents">
[%- INCLUDE ads/native_contents -%]
</div>
</div>