diff --git a/css/style.css b/css/style.css index 6c28d37..d89e75c 100644 --- a/css/style.css +++ b/css/style.css @@ -785,6 +785,7 @@ textarea.splited-post { opacity: 1; } +.refresh-toptrends, .refresh-users, .view-all-users { @@ -794,8 +795,9 @@ textarea.splited-post { } /*********************************** -**********TOP TRENDS**************** +************ TOP TRENDS ************ ***********************************/ + ol.toptrends-list { margin: 0% 5% 5% 5%; padding: 5px; @@ -803,9 +805,9 @@ ol.toptrends-list { border-top: solid 1px rgba( 69, 71, 77, .1 ); } -.toptrends h3 -{ - margin: 5% 5% 2% 5%; +.toptrends h3 { + margin: 5% 0% 2% 5%; + display: inline; } /*********************************** diff --git a/home.html b/home.html index d2df445..fb404ae 100644 --- a/home.html +++ b/home.html @@ -114,7 +114,7 @@
- +
@@ -151,29 +151,12 @@
- - -
-

Who to Follow

- . - Refresh - . - View All - -
- + +
- -
-

Top Trends

-
    - -
-
- + +
@@ -225,6 +208,28 @@ @@ -302,16 +303,35 @@

Top Trends

-
+
+
+

+ +

+
+

Auto updating

+ +
+ second(s) +
+
+
+
+
+
+

Who to Follow

+
-

Auto updating

- -
- second(s) -
@@ -332,7 +352,7 @@
‥ … ⁇ ⁈ ⁉ ‼ — ⁓ -
+
Convert emotions codes to unicode symbols
diff --git a/theme_calm/css/style.css b/theme_calm/css/style.css index 8c5318c..aae48a6 100644 --- a/theme_calm/css/style.css +++ b/theme_calm/css/style.css @@ -969,6 +969,7 @@ textarea.splited-post { text-decoration: none; } +.refresh-toptrends, .refresh-users, .view-all-users { @@ -979,14 +980,16 @@ textarea.splited-post { } /*********************************** -********************* TOP TRENDS +************ TOP TRENDS ************ ***********************************/ + .module.toptrends { margin-top: 10px; } .module.toptrends h3 { margin: 5px 0 5px 10px; font: 14px 'Open Sans', sans-serif; + display: inline; } .module.toptrends ol { margin: 0 0 10px 10px; diff --git a/theme_nin/css/style.css b/theme_nin/css/style.css index 42bdde5..0878ab9 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-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-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, .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; @@ -198,7 +198,7 @@ /* '' */ /* line 183, ../sass/_fonts.sass */ -.icon-arrows:before, .refresh-users:before { +.icon-arrows:before, .refresh-toptrends:before, .refresh-users:before { content: ""; } @@ -1823,7 +1823,7 @@ button.disabled:hover, .mini-profile-actions span.disabled:hover, a.button.disab width: 90%; } -.options #filterLangListCont div,.options #TopTrendsAutoUpdateCont div { +.options #filterLangListCont div,.options #TopTrendsCont div { float: none; padding: 0px 4px; } @@ -2449,7 +2449,7 @@ button.follow:hover, .mini-profile-actions span.follow:hover, button.unfollow, . } /* line 499, ../sass/style.sass */ -.refresh-users { +.refresh-toptrends, .refresh-users { color: #66686B; cursor: pointer; font-size: 11px; @@ -2479,13 +2479,16 @@ button.follow:hover, .mini-profile-actions span.follow:hover, button.unfollow, . } /* line 527, ../sass/style.sass */ -.refresh-users:hover, .view-all-users:hover { +.refresh-toptrends:hover, .refresh-users:hover, .view-all-users:hover { color: #B4C669; text-decoration: none; background-color: transparent; } /***********TOP TRENDS************** */ +.toptrends h3 { + float: left; +} /* line 534, ../sass/style.sass */ ol.toptrends-list { margin: 0; diff --git a/theme_nin/sass/style.sass b/theme_nin/sass/style.sass index 54d8291..6c3e78f 100755 --- a/theme_nin/sass/style.sass +++ b/theme_nin/sass/style.sass @@ -516,7 +516,7 @@ textarea.splited-post .twister-user-remove:hover opacity: 1 -.refresh-users +.refresh-toptrends, .refresh-users @extend .icon-arrows @extend .extend-icon color: $main-color-dark @@ -544,13 +544,17 @@ textarea.splited-post margin: 0 0 0 15px position: relative -.refresh-users:hover, .view-all-users:hover +.refresh-toptrends:hover, .refresh-users:hover, .view-all-users:hover color: $main-color-color text-decoration: none background-color: transparent /***********TOP TRENDS***************/ +.toptrends + h3 + float: left + ol.toptrends-list margin: 0 margin-bottom: 10px @@ -1096,7 +1100,7 @@ ol.toptrends-list #filterLangList width: 90% - #filterLangListCont div, #TopTrendsAutoUpdateCont div + #filterLangListCont div, #TopTrendsCont div float: none padding: 0px 4px