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
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 82
      css/style.css
  2. 5
      js/theme_option.js
  3. 47
      sass/layout/_postboard.sass
  4. 4
      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, @@ -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, .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;
font-family: "Ionicons";
speak: none;
@ -128,7 +128,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, @@ -128,7 +128,7 @@ 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, .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;
}
@ -148,7 +148,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, @@ -148,7 +148,7 @@ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu,
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: "";
}
@ -862,7 +862,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover { @@ -862,7 +862,7 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
/************ RETWIST POSTS MODAL ********* */
.prompt-wrapper.reTwist.prompt-wrapper {
margin-top: -110px;
margin-top: -150px;
}
.prompt-wrapper.reTwist .post-expand, .prompt-wrapper.reTwist .post-interactions {
display: none;
@ -1420,10 +1420,11 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover { @@ -1420,10 +1420,11 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
.post-context {
font-size: 0.8rem;
line-height: 0.8rem;
margin: 0 0 0.8rem 0;
margin: 2px 10px 4px 60px;
color: #8a8691;
}
.post-context span:before {
.post-retransmited-icon:before {
display: block;
float: left;
color: #A1B775;
@ -1432,6 +1433,10 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover { @@ -1432,6 +1433,10 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
margin-right: 0.4em;
}
.post-context.post-retransmited-by-container {
margin: 0 0 1em;
}
.post-interactions {
margin: 10px 0 3px 0;
text-align: right;
@ -1853,9 +1858,8 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover { @@ -1853,9 +1858,8 @@ button.light:hover, .light.show-more-followers:hover, a.button.light:hover {
.network span.connection-status.connected:before {
background: #A1B775;
}
.network .character-limit {
float: right;
margin-right: 1rem;
.network .post-area-extras {
margin-right: 20px;
}
.network .connections span, .network .known-peers, .network .dht-nodes, .network .blocks, .network .last-block-time, .network .mining-difficulty {
color: #A1B775;
@ -2299,10 +2303,31 @@ ul.userMenu-search-profiles button, ul.userMenu-search-profiles .show-more-follo @@ -2299,10 +2303,31 @@ ul.userMenu-search-profiles button, ul.userMenu-search-profiles .show-more-follo
transition-duration: 0.1s;
width: 100% !important;
font-size: 90%;
line-height: normal;
word-wrap: break-word;
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 {
height: 80px;
}
@ -2772,3 +2797,42 @@ ul.dropdown-menu li > li > a { @@ -2772,3 +2797,42 @@ ul.dropdown-menu li > li > a {
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;
}

5
js/theme_option.js
Unescape View File

@ -16,7 +16,9 @@ $(document).ready(function() @@ -16,7 +16,9 @@ $(document).ready(function()
testRightSide();
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() {
$('html, body').animate({scrollTop:0},300);
@ -91,7 +93,6 @@ function reOrganizeTemplates() { // for nin's templating @@ -91,7 +93,6 @@ function reOrganizeTemplates() { // for nin's templating
$('.promoted-posts-only').detach().appendTo($('.left .mini-profile'));
$('.mini-profile .open-following-page').parent('li').detach().appendTo($('.mini-profile-indicators'));
$('.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
$('.forEdition .profile-card-main h2').detach().insertBefore($('.profile-card-main'));

47
sass/layout/_postboard.sass
Unescape View File

@ -173,21 +173,23 @@ @@ -173,21 +173,23 @@
.post-context
font-size: .8rem
line-height: .8rem
margin: 0 0 .8rem 0
margin: 2px 10px 4px 60px
color: lighten($dark-grey,30%)
span
@extend .ion-shuffle
@extend .ion
&:before
display: block
float: left
color: $main-color-color
&.post-retransmited-by-container
margin: 0 0 1em
line-height: .8rem
font-size: .8rem
.post-retransmited-icon
@extend .ion-shuffle
@extend .ion
&:before
display: block
float: left
color: $main-color-color
margin-right: .4em
line-height: .8rem
font-size: .8rem
margin-right: .4em
// .post-interactions (reply, retransmit, fav)
@ -322,3 +324,26 @@ @@ -322,3 +324,26 @@
.post-replies .sub-replies
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

4
sass/layout/_prompt.sass
Unescape View File

@ -53,7 +53,7 @@ @@ -53,7 +53,7 @@
.prompt-wrapper.reTwist
&.prompt-wrapper
margin-top: -110px
margin-top: -150px
.post-expand, .post-interactions
display: none
@ -70,4 +70,4 @@ @@ -70,4 +70,4 @@
.modal-buttons, .post-expand, .post-interactions
display: none
.post-area
padding-bottom: 6px
padding-bottom: 6px

5
sass/pages/_network.sass
Unescape View File

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

13
sass/style.sass
Unescape View File

@ -361,9 +361,22 @@ ul.userMenu-search-profiles @@ -361,9 +361,22 @@ ul.userMenu-search-profiles
+transition-duration(.1s)
width: 100%!important
font-size: 90%
line-height: normal
word-wrap: break-word
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