Browse Source

moved style from html into themes

master
Julian Steinwachs 10 years ago
parent
commit
293a658302
  1. 18
      css/style.css
  2. 2
      home.html
  3. 1
      js/interface_common.js
  4. 1
      js/twister_following.js
  5. 22
      theme_calm/css/style.css
  6. 212
      theme_nin/css/style.css
  7. 3
      theme_nin/js/theme_option.js
  8. 13
      theme_nin/sass/style.sass

18
css/style.css

@ -1636,6 +1636,24 @@ ol.toptrends-list {
font-size: 12px; font-size: 12px;
color: rgba( 0, 0, 0, .6 ); color: rgba( 0, 0, 0, .6 );
} }
/*************************************
****************** POPUP PROMPT ******
**************************************/
.prompt-wrapper
{
position: absolute;
top: 50%;
left: 50%;
background: rgba( 255, 255,255, 1.0 );
box-shadow: 0 0 30px rgba( 0, 0, 0, .6 );
z-index: 5;
width: 600px;
margin-left:-300px;
}
/************************************* /*************************************
****************** LOADER ************ ****************** LOADER ************
**************************************/ **************************************/

2
home.html

@ -343,7 +343,7 @@
<!-- TEMPLATE DO MODAL GENÉRICO END --> <!-- TEMPLATE DO MODAL GENÉRICO END -->
<!-- TEMPLATE GENERAL PROMPT --> <!-- TEMPLATE GENERAL PROMPT -->
<div class="prompt-wrapper" style="position: absolute; top: 50%; left: 50%; background: rgba( 255, 255,255, 1.0 ); box-shadow: 0 0 30px rgba( 0, 0, 0, .6 ); z-index: 5; width: 600px; margin-left:-300px;"> <div class="prompt-wrapper">
<div class="modal-header"> <div class="modal-header">
<h3></h3> <h3></h3>
<span class="modal-close prompt-close">&times;</span> <span class="modal-close prompt-close">&times;</span>

1
js/interface_common.js

@ -449,7 +449,6 @@ function watchHashChange(e)
} else if (hashstring == '#whotofollow'){ } else if (hashstring == '#whotofollow'){
openWhoToFollowModal(); openWhoToFollowModal();
} else{ } else{
console.log(hashstring);
closeModalHandler(); closeModalHandler();
} }
} }

1
js/twister_following.js

