From 3efe7bccc28079af331e88ba6bfefb54e1b702f3 Mon Sep 17 00:00:00 2001 From: Simon Grim Date: Wed, 12 Aug 2015 05:54:16 +0500 Subject: [PATCH] tune CSS for post retwists, disable ~nin~'s post context hack --- css/style.css | 10 ++++++---- theme_calm/css/style.css | 14 ++++++++++---- theme_nin/css/style.css | 23 ++++++++++------------- theme_nin/js/theme_option.js | 6 +++--- 4 files changed, 29 insertions(+), 24 deletions(-) diff --git a/css/style.css b/css/style.css index 905fe34..587d5f0 100644 --- a/css/style.css +++ b/css/style.css @@ -1074,14 +1074,16 @@ ol.toptrends-list { font-size: 13px; top: 40px; } -.post-retransmited-icon -{ + +.post-retransmited-icon { display: inline-block; width: 16px; height: 16px; background: url(../img/repost.png) no-repeat left center; vertical-align: middle; + margin: 2px; } + .post-interactions { margin: 2px 10px 10px 60px; @@ -1275,11 +1277,11 @@ ol.toptrends-list { } .post-rt-reference .post-info-name { - font-size: 10px; + font-size: 11px; } .post-rt-reference .post-text { - font-size: 10px; + font-size: 11px; margin: 2px 10px 4px 10px; } diff --git a/theme_calm/css/style.css b/theme_calm/css/style.css index 90b2ca4..3964294 100644 --- a/theme_calm/css/style.css +++ b/theme_calm/css/style.css @@ -1436,14 +1436,16 @@ textarea.splited-post { font-size: 13px; top: 40px; } -.post-retransmited-icon -{ + +.post-retransmited-icon { display: inline-block; width: 25px; height: 25px; background: url(../img/repost.png) no-repeat left center; vertical-align: middle; + margin: 2px; } + .post-interactions { margin: -5px 10px 5px 60px; @@ -1638,14 +1640,18 @@ textarea.splited-post { } .post-rt-reference .post-info-name { - font-size: 10px; + font-size: 11px; } .post-rt-reference .post-text { - font-size: 10px; + font-size: 11px; margin: 2px 10px 4px 10px; } +.post-rt-reference .post-text a { + font-size: 11px; +} + .post-rt-reference .post-info-time { font-size: 9px; color: #000; diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css index 49643fd..a44696d 100644 --- a/theme_nin/css/style.css +++ b/theme_nin/css/style.css @@ -56,7 +56,7 @@ font-style: normal; } /* line 64, ../sass/_fonts.sass */ -[class^="icon-"]:before, [class*=" icon-"]:before, .extend-icon:before, .userMenu li.userMenu-config > a:before, .post-context span:before, .post-reply:before, .post-propagate:before, .post-favorite:before, .post .show-more:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .modal-close:before, .mark-all-as-read:before, .modal-back:before, .icon-down-after:after { +[class^="icon-"]:before, [class*=" icon-"]:before, .extend-icon:before, .userMenu li.userMenu-config > a:before, .post-retransmited-icon:before, .post-reply:before, .post-propagate:before, .post-favorite:before, .post .show-more:before, .mini-profile-actions span:before, ul.userMenu-search-profiles button:before, .mini-profile-indicators .userMenu-connections a:before, .mini-profile-indicators .userMenu-messages a:before, .mini-profile-indicators .userMenu-user a:before, .twister-user-remove:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before, .modal-close:before, .mark-all-as-read:before, .modal-back:before, .icon-down-after:after { font-family: "fontello"; font-style: normal; font-weight: normal; @@ -204,7 +204,7 @@ /* '' */ /* line 188, ../sass/_fonts.sass */ -.icon-twistagain:before, .post-context span:before, .post-propagate:before { +.icon-twistagain:before, .post-retransmited-icon:before, .post-propagate:before { content: ""; } @@ -888,11 +888,11 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, .post-context { font-size: 11px; line-height: 11px; - margin: 0 0 1em 0; + margin: 2px 10px 4px 60px; color: #b3b5b7; } /* line 146, ../sass/_postboard.sass */ -.post-context span:before { +.post-retransmited-icon:before { display: block; float: left; background: #B4C669; @@ -913,11 +913,6 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, color: #66686B; } -/* line 163, ../sass/_postboard.sass */ -.post-retransmited-icon { - display: none; -} - /* line 166, ../sass/_postboard.sass */ .post-interactions { margin: 10px 0 3px 0; @@ -1104,6 +1099,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, .post-rt-reference { background-color: #FAFAFA; border: 1px solid #ccc; + padding: 2px; } .post-rt-reference:hover { @@ -1122,17 +1118,18 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, } .post-rt-reference .post-info-name { - font-size: 10px; + font-size: 11px; + padding-left: 0px; } .post-rt-reference .post-text { - font-size: 10px; - margin: 2px 10px 4px 10px; + font-size: 11px; + margin: 4px 4px 4px 28px; } .post-rt-reference .post-info-time { font-size: 9px; - color: #000; + color: #B3B5B7; } /* MODAL */ diff --git a/theme_nin/js/theme_option.js b/theme_nin/js/theme_option.js index bb82e60..d080831 100644 --- a/theme_nin/js/theme_option.js +++ b/theme_nin/js/theme_option.js @@ -8,9 +8,9 @@ $(function(){ $('.userMenu-search-profiles button').html('').attr('title',polyglot.t('Follow')); $('.mini-profile-actions span').html(''); - $('.post-context').each(function(){ - $(this).prependTo($(this).parent()); - }); + //$('.post-context').each(function(){ + // $(this).prependTo($(this).parent()); + //}); $( '.userMenu-home.current a' ).on( 'click', function() {