nodebb-theme-persona 11.2.21 → 11.2.22

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/less/style.less +303 -303
  2. package/package.json +1 -1
  3. package/templates/topic.tpl +1 -1
package/less/style.less CHANGED
@@ -1,304 +1,304 @@
1
- html {
2
- overflow-y: scroll;
3
- min-height: 100%;
4
- }
5
-
6
- body {
7
- @media (min-width: 979px)
8
- {
9
- padding-top: 70px;
10
- }
11
-
12
- @media (max-width: 979px)
13
- {
14
- padding-top: 70px;
15
- padding-bottom: 50px;
16
- }
17
-
18
- min-height: 100%;
19
- }
20
-
21
- @media (max-width: @screen-xs-max) {
22
- .slideout-panel {
23
- min-height: 100vh;
24
- }
25
- }
26
-
27
- button, a {
28
- -webkit-tap-highlight-color: rgba(0,0,0,0);
29
- }
30
-
31
- .block, .show {
32
- display: block;
33
- }
34
-
35
- .bold {
36
- font-weight: bold;
37
- }
38
-
39
- a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
40
- text-decoration:none;
41
- }
42
-
43
- .alt-logins {
44
- margin: 0 0 0 1em;
45
- padding: 0;
46
- list-style-type: none;
47
-
48
- li {
49
- vertical-align: middle;
50
- background: transparent;
51
- margin: 0.25em;
52
- .pointer;
53
- .inline-block;
54
- }
55
- }
56
-
57
- .jumbotron {
58
- word-wrap: break-word;
59
- }
60
-
61
- #content {
62
- padding-bottom:20px;
63
- -webkit-transition: opacity 150ms linear;
64
- -moz-transition: opacity 150ms linear;
65
- -ms-transition: opacity 150ms linear;
66
- -o-transition: opacity 150ms linear;
67
- transition: opacity 150ms linear;
68
-
69
- &.ajaxifying {
70
- -moz-opacity: 0;
71
- opacity: 0;
72
- -ms-filter:~"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
73
- }
74
- }
75
-
76
- .status {
77
- font-size: 10px;
78
- vertical-align: middle;
79
-
80
- &.online {
81
- color: @material-success;
82
- }
83
-
84
- &.away {
85
- color: @material-warning;
86
- }
87
-
88
- &.dnd {
89
- color: @material-danger;
90
- }
91
-
92
- &.offline {
93
- color: @gray;
94
- }
95
- }
96
-
97
-
98
- .topic .topic-item, .category .category-item {
99
- -webkit-transition: background-color 500ms linear;
100
- -moz-transition: background-color 500ms linear;
101
- -ms-transition: background-color 500ms linear;
102
- -o-transition: background-color 500ms linear;
103
- transition: background-color 500ms linear;
104
- }
105
-
106
- .topic .topic-item.highlight, .category .category-item.highlight {
107
- background-color: lighten(@brand-info, 20%);
108
- }
109
-
110
- .fa-facebook-square {
111
- color:#3b5998;
112
- background:transparent;
113
- }
114
-
115
- .fa-twitter-square {
116
- color:#2fc2ef;
117
- background:transparent;
118
- }
119
-
120
- .fa-google-plus-square {
121
- color:#df5138;
122
- background:transparent;
123
- }
124
-
125
- .category .post-link, .topic .post-link {
126
- display:inline-block;
127
- width:90%;
128
- height:25px;
129
- font-size:10px;
130
- padding:0px;
131
- }
132
-
133
- .menu-icon {
134
- background: transparent;
135
- width: 20px;
136
- height: 20px;
137
- text-align: center;
138
- display: inline-block;
139
- line-height: 20px;
140
- cursor: pointer;
141
- }
142
-
143
- .dropdown-menu {
144
- .badge {
145
- vertical-align: 1px;
146
- }
147
-
148
- a[role="menuitem"]:focus {
149
- outline: none;
150
- }
151
- }
152
-
153
- .fade-out {
154
- position: absolute;
155
- top: 190px;
156
- left: 0;
157
- width: 100%;
158
- margin: 0;
159
- padding: 30px 0;
160
- }
161
-
162
- .skin-default, .skin-cerulean, .skin-cosmo, .skin-flatly, .skin-journal, .skin-lumen, .skin-paper, .skin-readable, .skin-sandstone, .skin-spacelab, .skin-united, .skin-yeti {
163
- .fade-out {
164
- background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
165
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
166
- background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
167
- background-image: -ms-linear-gradient(top, transparent, white);
168
- background-image: -o-linear-gradient(top, transparent, white);
169
- }
170
- }
171
-
172
- .skin-cyborg .fade-out {
173
- background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #060606));
174
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #060606);
175
- background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #060606);
176
- background-image: -ms-linear-gradient(top, transparent, #060606);
177
- background-image: -o-linear-gradient(top, transparent, #060606);
178
- }
179
-
180
- .skin-darkly .fade-out {
181
- background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #222222));
182
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #222222);
183
- background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #222222);
184
- background-image: -ms-linear-gradient(top, transparent, #222222);
185
- background-image: -o-linear-gradient(top, transparent, #222222);
186
- }
187
-
188
- .skin-simplex .fade-out {
189
- background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #fcfcfc));
190
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fcfcfc);
191
- background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fcfcfc);
192
- background-image: -ms-linear-gradient(top, transparent, #fcfcfc);
193
- background-image: -o-linear-gradient(top, transparent, #fcfcfc);
194
- }
195
-
196
- .skin-slate .fade-out {
197
- background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #272b30));
198
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #272b30);
199
- background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #272b30);
200
- background-image: -ms-linear-gradient(top, transparent, #272b30);
201
- background-image: -o-linear-gradient(top, transparent, #272b30);
202
- }
203
-
204
- .skin-superhero .fade-out {
205
- background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #2b3e50));
206
- background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #2b3e50);
207
- background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #2b3e50);
208
- background-image: -ms-linear-gradient(top, transparent, #2b3e50);
209
- background-image: -o-linear-gradient(top, transparent, #2b3e50);
210
- }
211
-
212
- .skin-darkly, .skin-cyborg {
213
- [component="composer"] {
214
- background: #333;
215
-
216
- .title, .preview, textarea {
217
- background-color: #303030;
218
- color: #fff;
219
- }
220
-
221
- textarea {
222
- outline: none;
223
- border-color: #000;
224
- }
225
-
226
- .formatting-bar .formatting-group li, .formatting-bar span {
227
- color: #fff;
228
- }
229
-
230
- .formatting-bar .formatting-group li:focus, .formatting-bar .formatting-group li:hover {
231
- background-color: #444;
232
- }
233
- }
234
- }
235
-
236
- .icon-container {
237
- .row {
238
- margin: 0;
239
- i {
240
- width:20px;
241
- height:20px;
242
- margin: 1px;
243
- .pointer;
244
- line-height: 20px;
245
- text-align: center;
246
-
247
- &:hover, &.selected {
248
- background: black;
249
- color: white;
250
- }
251
- }
252
- }
253
- }
254
-
255
- .maintenance {
256
- .well {
257
- white-space: pre-line;
258
- }
259
- }
260
-
261
-
262
- .footer {
263
- margin-top: 1em;
264
- }
265
-
266
- a.permalink {
267
- &,
268
- &:hover,
269
- &:focus,
270
- &:active {
271
- color: @gray-light;
272
- text-decoration: underline;
273
- }
274
- }
275
-
276
- .deco-none, .deco-none:link, .deco-none:hover {
277
- color: inherit;
278
- text-decoration: inherit;
279
- }
280
-
281
- .disabled a {
282
- pointer-events: none;
283
- }
284
-
285
- @media (max-width: @screen-sm-max) {
286
- .form-control {
287
- font-size: 16px;
288
- }
289
- }
290
-
291
- .background-link-container {
292
- position: relative;
293
- a {
294
- position: relative;
295
- }
296
-
297
- a.background-link {
298
- position: absolute;
299
- width: 100%;
300
- height: 100%;
301
- top: 0;
302
- left: 0;
303
- }
1
+ html {
2
+ overflow-y: scroll;
3
+ min-height: 100%;
4
+ }
5
+
6
+ body {
7
+ @media (min-width: 979px)
8
+ {
9
+ padding-top: 70px;
10
+ }
11
+
12
+ @media (max-width: 979px)
13
+ {
14
+ padding-top: 70px;
15
+ padding-bottom: 50px;
16
+ }
17
+
18
+ min-height: 100%;
19
+ }
20
+
21
+ @media (max-width: @screen-xs-max) {
22
+ .slideout-panel {
23
+ min-height: 100vh;
24
+ }
25
+ }
26
+
27
+ button, a {
28
+ -webkit-tap-highlight-color: rgba(0,0,0,0);
29
+ }
30
+
31
+ .block, .show {
32
+ display: block;
33
+ }
34
+
35
+ .bold {
36
+ font-weight: bold;
37
+ }
38
+
39
+ a:hover, .btn-link:hover, .btn-link:active, .btn-link:focus {
40
+ text-decoration:none;
41
+ }
42
+
43
+ .alt-logins {
44
+ margin: 0 0 0 1em;
45
+ padding: 0;
46
+ list-style-type: none;
47
+
48
+ li {
49
+ vertical-align: middle;
50
+ background: transparent;
51
+ margin: 0.25em;
52
+ .pointer;
53
+ .inline-block;
54
+ }
55
+ }
56
+
57
+ .jumbotron {
58
+ word-wrap: break-word;
59
+ }
60
+
61
+ #content {
62
+ padding-bottom:20px;
63
+ -webkit-transition: opacity 150ms linear;
64
+ -moz-transition: opacity 150ms linear;
65
+ -ms-transition: opacity 150ms linear;
66
+ -o-transition: opacity 150ms linear;
67
+ transition: opacity 150ms linear;
68
+
69
+ &.ajaxifying {
70
+ -moz-opacity: 0;
71
+ opacity: 0;
72
+ -ms-filter:~"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
73
+ }
74
+ }
75
+
76
+ .status {
77
+ font-size: 10px;
78
+ vertical-align: middle;
79
+
80
+ &.online {
81
+ color: @material-success;
82
+ }
83
+
84
+ &.away {
85
+ color: @material-warning;
86
+ }
87
+
88
+ &.dnd {
89
+ color: @material-danger;
90
+ }
91
+
92
+ &.offline {
93
+ color: @gray;
94
+ }
95
+ }
96
+
97
+
98
+ .topic .topic-item, .category .category-item {
99
+ -webkit-transition: background-color 500ms linear;
100
+ -moz-transition: background-color 500ms linear;
101
+ -ms-transition: background-color 500ms linear;
102
+ -o-transition: background-color 500ms linear;
103
+ transition: background-color 500ms linear;
104
+ }
105
+
106
+ .topic .topic-item.highlight, .category .category-item.highlight {
107
+ background-color: lighten(@brand-info, 20%);
108
+ }
109
+
110
+ .fa-facebook-square {
111
+ color:#3b5998;
112
+ background:transparent;
113
+ }
114
+
115
+ .fa-twitter-square {
116
+ color:#2fc2ef;
117
+ background:transparent;
118
+ }
119
+
120
+ .fa-google-plus-square {
121
+ color:#df5138;
122
+ background:transparent;
123
+ }
124
+
125
+ .category .post-link, .topic .post-link {
126
+ display:inline-block;
127
+ width:90%;
128
+ height:25px;
129
+ font-size:10px;
130
+ padding:0px;
131
+ }
132
+
133
+ .menu-icon {
134
+ background: transparent;
135
+ width: 20px;
136
+ height: 20px;
137
+ text-align: center;
138
+ display: inline-block;
139
+ line-height: 20px;
140
+ cursor: pointer;
141
+ }
142
+
143
+ .dropdown-menu {
144
+ .badge {
145
+ vertical-align: 1px;
146
+ }
147
+
148
+ a[role="menuitem"]:focus {
149
+ outline: none;
150
+ }
151
+ }
152
+
153
+ .fade-out {
154
+ position: absolute;
155
+ top: 190px;
156
+ left: 0;
157
+ width: 100%;
158
+ margin: 0;
159
+ padding: 30px 0;
160
+ }
161
+
162
+ .skin-default, .skin-cerulean, .skin-cosmo, .skin-flatly, .skin-journal, .skin-lumen, .skin-paper, .skin-readable, .skin-sandstone, .skin-spacelab, .skin-united, .skin-yeti {
163
+ .fade-out {
164
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, white));
165
+ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), white);
166
+ background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), white);
167
+ background-image: -ms-linear-gradient(top, transparent, white);
168
+ background-image: -o-linear-gradient(top, transparent, white);
169
+ }
170
+ }
171
+
172
+ .skin-cyborg .fade-out {
173
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #060606));
174
+ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #060606);
175
+ background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #060606);
176
+ background-image: -ms-linear-gradient(top, transparent, #060606);
177
+ background-image: -o-linear-gradient(top, transparent, #060606);
178
+ }
179
+
180
+ .skin-darkly .fade-out {
181
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #222222));
182
+ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #222222);
183
+ background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #222222);
184
+ background-image: -ms-linear-gradient(top, transparent, #222222);
185
+ background-image: -o-linear-gradient(top, transparent, #222222);
186
+ }
187
+
188
+ .skin-simplex .fade-out {
189
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #fcfcfc));
190
+ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fcfcfc);
191
+ background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #fcfcfc);
192
+ background-image: -ms-linear-gradient(top, transparent, #fcfcfc);
193
+ background-image: -o-linear-gradient(top, transparent, #fcfcfc);
194
+ }
195
+
196
+ .skin-slate .fade-out {
197
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #272b30));
198
+ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #272b30);
199
+ background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #272b30);
200
+ background-image: -ms-linear-gradient(top, transparent, #272b30);
201
+ background-image: -o-linear-gradient(top, transparent, #272b30);
202
+ }
203
+
204
+ .skin-superhero .fade-out {
205
+ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, transparent),color-stop(1, #2b3e50));
206
+ background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #2b3e50);
207
+ background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #2b3e50);
208
+ background-image: -ms-linear-gradient(top, transparent, #2b3e50);
209
+ background-image: -o-linear-gradient(top, transparent, #2b3e50);
210
+ }
211
+
212
+ .skin-darkly, .skin-cyborg {
213
+ [component="composer"] {
214
+ background: #333;
215
+
216
+ .title, .preview, textarea {
217
+ background-color: #303030;
218
+ color: #fff;
219
+ }
220
+
221
+ textarea {
222
+ outline: none;
223
+ border-color: #000;
224
+ }
225
+
226
+ .formatting-bar .formatting-group li, .formatting-bar span {
227
+ color: #fff;
228
+ }
229
+
230
+ .formatting-bar .formatting-group li:focus, .formatting-bar .formatting-group li:hover {
231
+ background-color: #444;
232
+ }
233
+ }
234
+ }
235
+
236
+ .icon-container {
237
+ .row {
238
+ margin: 0;
239
+ i {
240
+ width:20px;
241
+ height:20px;
242
+ margin: 1px;
243
+ .pointer;
244
+ line-height: 20px;
245
+ text-align: center;
246
+
247
+ &:hover, &.selected {
248
+ background: black;
249
+ color: white;
250
+ }
251
+ }
252
+ }
253
+ }
254
+
255
+ .maintenance {
256
+ .well {
257
+ white-space: pre-line;
258
+ }
259
+ }
260
+
261
+
262
+ .footer {
263
+ margin-top: 1em;
264
+ }
265
+
266
+ a.permalink {
267
+ &,
268
+ &:hover,
269
+ &:focus,
270
+ &:active {
271
+ color: @gray-light;
272
+ text-decoration: underline;
273
+ }
274
+ }
275
+
276
+ .deco-none, .deco-none:link, .deco-none:hover {
277
+ color: inherit;
278
+ text-decoration: inherit;
279
+ }
280
+
281
+ .disabled a {
282
+ pointer-events: none;
283
+ }
284
+
285
+ @media (max-width: @screen-sm-max) {
286
+ .form-control {
287
+ font-size: 16px;
288
+ }
289
+ }
290
+
291
+ .background-link-container {
292
+ position: relative;
293
+ a {
294
+ position: relative;
295
+ }
296
+
297
+ a.background-link {
298
+ position: absolute;
299
+ width: 100%;
300
+ height: 100%;
301
+ top: 0;
302
+ left: 0;
303
+ }
304
304
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "nodebb-theme-persona",
3
- "version": "11.2.21",
3
+ "version": "11.2.22",
4
4
  "nbbpm": {
5
5
  "compatibility": "^1.18.0"
6
6
  },
package/templates/topic.tpl CHANGED
@@ -67,7 +67,7 @@
67
67
 
68
68
  <!-- IMPORT partials/topic/post.tpl -->
69
69
  </li>
70
- {renderTopicEvents(@index)}
70
+ {renderTopicEvents(@index, config.topicPostSort)}
71
71
  {{{end}}}
72
72
  </ul>
73
73