@ -464,7 +464,6 @@ function fillWhoFollows(list, item, offset, size) {
follower_link.attr("data-screen-name", list[i]); follower_link.attr("data-screen-name", list[i]);
follower_link.attr("href", $.MAL.userUrl(list[i])); follower_link.attr("href", $.MAL.userUrl(list[i]));
follower_link.text(list[i]); follower_link.text(list[i]);
follower_link.on("click", openProfileModal);
getFullname( list[i], follower_link ); getFullname( list[i], follower_link );
item.append( follower_link ); item.append( follower_link );

22
theme_calm/css/style.css

@ -1645,6 +1645,26 @@ textarea.splited-post {
.login .module input::-ms-input-placeholder { .login .module input::-ms-input-placeholder {
color: #fff; color: #fff;
} }
/*************************************
****************** POPUP PROMPT ******
**************************************/
.prompt-wrapper
{
position: absolute;
top: 50%;
left: 50%;
background: rgba( 255, 255,255, 1.0 );
box-shadow: 0 0 30px rgba( 0, 0, 0, .6 );
z-index: 5;
width: 600px;
margin-left:-300px;
}
/************************************* /*************************************
**************************** POPUP MODAL **************************** POPUP MODAL
**************************************/ **************************************/
@ -2314,4 +2334,4 @@ p.post-text img {
.reply textarea{ .reply textarea{
margin-top: 20px; margin-top: 20px;
} }

212
theme_nin/css/style.css

@ -56,7 +56,7 @@
font-style: normal; font-style: normal;
} }
/* line 64, ../sass/_fonts.sass */ /* 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, ul.userMenu-search-profiles .modal-back: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, ul.userMenu-search-profiles .modal-back: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, .prompt-close:before, .modal-close:before, .mark-all-as-read:before, .modal-back:before, .icon-down-after:after {
font-family: "fontello"; font-family: "fontello";
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
@ -115,7 +115,7 @@
/* '' */ /* '' */
/* line 115, ../sass/_fonts.sass */ /* line 115, ../sass/_fonts.sass */
.icon-cancel:before, .twister-user-remove:before, .modal-close:before { .icon-cancel:before, .twister-user-remove:before, .prompt-close:before, .modal-close:before {
content: ""; content: "";
} }
@ -306,7 +306,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
width: 1180px; width: 1180px;
max-width: 100%; max-width: 100%;
margin: auto; margin: auto;
background: url('/img/twister_logo.png?1421423397') no-repeat 50% 50%; background: url('/theme_nin/img/twister_logo.png?1421423397') no-repeat 50% 50%;
background-size: 20px; background-size: 20px;
} }
/* line 18, ../sass/_menu.sass */ /* line 18, ../sass/_menu.sass */
@ -2386,8 +2386,40 @@ ol.toptrends-list a:hover {
color: #66686B; color: #66686B;
} }
/*********** POPUP MODAL************ */ /*********** POPUP PROMPT ************ */
/* line 561, ../sass/style.sass */ /* line 558, ../sass/style.sass */
.prompt-wrapper {
position: absolute;
top: 50%;
left: 50%;
background: white;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
z-index: 5;
width: 600px;
margin-left: -300px;
}
/* line 568, ../sass/style.sass */
.prompt-close {
position: absolute;
right: 10px;
top: 0;
font-size: 14px;
line-height: 40px;
cursor: pointer;
color: rgba(255, 255, 255, 0.7);
}
/* line 578, ../sass/style.sass */
.prompt-close:hover {
color: white;
}
/* line 580, ../sass/style.sass */
.prompt-close b {
display: none;
}
/*********** POPUP MODAL ************* */
/* line 584, ../sass/style.sass */
.modal-blackout { .modal-blackout {
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -2399,24 +2431,24 @@ ol.toptrends-list a:hover {
z-index: 3; z-index: 3;
} }
/* line 571, ../sass/style.sass */ /* line 594, ../sass/style.sass */
.modal-wrapper { .modal-wrapper {
position: absolute; position: absolute;
top: 50%; top: 50%;
left: 50%; left: 50%;
overflow: hidden; overflow: hidden;
} }
/* line 576, ../sass/style.sass */ /* line 599, ../sass/style.sass */
.modal-wrapper .post-area-new { .modal-wrapper .post-area-new {
padding: 10px; padding: 10px;
} }
/* line 579, ../sass/style.sass */ /* line 602, ../sass/style.sass */
.modal-content { .modal-content {
background: #f3f2f1; background: #f3f2f1;
padding: 20px; padding: 20px;
} }
/* line 583, ../sass/style.sass */ /* line 606, ../sass/style.sass */
.modal-content .postboard h2 { .modal-content .postboard h2 {
position: fixed; position: fixed;
z-index: 2; z-index: 2;
@ -2425,11 +2457,11 @@ ol.toptrends-list a:hover {
width: 100px; width: 100px;
width: 520px; width: 520px;
} }
/* line 590, ../sass/style.sass */ /* line 613, ../sass/style.sass */
.modal-content .postboard h2 span { .modal-content .postboard h2 span {
display: none; display: none;
} }
/* line 592, ../sass/style.sass */ /* line 615, ../sass/style.sass */
.modal-content .postboard-news { .modal-content .postboard-news {
line-height: 30px; line-height: 30px;
position: absolute; position: absolute;
@ -2443,7 +2475,7 @@ ol.toptrends-list a:hover {
background: #B4C669; background: #B4C669;
} }
/* line 605, ../sass/style.sass */ /* line 628, ../sass/style.sass */
.modal-header { .modal-header {
position: relative; position: relative;
background: #66686B; background: #66686B;
@ -2452,7 +2484,7 @@ ol.toptrends-list a:hover {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
box-sizing: border-box; box-sizing: border-box;
} }
/* line 611, ../sass/style.sass */ /* line 634, ../sass/style.sass */
.modal-header h3 { .modal-header h3 {
font-size: 0.8em; font-size: 0.8em;
line-height: 40px; line-height: 40px;
@ -2463,7 +2495,7 @@ ol.toptrends-list a:hover {
display: block !important; display: block !important;
} }
/* line 620, ../sass/style.sass */ /* line 643, ../sass/style.sass */
.modal-close { .modal-close {
position: absolute; position: absolute;
right: 10px; right: 10px;
@ -2473,16 +2505,16 @@ ol.toptrends-list a:hover {
cursor: pointer; cursor: pointer;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
} }
/* line 630, ../sass/style.sass */ /* line 653, ../sass/style.sass */
.modal-close:hover { .modal-close:hover {
color: white; color: white;
} }
/* line 632, ../sass/style.sass */ /* line 655, ../sass/style.sass */
.modal-close b { .modal-close b {
display: none; display: none;
} }
/* line 635, ../sass/style.sass */ /* line 658, ../sass/style.sass */
.mark-all-as-read { .mark-all-as-read {
float: left; float: left;
cursor: pointer; cursor: pointer;
@ -2494,12 +2526,12 @@ ol.toptrends-list a:hover {
display: none; display: none;
} }
/* line 645, ../sass/style.sass */ /* line 668, ../sass/style.sass */
.modal-back:hover, .mark-all-as-read:hover { .modal-back:hover, .mark-all-as-read:hover {
color: #B4C669; color: #B4C669;
} }
/* line 653, ../sass/style.sass */ /* line 676, ../sass/style.sass */
.modal-back { .modal-back {
margin: 0; margin: 0;
background: #B4C669; background: #B4C669;
@ -2507,80 +2539,80 @@ ol.toptrends-list a:hover {
float: left; float: left;
} }
/* line 662, ../sass/style.sass */ /* line 685, ../sass/style.sass */
.modal-buttons { .modal-buttons {
padding: 10px; padding: 10px;
text-align: right; text-align: right;
} }
/************ FOLLOWING-CONFIG MODAL ********* */ /************ FOLLOWING-CONFIG MODAL ********* */
/* line 670, ../sass/style.sass */ /* line 693, ../sass/style.sass */
.following-config-modal h2 { .following-config-modal h2 {
text-transform: none; text-transform: none;
} }
/* line 672, ../sass/style.sass */ /* line 695, ../sass/style.sass */
.following-config-modal .modal-wrapper { .following-config-modal .modal-wrapper {
top: 43%; top: 43%;
left: 25%; left: 25%;
width: 50%; width: 50%;
} }
/* line 676, ../sass/style.sass */ /* line 699, ../sass/style.sass */
.following-config-modal .modal-content { .following-config-modal .modal-content {
padding: 10px; padding: 10px;
text-align: center; text-align: center;
background-color: white; background-color: white;
} }
/* line 680, ../sass/style.sass */ /* line 703, ../sass/style.sass */
.following-config-modal .modal-buttons { .following-config-modal .modal-buttons {
display: none; display: none;
} }
/* line 682, ../sass/style.sass */ /* line 705, ../sass/style.sass */
.following-config-method-buttons { .following-config-method-buttons {
padding: 10px; padding: 10px;
} }
/* line 684, ../sass/style.sass */ /* line 707, ../sass/style.sass */
.following-config-method-buttons .public-following { .following-config-method-buttons .public-following {
background-color: #B4C669; background-color: #B4C669;
} }
/************ RETWIST POSTS MODAL ********* */ /************ RETWIST POSTS MODAL ********* */
/* line 690, ../sass/style.sass */ /* line 713, ../sass/style.sass */
.reTwist .modal-wrapper { .reTwist .modal-wrapper {
width: 520px; width: 520px;
top: 20%; top: 20%;
margin: 0 0 0 -260px; margin: 0 0 0 -260px;
} }
/* line 694, ../sass/style.sass */ /* line 717, ../sass/style.sass */
.reTwist .post-expand, .reTwist .post-interactions { .reTwist .post-expand, .reTwist .post-interactions {
display: none; display: none;
} }
/********* REPLY POSTS MODAL************** */ /********* REPLY POSTS MODAL************** */
/* line 700, ../sass/style.sass */ /* line 723, ../sass/style.sass */
.reply .modal-wrapper { .reply .modal-wrapper {
width: 520px; width: 520px;
top: 20%; top: 20%;
margin: 0 0 0 -260px; margin: 0 0 0 -260px;
} }
/* line 704, ../sass/style.sass */ /* line 727, ../sass/style.sass */
.reply .modal-buttons, .reply .post-expand, .reply .post-interactions { .reply .modal-buttons, .reply .post-expand, .reply .post-interactions {
display: none; display: none;
} }
/****** DIRECT MESSAGES MODAL********* */ /****** DIRECT MESSAGES MODAL********* */
/* line 710, ../sass/style.sass */ /* line 733, ../sass/style.sass */
.directMessages .post-area-new { .directMessages .post-area-new {
display: none; display: none;
padding: 20px; padding: 20px;
z-index: 5; z-index: 5;
background: #E2E1DE; background: #E2E1DE;
} }
/* line 717, ../sass/style.sass */ /* line 740, ../sass/style.sass */
.directMessages .post-area-new .modal-header h3 span { .directMessages .post-area-new .modal-header h3 span {
display: inline !important; display: inline !important;
} }
/* line 719, ../sass/style.sass */ /* line 742, ../sass/style.sass */
.directMessages .modal-wrapper { .directMessages .modal-wrapper {
width: 520px; width: 520px;
height: 490px; height: 490px;
@ -2588,7 +2620,7 @@ ol.toptrends-list a:hover {
margin: 0 0 0 -260px; margin: 0 0 0 -260px;
overflow-x: hidden; overflow-x: hidden;
} }
/* line 726, ../sass/style.sass */ /* line 749, ../sass/style.sass */
.directMessages .modal-content { .directMessages .modal-content {
overflow-y: auto; overflow-y: auto;
height: 300px; height: 300px;
@ -2597,25 +2629,25 @@ ol.toptrends-list a:hover {
box-sizing: border-box; box-sizing: border-box;
width: 520px; width: 520px;
} }
/* line 733, ../sass/style.sass */ /* line 756, ../sass/style.sass */
.directMessages .modal-buttons { .directMessages .modal-buttons {
display: none; display: none;
} }
/* line 735, ../sass/style.sass */ /* line 758, ../sass/style.sass */
.directMessages .post-photo { .directMessages .post-photo {
height: 48px; height: 48px;
width: 48px; width: 48px;
} }
/* line 738, ../sass/style.sass */ /* line 761, ../sass/style.sass */
.directMessages .post-text { .directMessages .post-text {
margin-left: 58px; margin-left: 58px;
font-size: 0.9em; font-size: 0.9em;
} }
/* line 741, ../sass/style.sass */ /* line 764, ../sass/style.sass */
.directMessages .post-info-name { .directMessages .post-info-name {
float: none; float: none;
} }
/* line 743, ../sass/style.sass */ /* line 766, ../sass/style.sass */
.directMessages .post-info-tag { .directMessages .post-info-tag {
line-height: 1em; line-height: 1em;
padding: 0; padding: 0;
@ -2624,12 +2656,12 @@ ol.toptrends-list a:hover {
margin: 0 0 0 1em; margin: 0 0 0 1em;
} }
/* line 750, ../sass/style.sass */ /* line 773, ../sass/style.sass */
.direct-messages-list .post { .direct-messages-list .post {
padding: 10px 30px 10px 15px; padding: 10px 30px 10px 15px;
cursor: pointer; cursor: pointer;
} }
/* line 753, ../sass/style.sass */ /* line 776, ../sass/style.sass */
.direct-messages-list .post:after { .direct-messages-list .post:after {
content: ""; content: "";
font-family: "fontello"; font-family: "fontello";
@ -2642,19 +2674,19 @@ ol.toptrends-list a:hover {
display: none; display: none;
} }
/* line 765, ../sass/style.sass */ /* line 788, ../sass/style.sass */
.direct-messages-list .post:hover:after { .direct-messages-list .post:hover:after {
display: block; display: block;
} }
/* line 770, ../sass/style.sass */ /* line 793, ../sass/style.sass */
.direct-messages-thread .post { .direct-messages-thread .post {
background: none; background: none;
left: 0; left: 0;
margin: 0px 10px 20px 10px; margin: 0px 10px 20px 10px;
cursor: default; cursor: default;
} }
/* line 776, ../sass/style.sass */ /* line 799, ../sass/style.sass */
.direct-messages-thread .post .post-info-time { .direct-messages-thread .post .post-info-time {
float: none; float: none;
display: block; display: block;
@ -2663,11 +2695,11 @@ ol.toptrends-list a:hover {
margin: 10px 0; margin: 10px 0;
cursor: default; cursor: default;
} }
/* line 783, ../sass/style.sass */ /* line 806, ../sass/style.sass */
.direct-messages-thread .post .post-info-time:hover { .direct-messages-thread .post .post-info-time:hover {
color: #aaa; color: #aaa;
} }
/* line 787, ../sass/style.sass */ /* line 810, ../sass/style.sass */
.direct-messages-thread .post .post-text:after, .direct-messages-thread .post .post-text:nth-child(2n):after { .direct-messages-thread .post .post-text:after, .direct-messages-thread .post .post-text:nth-child(2n):after {
content: ""; content: "";
width: 1px; width: 1px;
@ -2676,14 +2708,14 @@ ol.toptrends-list a:hover {
top: 10px; top: 10px;
white-space: normal; white-space: normal;
} }
/* line 795, ../sass/style.sass */ /* line 818, ../sass/style.sass */
.direct-messages-thread .post .post-text:after { .direct-messages-thread .post .post-text:after {
border-top: solid 7px transparent; border-top: solid 7px transparent;
border-bottom: solid 7px transparent; border-bottom: solid 7px transparent;
border-right: solid 7px white; border-right: solid 7px white;
left: -7px; left: -7px;
} }
/* line 801, ../sass/style.sass */ /* line 824, ../sass/style.sass */
.direct-messages-thread .post .post-text { .direct-messages-thread .post .post-text {
background: white; background: white;
margin-right: 60px; margin-right: 60px;
@ -2699,13 +2731,13 @@ ol.toptrends-list a:hover {
max-width: 60%; max-width: 60%;
min-height: 15px; min-height: 15px;
} }
/* line 816, ../sass/style.sass */ /* line 839, ../sass/style.sass */
.direct-messages-thread .post .post-photo { .direct-messages-thread .post .post-photo {
position: absolute; position: absolute;
left: 0; left: 0;
top: 10px; top: 10px;
} }
/* line 825, ../sass/style.sass */ /* line 848, ../sass/style.sass */
.direct-messages-thread .post.sent .post-text:after { .direct-messages-thread .post.sent .post-text:after {
border-top: solid 7px transparent; border-top: solid 7px transparent;
border-bottom: solid 7px transparent; border-bottom: solid 7px transparent;
@ -2714,11 +2746,11 @@ ol.toptrends-list a:hover {
right: -7px; right: -7px;
left: auto; left: auto;
} }
/* line 832, ../sass/style.sass */ /* line 855, ../sass/style.sass */
.direct-messages-thread .post.sent .post-text { .direct-messages-thread .post.sent .post-text {
float: right; float: right;
} }
/* line 834, ../sass/style.sass */ /* line 857, ../sass/style.sass */
.direct-messages-thread .post.sent .post-photo { .direct-messages-thread .post.sent .post-photo {
position: absolute; position: absolute;
right: 0; right: 0;
@ -2726,7 +2758,7 @@ ol.toptrends-list a:hover {
} }
/********* NEW USER MODAL************* */ /********* NEW USER MODAL************* */
/* line 844, ../sass/style.sass */ /* line 867, ../sass/style.sass */
.new-user .modal-wrapper { .new-user .modal-wrapper {
width: 520px; width: 520px;
height: 600px; height: 600px;
@ -2735,31 +2767,31 @@ ol.toptrends-list a:hover {
overflow-x: hidden; overflow-x: hidden;
overflow-y: hidden; overflow-y: hidden;
} }
/* line 851, ../sass/style.sass */ /* line 874, ../sass/style.sass */
.new-user .modal-content { .new-user .modal-content {
margin: 10px 10px 10px 10px; margin: 10px 10px 10px 10px;
} }
/* line 853, ../sass/style.sass */ /* line 876, ../sass/style.sass */
.new-user .modal-buttons, .new-user .modal-close { .new-user .modal-buttons, .new-user .modal-close {
display: none; display: none;
} }
/* line 855, ../sass/style.sass */ /* line 878, ../sass/style.sass */
.new-user .text { .new-user .text {
margin: 0 0 15px 0; margin: 0 0 15px 0;
} }
/* line 857, ../sass/style.sass */ /* line 880, ../sass/style.sass */
.new-user .emphasis { .new-user .emphasis {
font-size: 18px; font-size: 18px;
text-align: center; text-align: center;
} }
/* line 860, ../sass/style.sass */ /* line 883, ../sass/style.sass */
.new-user .secret-key { .new-user .secret-key {
color: black; color: black;
font-weight: bold; font-weight: bold;
} }
/******** HASHTAG MODAL********** */ /******** HASHTAG MODAL********** */
/* line 867, ../sass/style.sass */ /* line 890, ../sass/style.sass */
.hashtag-modal .modal-wrapper { .hashtag-modal .modal-wrapper {
width: 520px; width: 520px;
height: 600px; height: 600px;
@ -2767,22 +2799,22 @@ ol.toptrends-list a:hover {
margin: 0 0 0 -260px; margin: 0 0 0 -260px;
overflow: hidden; overflow: hidden;
} }
/* line 873, ../sass/style.sass */ /* line 896, ../sass/style.sass */
.hashtag-modal .modal-content { .hashtag-modal .modal-content {
overflow-y: auto; overflow-y: auto;
height: 500px; height: 500px;
} }
/* line 876, ../sass/style.sass */ /* line 899, ../sass/style.sass */
.hashtag-modal .modal-buttons { .hashtag-modal .modal-buttons {
display: none; display: none;
} }
/* line 878, ../sass/style.sass */ /* line 901, ../sass/style.sass */
.hashtag-modal .postboard { .hashtag-modal .postboard {
padding: 0; padding: 0;
} }
/****** CONVERSATION MODAL********** */ /****** CONVERSATION MODAL********** */
/* line 884, ../sass/style.sass */ /* line 907, ../sass/style.sass */
.conversation-modal .modal-wrapper { .conversation-modal .modal-wrapper {
position: absolute; position: absolute;
width: 520px; width: 520px;
@ -2792,22 +2824,22 @@ ol.toptrends-list a:hover {
overflow: hidden; overflow: hidden;
background: white; background: white;
} }
/* line 892, ../sass/style.sass */ /* line 915, ../sass/style.sass */
.conversation-modal .modal-content { .conversation-modal .modal-content {
overflow-y: auto; overflow-y: auto;
height: 90%; height: 90%;
} }
/* line 895, ../sass/style.sass */ /* line 918, ../sass/style.sass */
.conversation-modal .modal-buttons { .conversation-modal .modal-buttons {
display: none; display: none;
} }
/* line 897, ../sass/style.sass */ /* line 920, ../sass/style.sass */
.conversation-modal .postboard { .conversation-modal .postboard {
padding: 0; padding: 0;
} }
/****** FOLLOWING MODAL****** */ /****** FOLLOWING MODAL****** */
/* line 903, ../sass/style.sass */ /* line 926, ../sass/style.sass */
.following-modal .modal-wrapper { .following-modal .modal-wrapper {
width: 520px; width: 520px;
top: 10%; top: 10%;
@ -2815,27 +2847,27 @@ ol.toptrends-list a:hover {
margin: 0 0 0 -260px; margin: 0 0 0 -260px;
overflow-x: hidden; overflow-x: hidden;
} }
/* line 909, ../sass/style.sass */ /* line 932, ../sass/style.sass */
.following-modal .modal-content { .following-modal .modal-content {
height: 300px; height: 300px;
overflow-y: auto; overflow-y: auto;
padding: 0; padding: 0;
} }
/* line 913, ../sass/style.sass */ /* line 936, ../sass/style.sass */
.following-modal .modal-buttons { .following-modal .modal-buttons {
display: none; display: none;
} }
/* line 915, ../sass/style.sass */ /* line 938, ../sass/style.sass */
.following-modal ol { .following-modal ol {
margin: 5px; margin: 5px;
} }
/* line 918, ../sass/style.sass */ /* line 941, ../sass/style.sass */
.following-modal .open-profile-modal:hover { .following-modal .open-profile-modal:hover {
text-decoration: none; text-decoration: none;
} }
/******* WHO TO FOLLOW MODAL****** */ /******* WHO TO FOLLOW MODAL****** */
/* line 926, ../sass/style.sass */ /* line 949, ../sass/style.sass */
.who-to-follow-modal .modal-wrapper { .who-to-follow-modal .modal-wrapper {
width: 520px; width: 520px;
top: 10%; top: 10%;
@ -2843,54 +2875,54 @@ ol.toptrends-list a:hover {
margin: 0 0 0 -260px; margin: 0 0 0 -260px;
overflow-x: hidden; overflow-x: hidden;
} }
/* line 932, ../sass/style.sass */ /* line 955, ../sass/style.sass */
.who-to-follow-modal .modal-content { .who-to-follow-modal .modal-content {
padding: 15px; padding: 15px;
height: 400px; height: 400px;
overflow-y: auto; overflow-y: auto;
} }
/* line 936, ../sass/style.sass */ /* line 959, ../sass/style.sass */
.who-to-follow-modal .modal-buttons { .who-to-follow-modal .modal-buttons {
display: none; display: none;
} }
/* line 938, ../sass/style.sass */ /* line 961, ../sass/style.sass */
.who-to-follow-modal ol { .who-to-follow-modal ol {
margin: 5px; margin: 5px;
} }
/* line 941, ../sass/style.sass */ /* line 964, ../sass/style.sass */
.who-to-follow-modal .open-profile-modal:hover { .who-to-follow-modal .open-profile-modal:hover {
text-decoration: none; text-decoration: none;
} }
/* line 943, ../sass/style.sass */ /* line 966, ../sass/style.sass */
.who-to-follow-modal .twister-user { .who-to-follow-modal .twister-user {
position: relative; position: relative;
padding: 5px; padding: 5px;
} }
/* line 946, ../sass/style.sass */ /* line 969, ../sass/style.sass */
.who-to-follow-modal .twister-user-photo { .who-to-follow-modal .twister-user-photo {
position: relative; position: relative;
left: 0; left: 0;
float: left; float: left;
display: block; display: block;
} }
/* line 951, ../sass/style.sass */ /* line 974, ../sass/style.sass */
.who-to-follow-modal .twister-user-info { .who-to-follow-modal .twister-user-info {
position: relative; position: relative;
padding-left: 70px; padding-left: 70px;
width: auto; width: auto;
} }
/* line 955, ../sass/style.sass */ /* line 978, ../sass/style.sass */
.who-to-follow-modal .bio { .who-to-follow-modal .bio {
color: rgba(0, 0, 0, 0.6); color: rgba(0, 0, 0, 0.6);
font-style: italic; font-style: italic;
} }
/******* LOADER ************ */ /******* LOADER ************ */
/* line 961, ../sass/style.sass */ /* line 984, ../sass/style.sass */
.postboard-loading { .postboard-loading {
text-align: center; text-align: center;
} }
/* line 963, ../sass/style.sass */ /* line 986, ../sass/style.sass */
.postboard-loading div { .postboard-loading div {
display: inline-block; display: inline-block;
width: 120px; width: 120px;
@ -2899,7 +2931,7 @@ ol.toptrends-list a:hover {
position: relative; position: relative;
margin: 10px 0 0 0; margin: 10px 0 0 0;
} }
/* line 970, ../sass/style.sass */ /* line 993, ../sass/style.sass */
.postboard-loading div:after { .postboard-loading div:after {
content: ""; content: "";
position: absolute; position: absolute;
@ -2983,7 +3015,7 @@ ol.toptrends-list a:hover {
} }
} }
/* Options */ /* Options */
/* line 1045, ../sass/style.sass */ /* line 1068, ../sass/style.sass */
.suboptions { .suboptions {
margin: 5px 30px; margin: 5px 30px;
border: double 2px rgba(69, 71, 77, 0.1); border: double 2px rgba(69, 71, 77, 0.1);
@ -3000,22 +3032,22 @@ ol.toptrends-list a:hover {
line-height: 0.9em; line-height: 0.9em;
font-style: italic; font-style: italic;
} }
/* line 1060, ../sass/style.sass */ /* line 1083, ../sass/style.sass */
.suboptions div { .suboptions div {
float: none !important; float: none !important;
} }
/* line 1062, ../sass/style.sass */ /* line 1085, ../sass/style.sass */
.suboptions span { .suboptions span {
font-style: normal; font-style: normal;
} }
/* Autocomplite */ /* Autocomplite */
/* line 1067, ../sass/style.sass */ /* line 1090, ../sass/style.sass */
.textcomplete-wrapper textarea { .textcomplete-wrapper textarea {
display: inline; display: inline;
} }
/* line 1070, ../sass/style.sass */ /* line 1093, ../sass/style.sass */
ul.dropdown-menu { ul.dropdown-menu {
position: absolute; position: absolute;
top: 23px; top: 23px;
@ -3033,11 +3065,11 @@ ul.dropdown-menu {
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
} }
/* line 1086, ../sass/style.sass */ /* line 1109, ../sass/style.sass */
ul.dropdown-menu li { ul.dropdown-menu li {
line-height: 20px; line-height: 20px;
} }
/* line 1088, ../sass/style.sass */ /* line 1111, ../sass/style.sass */
ul.dropdown-menu > li > a { ul.dropdown-menu > li > a {
display: block; display: block;
padding: 3px 20px; padding: 3px 20px;

3
theme_nin/js/theme_option.js

@ -1,6 +1,7 @@
$(function(){ $(function(){
$('#closeModal').html(''); $('.modal-close').html('');
$('.twister-user-remove').html('');
$('.profile-card-main').attr('style', ''); $('.profile-card-main').attr('style', '');
$('img[src$="img/tornado_avatar.png"]').attr("src","theme_nin/img/tornado_avatar.png"); $('img[src$="img/tornado_avatar.png"]').attr("src","theme_nin/img/tornado_avatar.png");
$('.userMenu-search-profiles button').html('').attr('title',polyglot.t('Follow')); $('.userMenu-search-profiles button').html('').attr('title',polyglot.t('Follow'));

13
theme_nin/sass/style.sass

@ -554,9 +554,18 @@ ol.toptrends-list
/*********** POPUP PROMPT *************/
.prompt-wrapper
position: absolute
top: 50%
left: 50%
background: rgba( 255, 255,255, 1.0 )
box-shadow: 0 0 30px rgba( 0, 0, 0, .6 )
z-index: 5
width: 600px
margin-left: -300px
/*********** POPUP MODAL **************/
/*********** POPUP MODAL*************/
.modal-blackout .modal-blackout
position: fixed position: fixed

Loading…
Cancel
Save