twisterarmy
/
twister-html
mirror of https://github.com/twisterarmy/twister-html.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
Browse Source

twistday reminder with most of functionality, creepy looking in nin theme

master
Simon Grim 9 years ago
parent
e9e80f8bad
commit
fa825f77cd
8 changed files with 437 additions and 41 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 51
      css/style.css
  2. 44
      home.html
  3. 32
      js/interface_common.js
  4. 113
      js/interface_home.js
  5. 82
      js/options.js
  6. 31
      options.html
  7. 47
      theme_calm/css/style.css
  8. 78
      theme_nin/css/style.css

51
css/style.css
Unescape View File

@ -323,18 +323,24 @@ button.follow:hover, button.unfollow:hover, .following-list button.private:hover @@ -323,18 +323,24 @@ button.follow:hover, button.unfollow:hover, .following-list button.private:hover
position: fixed;
top: 55px;
}
.dashboard.right {
width: 320px;
position: fixed;
top: 55px;
margin-left: 864px;
}
.module
{
border: solid 1px rgba( 69, 71, 77, .1 );
background: #fff;
}
.dashboard .module {
margin: 0 0 3%;
}
.messages-qtd
{
position: absolute;
@ -786,6 +792,7 @@ textarea.splited-post { @@ -786,6 +792,7 @@ textarea.splited-post {
}
.refresh-toptrends,
.twistday-reminder .refresh,
.refresh-users,
.view-all-users
{
@ -798,6 +805,10 @@ textarea.splited-post { @@ -798,6 +805,10 @@ textarea.splited-post {
************ TOP TRENDS ************
***********************************/
.module.toptrends {
padding: 8px 4px;
}
ol.toptrends-list {
margin: 0% 5% 5% 5%;
padding: 5px;
@ -810,6 +821,46 @@ ol.toptrends-list { @@ -810,6 +821,46 @@ ol.toptrends-list {
display: inline;
}
/***********************************
********* TWISTDAY REMINDER ********
***********************************/
.module.twistday-reminder {
padding: 8px 4px;
}
.twistday-reminder h3 {
margin: 5% 0% 2% 5%;
display: inline;
}
.twistday-reminder h4 {
margin: 1% 1% 1% 16%;
font-size: 90%;
color: rgba(0, 0, 0, 0.5);
}
.twistday-reminder a:hover {
text-decoration: none;
}
.twistday-reminder .list {
margin: 0% 5% 5% 5%;
padding: 5px;
}
.twistday-reminder .twister-user-tag,
.twistday-reminder .twister-user-full {
display: block;
margin: 0;
text-align: center;
}
.twistday-reminder .twisterday {
font-size: 80%;
margin: 0 11%;
}
/***********************************
********************* POST BOARD ***
***********************************/

44
home.html
Unescape View File

@ -158,6 +158,9 @@ @@ -158,6 +158,9 @@
<!-- TOP TRENDS MODULE -->
<div class="module toptrends"></div>
<!-- TWISTDAY REMINDER MODULE -->
<div class="module twistday-reminder"></div>
</div>
<!-- LADO ESQUERDO DE MÓDULOS END -->
@ -225,11 +228,46 @@ @@ -225,11 +228,46 @@
<h3 class="label">Top Trends</h3>
<small>.</small>
<a class="refresh-toptrends">Refresh</a>
<ol class="toptrends-list">
<!-- use "follow-suggestion-template" here -->
</ol>
<ol class="toptrends-list"></ol>
</div>
<!-- TEMPLATE DE TWISTDAY REMINDER MODULE -->
<div id="twistday-reminder-template">
<h3 class="label">Twistday Reminder</h3>
<small>.</small>
<a class="refresh">Refresh</a>
<div class="current">
<h4>Today's luckies:</h4>
<ol class="list">
<!-- use "twistday-reminder-suggestion-template" here -->
</ol>
</div>
<div class="upcoming">
<h4>Upcoming ones:</h4>
<ol class="list">
<!-- use "twistday-reminder-suggestion-template" here -->
</ol>
</div>
</div>
<!-- TEMPLATE DE TWISTDAY REMINDER SUGGESTION -->
<li id="twistday-reminder-suggestion-template" class="twister-user">
<div class="twister-user-photo">
<a href="#" class="twister-user-name open-profile-modal">
<img class="twister-user-photo" src="img/grayed_avatar_placeholder_24.png" alt="user-photo"/>
</a>
</div>
<div class="twister-user-info" data-screen-name="">
<a href="#" class="twister-user-name open-profile-modal">
<div class="twister-user-full"></div>
<div class="twister-user-tag"></div>
</a>
</div>
<div>
<span class="twisterday"></span>
</div>
</li>
<!-- TEMPLATE DE WHO-TO-FOLLOW SUGGESTION -->
<li id="follow-suggestion-template" class="twister-user">
<div class="">

32
js/interface_common.js
Unescape View File

@ -1538,19 +1538,13 @@ function replaceDashboards() { @@ -1538,19 +1538,13 @@ function replaceDashboards() {
if ($(window).width() >= 1200 && !$('.wrapper').hasClass('w1200')) {
$('.wrapper').addClass('w1200');
$('.userMenu').addClass('w1200');
var wtf = $('.module.who-to-follow');
if (wtf.length > 0) {
wtf.detach();
wtf.appendTo($('.dashboard.right'));
}
$('.module.who-to-follow').detach().appendTo($('.dashboard.right'));
$('.module.twistday-reminder').detach().appendTo($('.dashboard.right'));
} else if ($(window).width() < 1200 && $('.wrapper').hasClass('w1200')) {
$('.wrapper').removeClass('w1200');
$('.userMenu').removeClass('w1200');
var wtf = $('.module.who-to-follow');
if (wtf.length > 0) {
wtf.detach();
$('.module.mini-profile').after(wtf);
}
$('.module.who-to-follow').detach().insertAfter($('.module.mini-profile'));
$('.module.twistday-reminder').detach().insertAfter($('.module.toptrends'));
}
}
@ -1618,7 +1612,7 @@ function initInterfaceCommon() { @@ -1618,7 +1612,7 @@ function initInterfaceCommon() {
if ($.Options.getWhoToFollowOpt() === 'enable')
initWhoToFollow();
else
killWhoToFollow();
killInterfaceModule('who-to-follow');
$('.tox-ctc').on('click', function(){
window.prompt(polyglot.t('copy_to_clipboard'), $(this).attr('data'))
@ -1635,11 +1629,17 @@ function initInterfaceCommon() { @@ -1635,11 +1629,17 @@ function initInterfaceCommon() {
}
}
function initInterfaceModule(module) {
return $('.module.'+module).html($('#'+module+'-template').html()).show();
}
function killInterfaceModule(module) {
$('.module.'+module).empty().hide();
}
function initWhoToFollow() {
var wtf = $('.module.who-to-follow');
var wtf = initInterfaceModule('who-to-follow');
if (wtf.length) {
wtf.html($('#who-to-follow-template').html()).show();
var wtfRefresh = wtf.find('.refresh-users');
wtfRefresh.on('click', refreshWhoToFollow);
setTimeout(function() { wtfRefresh.click() }, 100);
@ -1647,12 +1647,6 @@ function initWhoToFollow() { @@ -1647,12 +1647,6 @@ function initWhoToFollow() {
}
}
function killWhoToFollow() {
var wtf = $('.module.who-to-follow');
if (wtf.length)
wtf.empty().hide();
}
function setTextcompleteOn(element) {
var $this = $(element);
// Cursor has not set yet. And wait 100ms to skip global click event.

113
js/interface_home.js
Unescape View File

@ -121,26 +121,24 @@ var InterfaceFunctions = function() @@ -121,26 +121,24 @@ var InterfaceFunctions = function()
if ($.Options.getTopTrendsOpt() === 'enable')
initTopTrends();
else
killTopTrends();
killInterfaceModule('toptrends');
if ($.Options.getTwistdayReminderOpt() === 'enable')
initTwistdayReminder();
else
killInterfaceModule('twistday-reminder');
}
};
function initTopTrends() {
var $tt = $('.module.toptrends');
var $tt = initInterfaceModule('toptrends');
if ($tt.length) {
$tt.html($('#toptrends-template').html()).show();
var $ttRefresh = $tt.find('.refresh-toptrends');
$ttRefresh.on('click', updateTrendingHashtags);
setTimeout(function() { $ttRefresh.click() }, 100);
}
}
function killTopTrends() {
var $tt = $('.module.toptrends');
if ($tt.length)
$tt.empty().hide();
}
function updateTrendingHashtags() {
var $ttl = $('.module.toptrends .toptrends-list');
if ($ttl.length) {
@ -181,6 +179,103 @@ function updateTrendingHashtags() { @@ -181,6 +179,103 @@ function updateTrendingHashtags() {
}
};
function initTwistdayReminder() {
var $module = initInterfaceModule('twistday-reminder');
if ($module.length) {
var $moduleRefresh = $module.find('.refresh');
$moduleRefresh.on('click', refreshTwistdayReminder);
setTimeout(function() { $moduleRefresh.click() }, 100);
$module.find('.current').hide();
$module.find('.upcoming').hide();
}
}
function refreshTwistdayReminder() {
var $list = $('.module.twistday-reminder .list');
if ($list.length) {
if (defaultScreenName && typeof(followingUsers) !== 'undefined') {
var suggests = followingUsers.slice();
if (suggests.length > 0) {
for (var i = 0; i < suggests.length; i++) {
suggests[i] = {'username': suggests[i], 'max_id': 0};
}
twisterRpc("getposts", [suggests.length + 1,suggests],
function(arg, posts) {
function addLuckyToList(list, post, time) {
var lucky = post.userpost.n;
if (list.find('[data-screen-name='+lucky+']').length < 1) {
var item = $("#twistday-reminder-suggestion-template").clone(true);
item.removeAttr("id");
item.find(".twister-user-info").attr("data-screen-name", lucky);
item.find(".twister-user-name").attr("href", $.MAL.userUrl(lucky));
item.find(".twister-user-tag").text("@" +lucky);
if (typeof(time) !== 'undefined')
item.find(".twisterday").text(timeGmtToText(time));
else
item.find(".twisterday").text(timeGmtToText(post.userpost.time));
getAvatar(lucky, item.find(".twister-user-photo"));
getFullname(lucky, item.find(".twister-user-full"));
list.append(item);
}
}
function removeLuckyFromList(list, post) {
var lucky = post.userpost.n;
list.find('[data-screen-name='+lucky+']').closest('li').remove();
}
var showUpcomingTimer = ($.Options.getTwistdayReminderShowUpcomingOpt() === 'enable') ? $.Options.getTwistdayReminderShowUpcomingTimerOpt() *3600 : 0;
var listCurrent = $('.module.twistday-reminder .current .list');
var listUpcoming = $('.module.twistday-reminder .upcoming .list');
var d = new Date();
var todayYear = d.getUTCFullYear();
var todayMonth = d.getUTCMonth();
var todayDate = d.getUTCDate();
var todaySec = Date.UTC(todayYear,todayMonth,todayDate,d.getUTCHours(),d.getUTCMinutes(),d.getUTCSeconds()) /1000;
var thatSec;
posts.sort(function(a,b) {
if (parseInt(a.userpost.time) > parseInt(b.userpost.time))
return 1;
else
return -1;
});
for (var i = 0; i < posts.length; i++) {
d.setTime(0);
d.setUTCSeconds(posts[i].userpost.time);
if (d.getUTCMonth() === todayMonth && d.getUTCDate() === todayDate) {
addLuckyToList(listCurrent, posts[i]);
} else if (showUpcomingTimer > 0) {
thatSec = Date.UTC(todayYear,d.getUTCMonth(),d.getUTCDate(),d.getUTCHours(),d.getUTCMinutes(),d.getUTCSeconds()) /1000;
if (thatSec > todaySec && thatSec -todaySec <= showUpcomingTimer) {
d.setTime(0);
d.setUTCSeconds(thatSec);
addLuckyToList(listUpcoming, posts[i], d.getTime() /1000);
} else {
removeLuckyFromList(listCurrent, posts[i]);
removeLuckyFromList(listUpcoming, posts[i]);
}
} else {
removeLuckyFromList(listCurrent, posts[i]);
removeLuckyFromList(listUpcoming, posts[i]);
}
}
if (listCurrent.children().length > 1)
listCurrent.parent().show()
if (listUpcoming.children().length > 1)
listUpcoming.parent().show()
}, null,
function(arg, ret) { console.log("ajax error:" + ret); }, null);
}
}
if ($.Options.getTwistdayReminderAutoUpdateOpt() === 'enable' && $.Options.getTwistdayReminderAutoUpdateTimerOpt() > 0)
setTimeout(refreshTwistdayReminder, $.Options.getTwistdayReminderAutoUpdateTimerOpt()*1000);
}
}
//***********************************************
//******************* INIT **************
//***********************************************

82
js/options.js
Unescape View File

@ -389,6 +389,81 @@ var TwisterOptions = function() @@ -389,6 +389,81 @@ var TwisterOptions = function()
$('#TopTrendsAutoUpdateTimer').on('keyup', function () { setElemValNumeric(this, polyglot.t('second(s)')); });
}
this.getTwistdayReminderOpt = function() {
return this.getOption('TwistdayReminder', 'enable');
}
this.setTwistdayReminderOpt = function () {
function TwistdayReminderCfg() {
if ($.Options.getTwistdayReminderOpt() === 'enable')
$('#TwistdayReminderCont').show();
else
$('#TwistdayReminderCont').hide();
}
$('#TwistdayReminder').val( this.getTwistdayReminderOpt() );
TwistdayReminderCfg();
$('#TwistdayReminder').on('change', function() {
$.Options.setOption(this.id, this.value);
TwistdayReminderCfg();
});
}
this.getTwistdayReminderAutoUpdateOpt = function() {
return this.getOption('TwistdayReminderAutoUpdate', 'enable');
}
this.setTwistdayReminderAutoUpdateOpt = function () {
function TwistdayReminderAutoUpdateCfg() {
if ($.Options.getTwistdayReminderAutoUpdateOpt() === 'enable')
$('#TwistdayReminderAutoUpdateOpt').css('display', 'inline');
else
$('#TwistdayReminderAutoUpdateOpt').css('display', 'none');
}
$('#TwistdayReminderAutoUpdate').val( this.getTwistdayReminderAutoUpdateOpt() );
TwistdayReminderAutoUpdateCfg();
$('#TwistdayReminderAutoUpdate').on('change', function() {
$.Options.setOption(this.id, this.value);
TwistdayReminderAutoUpdateCfg();
});
}
this.getTwistdayReminderAutoUpdateTimerOpt = function () {
return parseInt(this.getOption('TwistdayReminderAutoUpdateTimer', '3600'));
}
this.setTwistdayReminderAutoUpdateTimerOpt = function () {
$('#TwistdayReminderAutoUpdateTimer').val( this.getTwistdayReminderAutoUpdateTimerOpt().toString() );
$('#TwistdayReminderAutoUpdateTimer').on('keyup', function () { setElemValNumeric(this, polyglot.t('second(s)')); });
}
this.getTwistdayReminderShowUpcomingOpt = function() {
return this.getOption('TwistdayReminderShowUpcoming', 'enable');
}
this.setTwistdayReminderShowUpcomingOpt = function () {
function TwistdayReminderShowUpcomingCfg() {
if ($.Options.getTwistdayReminderShowUpcomingOpt() === 'enable')
$('#TwistdayReminderShowUpcomingOpt').css('display', 'inline');
else
$('#TwistdayReminderShowUpcomingOpt').css('display', 'none');
}
$('#TwistdayReminderShowUpcoming').val( this.getTwistdayReminderShowUpcomingOpt() );
TwistdayReminderShowUpcomingCfg();
$('#TwistdayReminderShowUpcoming').on('change', function() {
$.Options.setOption(this.id, this.value);
TwistdayReminderShowUpcomingCfg();
});
}
this.getTwistdayReminderShowUpcomingTimerOpt = function () {
return parseInt(this.getOption('TwistdayReminderShowUpcomingTimer', '72'));
}
this.setTwistdayReminderShowUpcomingTimerOpt = function () {
$('#TwistdayReminderShowUpcomingTimer').val( this.getTwistdayReminderShowUpcomingTimerOpt().toString() );
$('#TwistdayReminderShowUpcomingTimer').on('keyup', function () { setElemValNumeric(this, polyglot.t('hour(s)')); });
}
this.getWhoToFollowOpt = function() {
return this.getOption('WhoToFollow', 'enable');
}
@ -564,9 +639,14 @@ var TwisterOptions = function() @@ -564,9 +639,14 @@ var TwisterOptions = function()
this.setConvertFractionsOpt();
this.setUseProxyOpt();
this.setUseProxyForImgOnlyOpt();
this.setTopTrendsAutoUpdateOpt();
this.setTopTrendsOpt();
this.setTopTrendsAutoUpdateOpt();
this.setTopTrendsAutoUpdateTimerOpt();
this.setTwistdayReminderOpt();
this.setTwistdayReminderAutoUpdateOpt();
this.setTwistdayReminderAutoUpdateTimerOpt();
this.setTwistdayReminderShowUpcomingOpt();
this.setTwistdayReminderShowUpcomingTimerOpt();
this.setWhoToFollowOpt();
this.setSplitPostsOpt();
this.setHideRepliesOpt();

31
options.html
Unescape View File

@ -335,6 +335,37 @@ @@ -335,6 +335,37 @@
</form>
</div>
</div>
<div class="module">
<p class="label label-h"> Twistday Reminder </p>
<div class="container">
<form>
<p>
<select id="TwistdayReminder">
<option value="enable">Enable</option>
<option value="disable">Disable</option>
</select>
</p>
<div id="TwistdayReminderCont" class="container">
<p class="label">Auto updating</p>
<select id="TwistdayReminderAutoUpdate" class="container">
<option value="enable">Enable</option>
<option value="disable">Disable</option>
</select>
<div id="TwistdayReminderAutoUpdateOpt" class="container">
<input type="text" id="TwistdayReminderAutoUpdateTimer" maxlength="6" size="6"/> <span class="label">second(s)</span>
</div>
<p class="label">Show upcoming in next hours</p>
<select id="TwistdayReminderShowUpcoming" class="container">
<option value="enable">Enable</option>
<option value="disable">Disable</option>
</select>
<div id="TwistdayReminderShowUpcomingOpt" class="container">
<input type="text" id="TwistdayReminderShowUpcomingTimer" maxlength="4" size="6"/> <span class="label">hour(s)</span>
</div>
</div>
</form>
</div>
</div>
<div class="post-editor">
<div class="module">

47
theme_calm/css/style.css
Unescape View File

@ -453,6 +453,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder { @@ -453,6 +453,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
top: 55px;
margin-left: 864px;
}
.module
{
border: solid 1px rgba( 69, 71, 77, .1 );
@ -460,6 +461,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder { @@ -460,6 +461,7 @@ input.userMenu-search-field:focus::-ms-input-placeholder {
}
.dashboard .module {
margin: 0 0 3%;
border-radius: 6px;
}
.messages-qtd
@ -970,6 +972,7 @@ textarea.splited-post { @@ -970,6 +972,7 @@ textarea.splited-post {
}
.refresh-toptrends,
.twistday-reminder .refresh,
.refresh-users,
.view-all-users
{
@ -984,13 +987,15 @@ textarea.splited-post { @@ -984,13 +987,15 @@ textarea.splited-post {
***********************************/
.module.toptrends {
margin-top: 10px;
padding: 8px 4px;
}
.module.toptrends h3 {
margin: 5px 0 5px 10px;
font: 14px 'Open Sans', sans-serif;
display: inline;
}
.module.toptrends ol {
margin: 0 0 10px 10px;
}
@ -999,6 +1004,46 @@ textarea.splited-post { @@ -999,6 +1004,46 @@ textarea.splited-post {
font: 13px 'Open Sans', sans-serif;
}
/***********************************
********* TWISTDAY REMINDER ********
***********************************/
.module.twistday-reminder {
padding: 8px 4px;
}
.twistday-reminder h3 {
margin: 5% 0% 2% 5%;
display: inline;
}
.twistday-reminder h4 {
margin: 1% 1% 1% 16%;
font-size: 90%;
color: rgba(0, 0, 0, 0.5);
}
.twistday-reminder a:hover {
text-decoration: none;
}
.twistday-reminder .list {
margin: 0% 5% 5% 5%;
padding: 5px;
}
.twistday-reminder .twister-user-tag,
.twistday-reminder .twister-user-full {
display: block;
margin: 0;
text-align: center;
}
.twistday-reminder .twisterday {
font-size: 80%;
margin: 0 11%;
}
/***********************************
********************* POST BOARD ***
***********************************/

78
theme_nin/css/style.css
Unescape View File

@ -56,7 +56,7 @@ @@ -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, .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, .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;
@ -198,7 +198,7 @@ @@ -198,7 +198,7 @@
/* '' */
/* line 183, ../sass/_fonts.sass */
.icon-arrows:before, .refresh-toptrends:before, .refresh-users:before {
.icon-arrows:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before {
content: "";
}
@ -282,7 +282,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, @@ -282,7 +282,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
/* FONTS */
/* line 2, ../sass/_utils.sass */
.clear-fix:after, .userMenu ul:after, .profile-modal .profile-data:after, .profile-card .twister-user-info:after, .forEdition.profile-card:after, .postboard:after, .following:after, .expanded-content:after, .following-list li:after, .mini-following-info:after, .network.singleBlock:after, .options .tab-content:after, .promoted-posts-only:after, .dashboard.right:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after, #postboard-top:after, #postboard-top .post-area:after, .who-to-follow ol:after, .twister-user:after, .modal-content:after, .modal-header:after, .direct-messages-thread .post:after {
.clear-fix:after, .userMenu ul:after, .profile-modal .profile-data:after, .profile-card .twister-user-info:after, .forEdition.profile-card:after, .postboard:after, .following:after, .expanded-content:after, .following-list li:after, .twistday-reminder li:after, .mini-following-info:after, .network.singleBlock:after, .options .tab-content:after, .promoted-posts-only:after, .dashboard.right:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after, #postboard-top:after, #postboard-top .post-area:after, .who-to-follow ol:after, .twistday-reminder ol:after, .twister-user:after, .modal-content:after, .modal-header:after, .direct-messages-thread .post:after {
content: "";
display: table;
clear: both;
@ -1901,6 +1901,10 @@ button.disabled:hover, .mini-profile-actions span.disabled:hover, a.button.disab @@ -1901,6 +1901,10 @@ button.disabled:hover, .mini-profile-actions span.disabled:hover, a.button.disab
height: 100%;
}
.dashboard .module {
margin: 0 0 3%;
}
/********** CONFIG SUBMENU & SEARCH RESULTS *********** */
/* line 76, ../sass/style.sass */
.dialog-modal {
@ -2449,7 +2453,7 @@ button.follow:hover, .mini-profile-actions span.follow:hover, button.unfollow, . @@ -2449,7 +2453,7 @@ button.follow:hover, .mini-profile-actions span.follow:hover, button.unfollow, .
}
/* line 499, ../sass/style.sass */
.refresh-toptrends, .refresh-users {
.refresh-toptrends, .twistday-reminder .refresh, .refresh-users {
color: #66686B;
cursor: pointer;
font-size: 11px;
@ -2479,13 +2483,18 @@ button.follow:hover, .mini-profile-actions span.follow:hover, button.unfollow, . @@ -2479,13 +2483,18 @@ button.follow:hover, .mini-profile-actions span.follow:hover, button.unfollow, .
}
/* line 527, ../sass/style.sass */
.refresh-toptrends:hover, .refresh-users:hover, .view-all-users:hover {
.refresh-toptrends:hover, .twistday-reminder .refresh, .refresh-users:hover, .view-all-users:hover {
color: #B4C669;
text-decoration: none;
background-color: transparent;
}
/***********TOP TRENDS************** */
.module.toptrends {
padding: 8px 4px;
}
.toptrends h3 {
float: left;
}
@ -2515,6 +2524,59 @@ ol.toptrends-list a:hover { @@ -2515,6 +2524,59 @@ ol.toptrends-list a:hover {
color: #66686B;
}
/********* TWISTDAY REMINDER *******/
.module.twistday-reminder {
padding: 8px 4px;
top: 30%;
}
.twistday-reminder {
width: inherit;
}
.twistday-reminder small {
display: none;
}
.twistday-reminder ol {
clear: both;
}
.twistday-reminder h3 {
margin: 5% 0% 2% 5%;
display: inline;
float: left;
}
.twistday-reminder h4 {
margin: 1% 1% 1% 16%;
font-size: 90%;
color: rgba(0, 0, 0, 0.5);
}
.twistday-reminder a:hover {
text-decoration: none;
}
.twistday-reminder .list {
width: 300px;
margin: 0% 5% 5% 5%;
padding: 5px;
}
.twistday-reminder .twister-user-tag,
.twistday-reminder .twister-user-full {
display: block;
margin: 0;
text-align: center;
}
.twistday-reminder .twisterday {
font-size: 80%;
margin: 0 11%;
}
/*********** POPUP PROMPT ************ */
/* line 558, ../sass/style.sass */
.prompt-wrapper {
@ -3243,7 +3305,7 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a { @@ -3243,7 +3305,7 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a {
}
/* line 14, ../sass/_responsive.sass */
.following-list li {
.following-list li, .twistday-reminder li {
width: 47%;
float: left;
margin: 0 2% 2% 0;
@ -3271,7 +3333,7 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a { @@ -3271,7 +3333,7 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a {
}
/* line 32, ../sass/_responsive.sass */
.who-to-follow, .toptrends {
.who-to-follow, .toptrends, .twistday-reminder {
display: none;
}
@ -3281,7 +3343,7 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a { @@ -3281,7 +3343,7 @@ ul.dropdown-menu .active, ul.dropdown-menu .active a {
}
/* line 37, ../sass/_responsive.sass */
.following-list li {
.following-list li, .twistday-reminder li {
width: 98%;
float: none;
margin: 2% 1%;

Write Preview
Loading…
Cancel
Save