* move origin image to be inside postheader
* style tweaks
This commit is contained in:
parent
a9ac1207c0
commit
6aa9475c91
@ -105,6 +105,10 @@ a, a:visited {
|
|||||||
color: #34345C;
|
color: #34345C;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.postno {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
.postno, .postnol, .postnol:visited {
|
.postno, .postnol, .postnol:visited {
|
||||||
color: black;
|
color: black;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -112,7 +116,7 @@ a, a:visited {
|
|||||||
|
|
||||||
.postno:hover, .postnol:hover, .postnol:visited:hover {
|
.postno:hover, .postnol:hover, .postnol:visited:hover {
|
||||||
color: #ff0000;
|
color: #ff0000;
|
||||||
text-decoration: none;
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
||||||
.navbar {
|
.navbar {
|
||||||
@ -151,6 +155,12 @@ input, textarea {
|
|||||||
.reply {
|
.reply {
|
||||||
margin-left: 1.8em;
|
margin-left: 1.8em;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
|
border-color: #C0C3D4;
|
||||||
|
border-top-left-radius: 0px
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
border-bottom-right-radius: 3px;
|
||||||
|
border-bottom-left-radius: 0px;
|
||||||
|
border-style: dashed;
|
||||||
}
|
}
|
||||||
|
|
||||||
.frontend {
|
.frontend {
|
||||||
@ -166,7 +176,11 @@ input, textarea {
|
|||||||
.post {
|
.post {
|
||||||
display: inline;
|
display: inline;
|
||||||
margin-bottom: 5px;
|
margin-bottom: 5px;
|
||||||
|
min-height: 10%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.postheader {
|
||||||
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tripcode {
|
.tripcode {
|
||||||
@ -296,10 +310,11 @@ img.thumbnail {
|
|||||||
|
|
||||||
.thread {
|
.thread {
|
||||||
float: left;
|
float: left;
|
||||||
width: 99%;
|
width: 100%;
|
||||||
padding-left: 10px;
|
padding-left: 10%;
|
||||||
margin-top: 1px;
|
margin-top: 1px;
|
||||||
margin-bottom: 1px;
|
margin-bottom: 1px;
|
||||||
|
max-width: 90%
|
||||||
}
|
}
|
||||||
|
|
||||||
.replybar {
|
.replybar {
|
||||||
@ -308,7 +323,7 @@ img.thumbnail {
|
|||||||
top: 2ex;
|
top: 2ex;
|
||||||
right: 0;
|
right: 0;
|
||||||
width: 34%
|
width: 34%
|
||||||
}
|
}
|
||||||
@media (max-width: 100ex) {
|
@media (max-width: 100ex) {
|
||||||
.replybar, .thread {
|
.replybar, .thread {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -1,5 +1,12 @@
|
|||||||
<div id="{{PostHash}}" class="{{CSSClass}}">
|
<div id="{{PostHash}}" class="{{CSSClass}}">
|
||||||
<div class="origin">
|
<legend class="postheader">
|
||||||
|
<span class="subject">{{Subject}}</span>
|
||||||
|
<span class="name">{{Name}}</span>
|
||||||
|
<time datetime="{{DateRFC}}">{{Date}}</time>
|
||||||
|
<a href="{{PostURL}}" class="postnol">No.</a><a class="postno" onclick="nntpchan_backlink('{{ShortHash}}');" title="{{MessageID}}">{{ShortHash}}</a>
|
||||||
|
{{#OP}}<a href="{{PostURL}}">[Reply]</a>{{/OP}}
|
||||||
|
<span class="tripcode">{{{Pubkey}}}</span>
|
||||||
|
<span class="origin">
|
||||||
{{#IsI2P}}
|
{{#IsI2P}}
|
||||||
<img src="{{Prefix}}static/i2p.png" title="post from i2p" />
|
<img src="{{Prefix}}static/i2p.png" title="post from i2p" />
|
||||||
{{/IsI2P}}
|
{{/IsI2P}}
|
||||||
@ -9,14 +16,7 @@
|
|||||||
{{#IsClearnet}}
|
{{#IsClearnet}}
|
||||||
<img src="{{Prefix}}static/clearnet.png" title="post from clearnet" />
|
<img src="{{Prefix}}static/clearnet.png" title="post from clearnet" />
|
||||||
{{/IsClearnet}}
|
{{/IsClearnet}}
|
||||||
</div>
|
</span>
|
||||||
<legend>
|
|
||||||
<span class="subject">{{Subject}}</span>
|
|
||||||
<span class="name">{{Name}}</span>
|
|
||||||
<time datetime="{{DateRFC}}">{{Date}}</time>
|
|
||||||
<a href="{{PostURL}}" class="postnol">No.</a><a class="postno" onclick="nntpchan_backlink('{{ShortHash}}');" title="{{MessageID}}">{{ShortHash}}</a>
|
|
||||||
{{#OP}}<a href="{{PostURL}}">[Reply]</a>{{/OP}}
|
|
||||||
<span class="tripcode">{{{Pubkey}}}</span>
|
|
||||||
</legend>
|
</legend>
|
||||||
{{#Attachments}}
|
{{#Attachments}}
|
||||||
<figure>
|
<figure>
|
||||||
|
Reference in New Issue
Block a user