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

Merge pull request #15 from slr/nin-v2 

sync with latest commits in miguelfreitas/twister-html
nin-v2
Mylène Bressan 9 years ago
parent
adc9af0540 b7c7f18836
commit
607b795a39
6 changed files with 129 additions and 27 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 82
      css/style.css
  2. 3
      js/theme_option.js
  3. 31
      sass/layout/_postboard.sass
  4. 2
      sass/layout/_prompt.sass
  5. 5
      sass/pages/_network.sass
  6. 13
      sass/style.sass

82
css/style.css
Unescape View File

@ -114,7 +114,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-context span: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, .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; display: inline-block;
font-family: "Ionicons"; font-family: "Ionicons";
speak: none; speak: none;
@ -128,7 +128,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.ion:before, .userMenu li.userMenu-config > a:before, .modal-header span:before, .prompt-wrapper .modal-header span:before, .bitmessage-ctc:before, .tox-ctc:before, .profile-modal .profile-tox:before, .profile-modal .profile-bitmessage:before, .post-context span: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, .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; padding: 0 3px;
} }
@ -148,7 +148,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
content: ""; content: "";
} }
.ion-shuffle:before, .post-context span: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, .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: ""; content: "";
} }
@ -862,7 +862,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
/************ RETWIST POSTS MODAL ********* */ /************ RETWIST POSTS MODAL ********* */
.prompt-wrapper.reTwist.prompt-wrapper { .prompt-wrapper.reTwist.prompt-wrapper {
margin-top: -110px; margin-top: -150px;
} }
.prompt-wrapper.reTwist .post-expand, .prompt-wrapper.reTwist .post-interactions { .prompt-wrapper.reTwist .post-expand, .prompt-wrapper.reTwist .post-interactions {
display: none; display: none;
@ -1420,10 +1420,11 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
.post-context { .post-context {
font-size: 0.8rem; font-size: 0.8rem;
line-height: 0.8rem; line-height: 0.8rem;
margin: 0 0 0.8rem 0; margin: 2px 10px 4px 60px;
color: #8a8691; color: #8a8691;
} }
.post-context span:before {
.post-retransmited-icon:before {
display: block; display: block;
float: left; float: left;
color: #A1B775; color: #A1B775;
@ -1432,6 +1433,10 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
margin-right: 0.4em; margin-right: 0.4em;
} }
.post-context.post-retransmited-by-container {
margin: 0 0 1em;
}
.post-interactions { .post-interactions {
margin: 10px 0 3px 0; margin: 10px 0 3px 0;
text-align: right; text-align: right;
@ -1853,9 +1858,8 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
.network span.connection-status.connected:before { .network span.connection-status.connected:before {
background: #A1B775; background: #A1B775;
} }
.network .character-limit { .network .post-area-extras {
float: right; margin-right: 20px;
margin-right: 1rem;
} }
.network .connections span, .network .known-peers, .network .dht-nodes, .network .blocks, .network .last-block-time, .network .mining-difficulty { .network .connections span, .network .known-peers, .network .dht-nodes, .network .blocks, .network .last-block-time, .network .mining-difficulty {
color: #A1B775; color: #A1B775;
@ -2299,10 +2303,31 @@ ul.userMenu-search-profiles button, ul.userMenu-search-profiles .show-more-follo
transition-duration: 0.1s; transition-duration: 0.1s;
width: 100% !important; width: 100% !important;
font-size: 90%; font-size: 90%;
line-height: normal;
word-wrap: break-word; word-wrap: break-word;
clear: left; clear: left;
} }
#opt-form-post-preview {
width: 100%;
}
#opt-form-post-preview #post-preview {
background-color: #FCFFF3;
width: 76% !important;
margin-left: 16px;
padding: 8px;
}
#opt-form-post-preview #post-preview .preview-container {
background-color: rgba(0,0,0, 0.05);
margin-top: 8px;
}
#opt-form-post-preview #post-preview .image-preview {
width: auto;
}
.post-area-new.open textarea, #postboard-top .post-area .post-area-new textarea, .mini-profile .post-area-new textarea { .post-area-new.open textarea, #postboard-top .post-area .post-area-new textarea, .mini-profile .post-area-new textarea {
height: 80px; height: 80px;
} }
@ -2772,3 +2797,42 @@ ul.dropdown-menu li > li > a {
width: 290px; width: 290px;
} }
} }
.post-rt-reference {
background-color: #FAFAFA;
border: 1px solid #ccc;
padding: 2px;
}
.post-rt-reference:hover {
background-color: #FFF;
cursor: pointer;
}
.post-rt-reference .post-photo {
width: 24px;
height: 24px;
margin-right: 4px;
}
.post-rt-reference .post-photo img {
width: 24px;
height: auto;
}
.post-rt-reference .post-info-name {
font-size: 11px;
padding-left: 0px;
}
.post-rt-reference .post-text {
font-size: 11px;
margin: 4px 4px 4px 28px;
}
.post-rt-reference .post-info-time {
font-size: 9px;
color: #B3B5B7;
}

