twisterarmy/twister-html
1
0
Fork 0
mirror of https://github.com/twisterarmy/twister-html.git synced 2025-01-27 15:14:40 +00:00
Code Issues Projects Releases Wiki Activity

tune posts view

Browse Source
This commit is contained in:
Simon Grim 2015-09-04 14:58:31 +05:00
parent e6f077b8e2
commit af386f0ad9
3 changed files with 59 additions and 37 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
css/style.css
View File

@ -989,10 +989,7 @@ ol.toptrends-list {
background: #fefedf; background: #fefedf;
} }
.post-photo, .post-photo, .mini-profile-photo {
.mini-profile-photo
{
margin: 5px;
display: inline-block; display: inline-block;
float: left; float: left;
vertical-align: middle; vertical-align: middle;
@ -1000,14 +997,15 @@ ol.toptrends-list {
height: 48px; height: 48px;
overflow: hidden; overflow: hidden;
border-radius: 20%; border-radius: 20%;
margin: 6px;
/*transform: rotate( 45deg );*/ /*transform: rotate( 45deg );*/
} }
.post-photo img,
.mini-profile-photo img .post-photo img, .mini-profile-photo img {
{
width: 48px; width: 48px;
height: 48px; height: auto;
} }
.post-info span .post-info span
{ {
vertical-align: top; vertical-align: top;
@ -1030,18 +1028,18 @@ ol.toptrends-list {
display: inline-block; display: inline-block;
letter-spacing: 0px; letter-spacing: 0px;
} }
.post-info-time
{ .post-info-time {
float: right; float: right;
font-size: 12px; font-size: 12px;
margin: 5px; margin: 4px 8px 0;
opacity: .5; opacity: .5;
text-decoration: none; text-decoration: none;
} }
.post-text { .post-text {
font-size: 13px; font-size: 13px;
margin: 2px 10px 4px 60px; margin: 2px 16px 4px 60px;
word-wrap: break-word; word-wrap: break-word;
} }
@ -1051,11 +1049,11 @@ ol.toptrends-list {
padding-right: 2px; padding-right: 2px;
} }
.post-context .post-context {
{
font-size: 11px; font-size: 11px;
margin: 2px 10px 4px 60px; margin: 2px 16px 4px 60px;
} }
.post-text a, .post-text a,
.post-context a, .post-context a,
.mini-screen-name .mini-screen-name
@ -1531,7 +1529,7 @@ ol.toptrends-list {
} }
.direct-messages-thread .post-text { .direct-messages-thread .post-text {
margin: 2px 10px 4px 4px; margin: 2px 16px 4px 4px;
word-wrap: break-word; word-wrap: break-word;
} }
@ -1554,8 +1552,18 @@ ol.toptrends-list {
left: auto; left: auto;
} }
.direct-messages-thread .post.sent .post-info-time {
float: left;
}
.direct-messages-thread .post.sent .post-info-time .post-info-sent {
float: right;
margin: 0 2px;
}
.direct-messages-thread .post.sent .post-text { .direct-messages-thread .post.sent .post-text {
margin: 2px 10px 4px 4px; margin: 2px 4px 4px 16px;
text-align: right;
} }
.direct-messages-thread .post.sent .post-photo { .direct-messages-thread .post.sent .post-photo {
@ -2210,7 +2218,7 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a {
.post-rt-reference .post-text { .post-rt-reference .post-text {
font-size: 11px; font-size: 11px;
margin: 2px 10px 4px 10px; margin: 2px 8px 4px 34px;
} }
.post-rt-reference .post-info-time { .post-rt-reference .post-info-time {

48
theme_calm/css/style.css
View File

@ -1186,10 +1186,8 @@ textarea.splited-post {
{ {
background: #fff; background: #fff;
} }
.post-photo,
.mini-profile-photo .post-photo, .mini-profile-photo {
{
margin: 5px;
display: inline-block; display: inline-block;
float: left; float: left;
vertical-align: middle; vertical-align: middle;
@ -1198,13 +1196,14 @@ textarea.splited-post {
overflow: hidden; overflow: hidden;
border-radius: 20%; border-radius: 20%;
/*transform: rotate( 45deg );*/ /*transform: rotate( 45deg );*/
margin: 6px;
} }
.post-photo img,
.mini-profile-photo img .post-photo img, .mini-profile-photo img {
{
width: 48px; width: 48px;
height: 48px; height: auto;
} }
.post-info span .post-info span
{ {
vertical-align: top; vertical-align: top;
@ -1227,14 +1226,15 @@ textarea.splited-post {
display: inline-block; display: inline-block;
letter-spacing: 0px; letter-spacing: 0px;
} }
.post-info-time
{ .post-info-time {
float: right; float: right;
font-size: 12px; font-size: 12px;
margin-right: 5px; margin: 4px 8px 0;
opacity: .5; opacity: .5;
text-decoration: none; text-decoration: none;
} }
.post-info-time:hover { .post-info-time:hover {
text-decoration: none; text-decoration: none;
color: #43464d; color: #43464d;
@ -1242,7 +1242,7 @@ textarea.splited-post {
.post-text { .post-text {
font-size: 13px; font-size: 13px;
margin: 2px 10px 4px 60px; margin: 2px 16px 4px 60px;
word-wrap: break-word; word-wrap: break-word;
} }
@ -1252,11 +1252,11 @@ textarea.splited-post {
padding-right: 2px; padding-right: 2px;
} }
.post-context .post-context {
{
font-size: 11px; font-size: 11px;
margin: 2px 10px 4px 60px; margin: 2px 16px 4px 60px;
} }
.post-text a, .post-text a,
.post-context a, .post-context a,
.mini-screen-name .mini-screen-name
@ -1897,7 +1897,7 @@ textarea.splited-post {
} }
.direct-messages-thread .post-text { .direct-messages-thread .post-text {
margin: 2px 10px 4px 4px; margin: 2px 16px 4px 4px;
word-wrap: break-word; word-wrap: break-word;
} }
@ -1920,8 +1920,18 @@ textarea.splited-post {
left: auto; left: auto;
} }
.direct-messages-thread .post.sent .post-info-time {
float: left;
}
.direct-messages-thread .post.sent .post-info-time .post-info-sent {
float: right;
margin: 0 2px;
}
.direct-messages-thread .post.sent .post-text { .direct-messages-thread .post.sent .post-text {
margin: 2px 10px 4px 4px; margin: 2px 4px 4px 16px;
text-align: right;
} }
.direct-messages-thread .post.sent .post-photo { .direct-messages-thread .post.sent .post-photo {
@ -2630,11 +2640,12 @@ p.post-text img {
.post-rt-reference .post-info-name { .post-rt-reference .post-info-name {
font-size: 11px; font-size: 11px;
padding: 0;
} }
.post-rt-reference .post-text { .post-rt-reference .post-text {
font-size: 11px; font-size: 11px;
margin: 2px 10px 4px 10px; margin: 2px 8px 4px 34px;
} }
.post-rt-reference .post-text a { .post-rt-reference .post-text a {
@ -2644,4 +2655,5 @@ p.post-text img {
.post-rt-reference .post-info-time { .post-rt-reference .post-info-time {
font-size: 9px; font-size: 9px;
color: #000; color: #000;
margin: 2px 4px 0;
} }

4
theme_nin/css/style.css
View File

@ -887,9 +887,10 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
.post-context { .post-context {
font-size: 11px; font-size: 11px;
line-height: 11px; line-height: 11px;
margin: 2px 10px 4px 60px;
color: #b3b5b7; color: #b3b5b7;
margin: 2px 8px 4px 62px;
} }
/* line 146, ../sass/_postboard.sass */ /* line 146, ../sass/_postboard.sass */
.post-retransmited-icon:before { .post-retransmited-icon:before {
display: block; display: block;
@ -3500,4 +3501,5 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a {
.post-rt-reference .post-info-time { .post-rt-reference .post-info-time {
font-size: 9px; font-size: 9px;
color: #B3B5B7; color: #B3B5B7;
margin: 0 2px 0;
} }