mirror of
https://github.com/twisterarmy/theme_nin.git
synced 2025-01-30 16:44:31 +00:00
new post button in left area
This commit is contained in:
myleneb
parent
76acb87ac8
commit
9386ed2e69
@ -114,7 +114,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .prompt-wrapper .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers: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, .view-all-users:before, .ion-after:after, .isFollowing:after, .direct-messages-list .post:after {
|
||||
.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .mini-profile .post-area.display .modal-header span:before, .prompt-wrapper .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers: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, .view-all-users:before, .ion-after:after, .isFollowing:after, .direct-messages-list .post:after {
|
||||
display: inline-block;
|
||||
font-family: "Ionicons";
|
||||
speak: none;
|
||||
@ -128,11 +128,11 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .prompt-wrapper .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers: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, .view-all-users:before {
|
||||
.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .mini-profile .post-area.display .modal-header span:before, .prompt-wrapper .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-retransmited-icon:before, .post-interactions span:before, .post-stats li.stat-count:before, ul.userMenu-search-profiles button:before, ul.userMenu-search-profiles .show-more-followers: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, .view-all-users:before {
|
||||
padding: 0 3px;
|
||||
}
|
||||
|
||||
.ion:after, .userMenu li.userMenu-config > a:after, .modal-header span:after, .prompt-wrapper .modal-header span:after, .prompt-wrapper .switch-mode:after, .bitmessage-ctc:after, .tox-ctc:after, .profile-modal .profile-tox:after, .profile-modal .profile-bitmessage:after, .post-retransmited-icon:after, .post-interactions span:after, .post-stats li.stat-count:after, ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .show-more-followers:after, .mini-profile-indicators .userMenu-connections a:after, .mini-profile-indicators .userMenu-messages a:after, .mini-profile-indicators .userMenu-user a:after, .twister-user-remove:after, .refresh-toptrends:after, .twistday-reminder .refresh:after, .refresh-users:after, .view-all-users:after, .ion-after:before, .isFollowing:before, .direct-messages-list .post:before {
|
||||
.ion:after, .userMenu li.userMenu-config > a:after, .modal-header span:after, .prompt-wrapper .modal-header span:after, .mini-profile .post-area.display .modal-header span:after, .prompt-wrapper .switch-mode:after, .mini-profile .post-area.display .switch-mode:after, .bitmessage-ctc:after, .tox-ctc:after, .profile-modal .profile-tox:after, .profile-modal .profile-bitmessage:after, .post-retransmited-icon:after, .post-interactions span:after, .post-stats li.stat-count:after, ul.userMenu-search-profiles button:after, ul.userMenu-search-profiles .show-more-followers:after, .mini-profile-indicators .userMenu-connections a:after, .mini-profile-indicators .userMenu-messages a:after, .mini-profile-indicators .userMenu-user a:after, .twister-user-remove:after, .refresh-toptrends:after, .twistday-reminder .refresh:after, .refresh-users:after, .view-all-users:after, .ion-after:before, .isFollowing:before, .direct-messages-list .post:before {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@ -140,7 +140,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ion-checkmark:after, .isFollowing:after, .modal-header span.mark-all-as-read:after, .ion-checkmark:before, .isFollowing:before, .modal-header span.mark-all-as-read:before {
|
||||
.ion-checkmark:after, .isFollowing:after, .modal-header span.mark-all-as-read:after, .mini-profile .post-area.display .modal-header span.mark-all-as-read:after, .ion-checkmark:before, .isFollowing:before, .modal-header span.mark-all-as-read:before, .mini-profile .post-area.display .modal-header span.mark-all-as-read:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@ -148,7 +148,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ion-shuffle:before, .prompt-wrapper .switch-mode:before, .post-retransmited-icon:before, .post-interactions span.post-propagate:before, .post-stats li.stat-count:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before {
|
||||
.ion-shuffle:before, .prompt-wrapper .switch-mode:before, .mini-profile .post-area.display .switch-mode:before, .post-retransmited-icon:before, .post-interactions span.post-propagate:before, .post-stats li.stat-count:before, .refresh-toptrends:before, .twistday-reminder .refresh:before, .refresh-users:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@ -172,11 +172,11 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ion-close:before, .modal-header span.modal-close:before, .twister-user-remove:before {
|
||||
.ion-close:before, .modal-header span.modal-close:before, .mini-profile .post-area.display .modal-header span.modal-close:before, .twister-user-remove:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
.ion-back:before, .modal-header span.modal-back:before {
|
||||
.ion-back:before, .modal-header span.modal-back:before, .mini-profile .post-area.display .modal-header span.modal-back:before {
|
||||
content: "";
|
||||
}
|
||||
|
||||
@ -342,7 +342,7 @@ h3 .isFollowing:after, .login .module p span .isFollowing:after {
|
||||
box-shadow: 0 8px 13px rgba(17, 17, 17, 0);
|
||||
}
|
||||
|
||||
.clear-fix:after, .userMenu > ul:after, .wrapper:after, .dashboard > .module:after, .dashboard > .module ol:after, .modal-wrapper.following-modal a:after, .modal-wrapper .modal-content:after, .modal-header:after, .prompt-wrapper .modal-header:after, .twister-user:after, .direct-messages-thread .post:after, #postboard-top:after, #postboard-top .post-area:after, .expanded-content:after, .forEdition.profile-card:after, .forEdition.profile-card .profile-card-main:after, .following .following-list li a:after, .login .module:after, .network.singleBlock:after, .network.singleBlock .module:after, .options .tab-content:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after {
|
||||
.clear-fix:after, .userMenu > ul:after, .wrapper:after, .dashboard > .module:after, .dashboard > .module ol:after, .modal-wrapper.following-modal a:after, .modal-wrapper .modal-content:after, .modal-header:after, .prompt-wrapper .modal-header:after, .mini-profile .post-area.display .modal-header:after, .twister-user:after, .direct-messages-thread .post:after, #postboard-top:after, #postboard-top .post-area:after, .expanded-content:after, .forEdition.profile-card:after, .forEdition.profile-card .profile-card-main:after, .following .following-list li a:after, .login .module:after, .network.singleBlock:after, .network.singleBlock .module:after, .options .tab-content:after, ul.userMenu-search-profiles li:after, .mini-profile .post-area:after, .mini-profile-indicators:after, .profile-data:after {
|
||||
content: "";
|
||||
display: table;
|
||||
clear: both;
|
||||
@ -735,7 +735,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
|
||||
z-index: 2000;
|
||||
}
|
||||
|
||||
.modal-header, .prompt-wrapper .modal-header {
|
||||
.modal-header, .prompt-wrapper .modal-header, .mini-profile .post-area.display .modal-header {
|
||||
position: relative;
|
||||
background: #212121;
|
||||
height: 52px;
|
||||
@ -743,7 +743,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.modal-header h3, .prompt-wrapper .modal-header h3, .modal-header .login .module p span, .login .module p .modal-header span {
|
||||
.modal-header h3, .prompt-wrapper .modal-header h3, .mini-profile .post-area.display .modal-header h3, .modal-header .login .module p span, .login .module p .modal-header span {
|
||||
padding-left: 20px;
|
||||
line-height: 52px;
|
||||
font-weight: 500;
|
||||
@ -751,10 +751,10 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
|
||||
float: left;
|
||||
color: white;
|
||||
}
|
||||
.modal-header h3 span, .prompt-wrapper .modal-header h3 span, .modal-header .login .module p span span, .login .module p .modal-header span span {
|
||||
.modal-header h3 span, .prompt-wrapper .modal-header h3 span, .mini-profile .post-area.display .modal-header h3 span, .modal-header .login .module p span span, .login .module p .modal-header span span {
|
||||
position: relative;
|
||||
}
|
||||
.modal-header span, .prompt-wrapper .modal-header span {
|
||||
.modal-header span, .prompt-wrapper .modal-header span, .mini-profile .post-area.display .modal-header span {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
line-height: 52px;
|
||||
@ -763,22 +763,22 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
transition: color 0.1s linear;
|
||||
}
|
||||
.modal-header span:hover {
|
||||
.modal-header span:hover, .mini-profile .post-area.display .modal-header span:hover {
|
||||
color: white;
|
||||
}
|
||||
.modal-header span b, .prompt-wrapper .modal-header span b {
|
||||
.modal-header span b, .prompt-wrapper .modal-header span b, .mini-profile .post-area.display .modal-header span b {
|
||||
display: none;
|
||||
}
|
||||
.modal-header span.modal-close {
|
||||
.modal-header span.modal-close, .mini-profile .post-area.display .modal-header span.modal-close {
|
||||
right: 10px;
|
||||
}
|
||||
.modal-header span.mark-all-as-read {
|
||||
.modal-header span.mark-all-as-read, .mini-profile .post-area.display .modal-header span.mark-all-as-read {
|
||||
position: static;
|
||||
float: left;
|
||||
margin-left: 10px;
|
||||
display: none;
|
||||
}
|
||||
.modal-header span.modal-back {
|
||||
.modal-header span.modal-back, .mini-profile .post-area.display .modal-header span.modal-back {
|
||||
right: 35px;
|
||||
}
|
||||
|
||||
@ -806,7 +806,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
|
||||
|
||||
/*********** POPUP PROMPT ************ */
|
||||
/*********** POPUP PROMPT ************ */
|
||||
.prompt-wrapper {
|
||||
.prompt-wrapper, .mini-profile .post-area.display {
|
||||
background: #FDFCFA;
|
||||
z-index: 200;
|
||||
position: fixed;
|
||||
@ -818,34 +818,34 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
|
||||
-webkit-box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 8px 33px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
.prompt-wrapper .following-config-method-buttons {
|
||||
.prompt-wrapper .following-config-method-buttons, .mini-profile .post-area.display .following-config-method-buttons {
|
||||
padding: 0 20px 20px 0;
|
||||
float: right;
|
||||
}
|
||||
.prompt-wrapper .modal-content {
|
||||
.prompt-wrapper .modal-content, .mini-profile .post-area.display .modal-content {
|
||||
padding: 20px;
|
||||
}
|
||||
.prompt-wrapper .modal-content .post-area textarea {
|
||||
.prompt-wrapper .modal-content .post-area textarea, .mini-profile .post-area.display .modal-content .post-area textarea {
|
||||
clear: both;
|
||||
}
|
||||
.prompt-wrapper .post-data {
|
||||
.prompt-wrapper .post-data, .mini-profile .post-area.display .post-data {
|
||||
border: 1px solid #F3F2F0;
|
||||
position: relative;
|
||||
padding: 10px;
|
||||
background: white;
|
||||
}
|
||||
.prompt-wrapper .modal-header h3 span, .prompt-wrapper .modal-header .login .module p span span, .login .module p .prompt-wrapper .modal-header span span {
|
||||
.prompt-wrapper .modal-header h3 span, .mini-profile .post-area.display .modal-header h3 span, .prompt-wrapper .modal-header .login .module p span span, .login .module p .prompt-wrapper .modal-header span span, .mini-profile .post-area.display .modal-header .login .module p span span, .login .module p .mini-profile .post-area.display .modal-header span span {
|
||||
padding-left: 5px;
|
||||
color: white;
|
||||
}
|
||||
.prompt-wrapper .modal-header h3 span:hover, .prompt-wrapper .modal-header .login .module p span span:hover, .login .module p .prompt-wrapper .modal-header span span:hover {
|
||||
.prompt-wrapper .modal-header h3 span:hover, .mini-profile .post-area.display .modal-header h3 span:hover, .prompt-wrapper .modal-header .login .module p span span:hover, .login .module p .prompt-wrapper .modal-header span span:hover, .mini-profile .post-area.display .modal-header .login .module p span span:hover, .login .module p .mini-profile .post-area.display .modal-header span span:hover {
|
||||
cursor: default;
|
||||
}
|
||||
.prompt-wrapper .modal-buttons {
|
||||
.prompt-wrapper .modal-buttons, .mini-profile .post-area.display .modal-buttons {
|
||||
margin: 4px 0;
|
||||
text-align: right;
|
||||
}
|
||||
.prompt-wrapper .switch-mode {
|
||||
.prompt-wrapper .switch-mode, .mini-profile .post-area.display .switch-mode {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
margin: 12px 4px 4px;
|
||||
@ -856,43 +856,43 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
|
||||
}
|
||||
|
||||
/************ FOLLOWING-CONFIG MODAL ********* */
|
||||
.prompt-wrapper.following-config-modal {
|
||||
.prompt-wrapper.following-config-modal, .mini-profile .following-config-modal.post-area.display {
|
||||
margin-top: -100px;
|
||||
}
|
||||
.prompt-wrapper.following-config-modal h2 {
|
||||
.prompt-wrapper.following-config-modal h2, .mini-profile .following-config-modal.post-area.display h2 {
|
||||
text-transform: none;
|
||||
display: inline-block !important;
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
padding: 1rem;
|
||||
}
|
||||
.prompt-wrapper.following-config-modal h2 span {
|
||||
.prompt-wrapper.following-config-modal h2 span, .mini-profile .following-config-modal.post-area.display h2 span {
|
||||
display: inline-block !important;
|
||||
}
|
||||
.prompt-wrapper.following-config-modal h2 span b {
|
||||
.prompt-wrapper.following-config-modal h2 span b, .mini-profile .following-config-modal.post-area.display h2 span b {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
/************ RETWIST POSTS MODAL ********* */
|
||||
.prompt-wrapper.reTwist.prompt-wrapper {
|
||||
.prompt-wrapper.reTwist.prompt-wrapper, .mini-profile .reTwist.post-area.display {
|
||||
margin-top: -150px;
|
||||
}
|
||||
.prompt-wrapper.reTwist .post-expand, .prompt-wrapper.reTwist .post-interactions {
|
||||
.prompt-wrapper.reTwist .post-expand, .mini-profile .reTwist.post-area.display .post-expand, .prompt-wrapper.reTwist .post-interactions, .mini-profile .reTwist.post-area.display .post-interactions {
|
||||
display: none;
|
||||
}
|
||||
.prompt-wrapper.reTwist .post-info-time {
|
||||
.prompt-wrapper.reTwist .post-info-time, .mini-profile .reTwist.post-area.display .post-info-time {
|
||||
position: static;
|
||||
float: right;
|
||||
}
|
||||
|
||||
/********* REPLY POSTS MODAL************** */
|
||||
.prompt-wrapper.reply.prompt-wrapper {
|
||||
.prompt-wrapper.reply.prompt-wrapper, .mini-profile .reply.post-area.display {
|
||||
margin-top: -110px;
|
||||
}
|
||||
.prompt-wrapper.reply .post-expand, .prompt-wrapper.reply .post-interactions {
|
||||
.prompt-wrapper.reply .post-expand, .mini-profile .reply.post-area.display .post-expand, .prompt-wrapper.reply .post-interactions, .mini-profile .reply.post-area.display .post-interactions {
|
||||
display: none;
|
||||
}
|
||||
.prompt-wrapper.reply .post-area {
|
||||
.prompt-wrapper.reply .post-area, .mini-profile .reply.post-area.display .post-area {
|
||||
padding-bottom: 6px;
|
||||
}
|
||||
|
||||
@ -2349,6 +2349,10 @@ ul.userMenu-search-profiles button, ul.userMenu-search-profiles .show-more-follo
|
||||
.mini-profile .post-area {
|
||||
display: none;
|
||||
}
|
||||
.mini-profile .post-area.display {
|
||||
display: block;
|
||||
margin-top: -110px;
|
||||
}
|
||||
|
||||
#post-preview {
|
||||
border: 1px solid #eee;
|
||||
@ -2776,7 +2780,7 @@ ul.dropdown-menu li > li > a {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.prompt-wrapper {
|
||||
.prompt-wrapper, .mini-profile .post-area.display {
|
||||
width: 98%;
|
||||
left: 1%;
|
||||
margin-left: 0;
|
||||
|
||||
@ -50,9 +50,7 @@ $(document).ready(function()
|
||||
|
||||
$(window).scroll(function(){
|
||||
window_scrollY = window.pageYOffset; // declare variable here for screen not to scroll when closing modals
|
||||
if ( (window_scrollY >= 300) && (!$('#postboard-top').hasClass('.onTop')) ) {$('#postboard-top').addClass('onTop')} // switch #postboard-top when scrolling
|
||||
else
|
||||
{$('#postboard-top').removeClass('onTop')}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
@ -102,6 +100,22 @@ function reOrganizeTemplates() { // for nin's templating
|
||||
|
||||
//loader
|
||||
newLoader()
|
||||
|
||||
// new post button
|
||||
$('<li></li>')
|
||||
.addClass('userMenu-newPost')
|
||||
.prependTo('.mini-profile-indicators');
|
||||
$('<a href="#">New post</a>')
|
||||
.addClass('ion')
|
||||
.addClass('ion-plus')
|
||||
.appendTo('.userMenu-newPost')
|
||||
.bind( 'click', function() {
|
||||
if(!$('.mini-profile .post-area').hasClass('display')) {$('.mini-profile .post-area').addClass('display');}
|
||||
else {$('.mini-profile .post-area').removeClass('display');}
|
||||
return false;
|
||||
|
||||
});
|
||||
|
||||
}
|
||||
|
||||
function reAppendModules() { // avoid w1200 things
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
|
||||
.prompt-wrapper
|
||||
background: $bloc-light-color
|
||||
|
||||
z-index: 200
|
||||
position: fixed
|
||||
top: 50%
|
||||
|
||||
@ -349,7 +349,10 @@ ul.userMenu-search-profiles
|
||||
|
||||
.mini-profile .post-area
|
||||
display: none
|
||||
|
||||
&.display
|
||||
display: block
|
||||
@extend .prompt-wrapper
|
||||
margin-top: -110px
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user