3
js/theme_option.js
Unescape View File

@ -17,6 +17,8 @@ $(document).ready(function()
testRightSide(); testRightSide();
reOrganizeTemplates(); reOrganizeTemplates();
$.globalEval(postToElem.toString().replace(/postContext.append\(_templatePostRtBy/,
'postContext.addClass(\'post-retransmited-by-container\').prependTo(postContext.parent()).append(_templatePostRtBy'));
$( '.userMenu-home.current a' ).on( 'click', function() { $( '.userMenu-home.current a' ).on( 'click', function() {
$('html, body').animate({scrollTop:0},300); $('html, body').animate({scrollTop:0},300);
@ -91,7 +93,6 @@ function reOrganizeTemplates() { // for nin's templating
$('.promoted-posts-only').detach().appendTo($('.left .mini-profile')); $('.promoted-posts-only').detach().appendTo($('.left .mini-profile'));
$('.mini-profile .open-following-page').parent('li').detach().appendTo($('.mini-profile-indicators')); $('.mini-profile .open-following-page').parent('li').detach().appendTo($('.mini-profile-indicators'));
$('.mini-profile-indicators').detach().insertAfter($('.dashboard.left .profile-data')); $('.mini-profile-indicators').detach().insertAfter($('.dashboard.left .profile-data'));
$('.post-context').each(function(){ $(this).prependTo($(this).parent()); }); // puts context on top of post
///// page profile ///// page profile
$('.forEdition .profile-card-main h2').detach().insertBefore($('.profile-card-main')); $('.forEdition .profile-card-main h2').detach().insertBefore($('.profile-card-main'));

31
sass/layout/_postboard.sass
Unescape View File

@ -173,9 +173,12 @@
.post-context .post-context
font-size: .8rem font-size: .8rem
line-height: .8rem line-height: .8rem
margin: 0 0 .8rem 0 margin: 2px 10px 4px 60px
color: lighten($dark-grey,30%) color: lighten($dark-grey,30%)
span &.post-retransmited-by-container
margin: 0 0 1em
.post-retransmited-icon
@extend .ion-shuffle @extend .ion-shuffle
@extend .ion @extend .ion
&:before &:before
@ -189,7 +192,6 @@
margin-right: .4em margin-right: .4em
// .post-interactions (reply, retransmit, fav) // .post-interactions (reply, retransmit, fav)
.post-interactions .post-interactions
@ -322,3 +324,26 @@
.post-replies .sub-replies .post-replies .sub-replies
border-left: solid 18px transparent border-left: solid 18px transparent
.post-rt-reference
background-color: #FAFAFA
border: 1px solid #ccc
padding: 2px
&:hover
background-color: #FFF
cursor: pointer
.post-photo
width: 24px
height: 24px
margin-right: 4px
img
width: 24px
height: auto
.post-info-name
font-size: 11px
.post-text
font-size: 11px
margin: 4px 4px 4px 28px
.post-info-time
font-size: 9px
color: #B3B5B7

2
sass/layout/_prompt.sass
Unescape View File

@ -53,7 +53,7 @@
.prompt-wrapper.reTwist .prompt-wrapper.reTwist
&.prompt-wrapper &.prompt-wrapper
margin-top: -110px margin-top: -150px
.post-expand, .post-interactions .post-expand, .post-interactions
display: none display: none

5
sass/pages/_network.sass
Unescape View File

@ -57,9 +57,8 @@
&.connected:before &.connected:before
background: $main-color-color background: $main-color-color
.character-limit .post-area-extras
float: right margin-right: 20px
margin-right: $space
.connections span, .known-peers, .dht-nodes, .blocks, .last-block-time, .mining-difficulty .connections span, .known-peers, .dht-nodes, .blocks, .last-block-time, .mining-difficulty
color: $main-color-color color: $main-color-color

13
sass/style.sass
Unescape View File

@ -361,9 +361,22 @@ ul.userMenu-search-profiles
+transition-duration(.1s) +transition-duration(.1s)
width: 100%!important width: 100%!important
font-size: 90% font-size: 90%
line-height: normal
word-wrap: break-word word-wrap: break-word
clear: left clear: left
#opt-form-post-preview
width: 100%
#post-preview
background-color: #FCFFF3
width: 76% !important
margin-left: 16px
padding: 8px
.preview-container
background-color: rgba(0,0,0, 0.05)
margin-top: 8px
.image-preview
width: auto

Write Preview
Loading…
Cancel
Save