SHOW:
|
|
- or go back to the newest paste.
1 | ||
2 | ||
3 | /* AGENT_SHEET */ | |
4 | @namespace url(http://www.w3.org/1999/xhtml); | |
5 | ||
6 | @-moz-document url-prefix("https://greasyfork.org/forum/"), url-prefix("https://74.86.192.75/"), domain("userstyles.org"), domain("greasyfork.org"), domain("sleazyfork.org") { | |
7 | ||
8 | - | /* ==== Userstyles / GreasyFork - Forum - Comments Numbering + Permalink v.115(new115) - STANDALONE (Work with my other Userstyles) - Watnew06 ==== */ |
8 | + | /* ==== Userstyles / GreasyFork - Forum - Comments Numbering + Permalink v.116(new116) - STANDALONE (Work with my other Userstyles) - Watnew06 ==== */ |
9 | /* ==== SHBORT PASTEBIN NAME - Userstyles / GreasyFork - Comments Number + Permalink v.115 ==== */ | |
10 | ||
11 | /* (new80) TEST - USERSTYLES FORUM - PROFILE DISCUSSINS LIST - COMMENTS LIST - === */ | |
12 | .DataList.SearchResults .Item .ItemContent .Meta .MItem:first-of-type { | |
13 | position: absolute !important; | |
14 | display: inline-block ; | |
15 | width: 95.7% !important; | |
16 | line-height: 14px ; | |
17 | padding: 5px 2px 5px 5px !important; | |
18 | white-space: pre-line; | |
19 | top: 0 !important; | |
20 | left: 30px !important; | |
21 | margin-left: -5px !important; | |
22 | color: gold ; | |
23 | background: black ; | |
24 | } | |
25 | ||
26 | ||
27 | /* (new2) TEST - GREASY FORK - FORUM DISCUSSION LIST - SCRIPT NAME ON one LINE - === */ | |
28 | /* RATNG ICON */ | |
29 | .DataList .rating-image { | |
30 | position: absolute ; | |
31 | height: 16px !important; | |
32 | line-height: 16px !important; | |
33 | width: 16px !important; | |
34 | left: -5px !important; | |
35 | margin-top: 0px ; | |
36 | top: 0px !important; | |
37 | } | |
38 | .DataList:not(.Activities) .ItemContent.Activity .Title a { | |
39 | position: relative !important; | |
40 | display: block !important; | |
41 | width: 100% !important; | |
42 | min-width: 100% !important; | |
43 | max-width: 100% !important; | |
44 | /* outline: 1px solid violet !important; */ | |
45 | } | |
46 | /* (new8) ACTIVITIES*/ | |
47 | .DataList.Activities .ItemContent.Activity .Title a { | |
48 | position: relative !important; | |
49 | display: inline-block !important; | |
50 | width: auto !important; | |
51 | /* outline: 1px solid violet !important; */ | |
52 | } | |
53 | ||
54 | /* (new8) ICON USERSRIPTS */ | |
55 | .DiscussionAboutListDiscussion:before { | |
56 | content: "X" !important; | |
57 | position: absolute !important; | |
58 | display: inline-block !important; | |
59 | width: 18px !important; | |
60 | height: 18px !important; | |
61 | line-height: 18px!important; | |
62 | top: 5px !important; | |
63 | margin-left: -8px !important; | |
64 | color: transparent !important; | |
65 | background: url("http://userscripts-mirror.org/images/script_icon.png") no-repeat scroll 1px 1px transparent ; | |
66 | /* outline: 1px solid violet !important; */ | |
67 | } | |
68 | ||
69 | ||
70 | /* (new11) ICON USERSTYLES : | |
71 | list-style-image: url("chrome://stylish/skin/16w.png") !important; | |
72 | list-style-image: url("chrome://stylish/skin/16.png") !important; | |
73 | == */ | |
74 | .Title>a[href^="https://forum.userstyles.org/discussion/"] +span:before { | |
75 | content: "X" !important; | |
76 | position: absolute !important; | |
77 | display: inline-block !important; | |
78 | width: 18px !important; | |
79 | height: 18px !important; | |
80 | line-height: 18px!important; | |
81 | top: 3px !important; | |
82 | margin-left: -8px !important; | |
83 | color: transparent !important; | |
84 | background: url("chrome://stylish/skin/16.png") no-repeat scroll 1px 1px transparent ; | |
85 | /* outline: 1px solid violet !important; */ | |
86 | } | |
87 | ||
88 | /* (new2) TEST COMEMNTS LIST / ACTIVITY - COUNTER - | |
89 | .DataList .Item .ItemContent.Discussion:before | |
90 | === */ | |
91 | .DataList .ItemDiscussion { | |
92 | position: relative !important; | |
93 | display: inline-block !important; | |
94 | height: 62px !important; | |
95 | width: 695px !important; | |
96 | /* bottom: -40px !important; */ | |
97 | } | |
98 | .ItemContent.Discussion { | |
99 | position: relative !important; | |
100 | height: 52px !important; | |
101 | width: 695px !important; | |
102 | } | |
103 | .DataList .ItemDiscussion .Title { | |
104 | position: relative !important; | |
105 | display: inline-block !important; | |
106 | height: 20px !important; | |
107 | width: 695px !important; | |
108 | /* outline: 1px solid violet !important; */ | |
109 | } | |
110 | ||
111 | /* (new113) MY DISCUSSION - === */ | |
112 | #dashboard_profile_discussions .Item.Bookmarked .DiscussionAboutListDiscussion { | |
113 | top: -45px !important; | |
114 | } | |
115 | #dashboard_profile_discussions .Item.Bookmarked .Title { | |
116 | top: 16px !important; | |
117 | } | |
118 | /* (new115) */ | |
119 | .DataList .ItemDiscussion .Title > a { | |
120 | position: relative !important; | |
121 | display: inline-block !important; | |
122 | height: 20px !important; | |
123 | line-height: 20px !important; | |
124 | width: 695px !important; | |
125 | /* outline: 1px solid violet !important; */ | |
126 | } | |
127 | /* (new113) */ | |
128 | #dashboard_profile_discussions .DataList .Item.Read.ItemDiscussion .Title a , | |
129 | #dashboard_profile_discussions .DataList .Item.New.ItemDiscussion .Title a { | |
130 | top: -16px !important; | |
131 | } | |
132 | #dashboard_profile_discussions .DataList .Item.Alt.Bookmarked.Read.ItemDiscussion .Title a , | |
133 | #dashboard_profile_discussions .DataList .Item.Alt.Bookmarked.ItemDiscussion .Title a , | |
134 | #dashboard_profile_discussions .DataList .Item.Bookmarked.ItemDiscussion .Title a { | |
135 | top: -31px !important; | |
136 | } | |
137 | ||
138 | .Item.Bookmarked.Mine .Title a { | |
139 | top: -16px !important; | |
140 | /* outline: 1px solid violet !important; */ | |
141 | } | |
142 | .DataList .ItemDiscussion .Title a { | |
143 | top: -16px !important; | |
144 | /* outline: 1px solid violet !important; */ | |
145 | } | |
146 | ||
147 | .Meta.Meta-Discussion { | |
148 | position: relative !important; | |
149 | display: inline-block !important; | |
150 | float: left !important; | |
151 | clear: both !important; | |
152 | top: -7px !important; | |
153 | width: 700px !important; | |
154 | margin-top: -20px !important; | |
155 | /* outline: 1px solid violet !important; */ | |
156 | } | |
157 | .DataList .Item { | |
158 | counter-increment: myIndex !important; | |
159 | } | |
160 | ||
161 | ||
162 | /* (new80) */ | |
163 | .MItem.LastCommentBy a { | |
164 | display: inline-block !important; | |
165 | vertical-align: top !important; | |
166 | width: 140px !important; | |
167 | height: 18px !important; | |
168 | overflow: hidden !important; | |
169 | text-overflow: ellipsis !important; | |
170 | ||
171 | ||
172 | } | |
173 | ||
174 | /* (new14) */ | |
175 | .DataList:not(.Activities) .Item .ItemContent:before { | |
176 | content: counter(myIndex, decimal); | |
177 | position: relative !important; | |
178 | display: inline-block !important; | |
179 | width: 37px !important; | |
180 | height: 100% !important; | |
181 | min-height: 15px !important; | |
182 | max-height: 15px !important; | |
183 | line-height: 15px!important; | |
184 | margin-left: -20px !important; | |
185 | top: -9px !important; | |
186 | bottom: -20px !important; | |
187 | font-size: 10px !important; | |
188 | text-align: center !important; | |
189 | background: rgba(55, 173, 227, 0.6) !important; | |
190 | border-radius: 5px 0 0 5px; | |
191 | color: white !important; | |
192 | /* color: gold !important; */ | |
193 | /* outline: 1px solid red !important; */ | |
194 | /* z-index: 10 !important; */ | |
195 | } | |
196 | ||
197 | #vanilla_categories_index .Item .ItemContent:before { | |
198 | margin-left: -21px !important; | |
199 | /* outline: 1px solid red !important; */ | |
200 | } | |
201 | #vanilla_categories_index.Section-CategoryList .Item .ItemContent:before { | |
202 | margin-left: 0px !important; | |
203 | /* outline: 1px solid violet !important; */ | |
204 | } | |
205 | #vanilla_categories_index .Item .ItemContent .Title > a { | |
206 | position: relative !important; | |
207 | display: inline-block !important; | |
208 | margin-left: 5px !important; | |
209 | bottom: 30px !important; | |
210 | font-size: 14px; | |
211 | } | |
212 | ||
213 | .DataList.Activities .Item .ItemContent:before { | |
214 | content: counter(myIndex, decimal); | |
215 | position: absolute !important; | |
216 | display: inline-block !important; | |
217 | width: 15px !important; | |
218 | height: 15px !important; | |
219 | line-height: 15px!important; | |
220 | margin-left: -65px !important; | |
221 | margin-top: 5px !important; | |
222 | font-size: 10px !important; | |
223 | text-align: center !important; | |
224 | background: rgba(55, 173, 227, 0.6) !important; | |
225 | border-radius: 5px 0 0 5px; | |
226 | color: gold !important; | |
227 | /* outline: 1px solid red !important; */ | |
228 | /* z-index: 10 !important; */ | |
229 | } | |
230 | ||
231 | /* (new10) */ | |
232 | .DataList:not(.Activities) .Item .ItemContent .Title>a { | |
233 | position: relative !important; | |
234 | display: inline-block !important; | |
235 | font-size: 14px; | |
236 | bottom: 30px !important; | |
237 | margin-left: 22px !important; | |
238 | /* outline: 1px solid violet !important; */ | |
239 | } | |
240 | ||
241 | .Bookmarked .Title a::before, | |
242 | .Item.Read .Title a::before { | |
243 | background-image: url("https://addons.cdn.mozilla.net/static/img/zamboni/icons/collections.png?433f04b"); | |
244 | background-position: 3px -650px !important; | |
245 | background-repeat: no-repeat; | |
246 | color: transparent; | |
247 | content: ">> "; | |
248 | display: inline-block !important; | |
249 | position: relative !important; | |
250 | height: 100% !important; | |
251 | max-height: 15px !important; | |
252 | min-height: 15px !important; | |
253 | top: 4px !important; | |
254 | margin-right: 3px !important; | |
255 | margin-left: -2px !important; | |
256 | background-color: rgba(55, 173, 227, 0.4) !important; | |
257 | /* background-color: red !important; */ | |
258 | } | |
259 | ||
260 | /* (new110) TEST - FORUM - LAST USER COMMENT - ==== */ | |
261 | .MItem.LastCommentBy a { | |
262 | display: inline-block !important; | |
263 | vertical-align: top !important; | |
264 | width: 140px !important; | |
265 | height: 18px !important; | |
266 | overflow: hidden !important; | |
267 | text-overflow: ellipsis !important; | |
268 | } | |
269 | ||
270 | /* (new110) TEST - FORUM DISC - TITLE (from Comments Numbering) - ==== */ | |
271 | /* .DataList:not(.Activities) .Item .ItemContent .Title { | |
272 | margin-top: 0px !important; | |
273 | } */ | |
274 | #vanilla_discussions_index .DataList:not(.Activities) .Item .ItemContent.Discussion .Title > a { | |
275 | position: relative !important; | |
276 | display: inline-block !important; | |
277 | width: 665px !important; | |
278 | /* margin-left: 22px; */ | |
279 | top: -15px !important; | |
280 | vertical-align: middle !important; | |
281 | font-size: 14px; | |
282 | white-space: nowrap !important; | |
283 | overflow: hidden !important; | |
284 | text-overflow: ellipsis !important; | |
285 | /* background: red !important; */ | |
286 | /* outline: 1px solid violet !important; */ | |
287 | } | |
288 | ||
289 | /* (new111) IN FORUM REVIEWS - SCRIPT / USERTSYLES NAME - | |
290 | USERSTYLES REVIEW: | |
291 | https://forum.userstyles.org/categories/style-reviews | |
292 | GREASYFORK: | |
293 | https://greasyfork.org/fr/forum/ | |
294 | === */ | |
295 | .DiscussionAboutListDiscussion { | |
296 | position: relative !important; | |
297 | display: inline-block !important; | |
298 | float: none !important; | |
299 | min-width: 98% !important; | |
300 | max-width: 98% !important; | |
301 | left: 20px !important; | |
302 | bottom: 29px !important; | |
303 | margin-left: 0px !important; | |
304 | padding-left: 7px !important; | |
305 | font-size: 14px !important; | |
306 | overflow: hidden !important; | |
307 | word-wrap: unset; | |
308 | white-space: nowrap !important; | |
309 | text-overflow: ellipsis !important; | |
310 | } | |
311 | - | /* outline: 1px solid yellow !important; */ |
311 | + | /* (new116) IN FORUM REVIEWS - USERTSYLES NAME - |
312 | USERSTYLES REVIEW: | |
313 | - | /* (new13) IN FORUM REVIEWS - USERTSYLES NAME - |
313 | + | |
314 | === */ | |
315 | #vanilla_categories_index.Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .DiscussionAboutListDiscussion { | |
316 | position: relative !important; | |
317 | display: inline-block !important; | |
318 | float: none !important; | |
319 | min-width: 92% !important; | |
320 | max-width: 92% !important; | |
321 | min-height: 20px !important; | |
322 | line-height: 20px !important; | |
323 | - | line-height: 15px !important; |
323 | + | |
324 | top: -46px !important; | |
325 | - | top: -6px !important; |
325 | + | margin-top: -35px !important; |
326 | font-size: 14px !important; | |
327 | text-indent: 5px !important; | |
328 | } | |
329 | - | /* outline: 1px solid yellow !important; */ |
329 | + | .Section-Category-style-reviews.Section-DiscussionList .Bookmarked.Mine.Participated.Read .DiscussionAboutListDiscussion{ |
330 | margin-top: 30px!important; | |
331 | margin-left: 0px!important; | |
332 | } | |
333 | ||
334 | #vanilla_categories_index.Section-Category-style-reviews.Section-DiscussionList .Title>a[href^="https://forum.userstyles.org/discussion/"] + span:before { | |
335 | - | /* (new14) IN FORUM REVIEWS - USERTSYLES REVIEW TITLE - === */ |
335 | + | |
336 | } | |
337 | /* (new116) IN FORUM REVIEWS - USERTSYLES REVIEW TITLE - === */ | |
338 | #vanilla_categories_index.Section-Category-style-reviews.Section-DiscussionList .DataList .ItemDiscussion .Title { | |
339 | position: relative !important; | |
340 | display: inline-block !important; | |
341 | height: 20px !important; | |
342 | - | margin-bottom: 21px !important; |
342 | + | |
343 | width: 695px !important; | |
344 | margin-top: -28px !important; | |
345 | } | |
346 | ||
347 | #vanilla_categories_index.Section-Category-style-reviews.Section-DiscussionList .Item .ItemContent .Title > a { | |
348 | position: relative !important; | |
349 | display: inline-block !important; | |
350 | margin-left: 5px !important; | |
351 | margin-top: 39px !important; | |
352 | - | /* (new13) IN FORUM REVIEWS - USERTSYLES REVIEW TITLE - RATING ICON (from DARK GREY) === */ |
352 | + | |
353 | font-size: 14px; | |
354 | } | |
355 | /* (new116) IN FORUM REVIEWS - USERTSYLES REVIEW TITLE - RATING ICON (from DARK GREY) === */ | |
356 | .Section-Category-style-reviews.Section-DiscussionList .ItemContent.Discussion .Title img.rating-image { | |
357 | - | margin-top: -6px !important; |
357 | + | |
358 | float: left; | |
359 | margin-left: 0 !important; | |
360 | margin-top: 25px !important; | |
361 | } | |
362 | ||
363 | /* (new12) IN DISCUSSION - USER without BUDY (green) */ | |
364 | .Comment .Author .Username { | |
365 | position: relative !important; | |
366 | display: inline-block !important; | |
367 | left: 10px !important; | |
368 | } | |
369 | .AuthorWrap .PhotoWrap + .Username { | |
370 | /* margin-left: 10px!important; */ | |
371 | } | |
372 | .Author .PhotoWrap + .Username { | |
373 | left: 0px!important; | |
374 | } | |
375 | ||
376 | /* (new12) PB USER without BUDY (green) : | |
377 | https://greasyfork.org/fr/forum/discussion/comment/20480#Comment_20480 | |
378 | - === */ | |
379 | ||
380 | #Content .CommentsWrap .PhotoWrap .ProfilePhoto.ProfilePhotoMedium { | |
381 | height: 40px; | |
382 | width: 40px; | |
383 | margin-top: -2px !important; | |
384 | margin-left: 9px!important; | |
385 | margin-right: -6px!important; | |
386 | } | |
387 | .CommentsWrap ul.DataList li.Item .Comment:before { | |
388 | content: counter(myIndex, decimal); | |
389 | position: absolute !important; | |
390 | display: inline-block !important; | |
391 | width: 25px !important; | |
392 | height: 43px !important; | |
393 | line-height: 43px!important; | |
394 | margin-left: -7px !important; | |
395 | margin-top: -1px !important; | |
396 | font-size: 10px !important; | |
397 | text-align: center !important; | |
398 | background: #21779F !important; | |
399 | border-radius: 5px 0 0 5px; | |
400 | color: gold !important; | |
401 | - | /* z-index: 100000 !important; */ |
401 | + | |
402 | - | /* outline: 1px solid yellow !important; */ |
402 | + | |
403 | .CommentsWrap ul.DataList li.Item .Comment .Author .PhotoWrap { | |
404 | left: 12px !important; | |
405 | } | |
406 | .CommentsWrap ul.DataList li.Item .Comment .Item-Header.CommentHeader .AuthorWrap + .Meta.CommentMeta.CommentInfo .MItem.DateCreated , | |
407 | .CommentsWrap ul.DataList li.Item .Comment .Author .Username { | |
408 | margin-left: 12px !important; | |
409 | } | |
410 | ||
411 | ||
412 | /*(new10) GREASY FORUM | |
413 | https://greasyfork.org/fr/forum/ | |
414 | === */ | |
415 | .DataList.Discussions .Item .ItemContent:before { | |
416 | margin-left: -7px !important; | |
417 | } | |
418 | .DataList.Discussions .Item .ItemContent .Title>a { | |
419 | left: 12px !important; | |
420 | } | |
421 | #vanilla_discussion_index[class*="script-discussions"] .MessageList.DataList.Comments .Author { | |
422 | margin-left: 14px !important; | |
423 | } | |
424 | #vanilla_discussion_index[class*="script-discussions"] .MessageList.DataList.Comments .MItem.DateCreated { | |
425 | margin-left: 20px !important; | |
426 | } | |
427 | ||
428 | .MessageList.DataList.Comments | |
429 | /* (new6) FORUM - Discussions - COMMENTS NUMBER - PERMALINK - | |
430 | content: " [" attr(name) " - "attr(class) "] "; | |
431 | === */ | |
432 | ||
433 | /* === CLIP CSS =============================== | |
434 | - rect(v1, v2, v3, v4) : | |
435 | v1 début de la zone visible verticale, | |
436 | v2 fin de la zone visible horizontale, | |
437 | v3 fin de la zone visible verticale, | |
438 | v4 début de la zone visible horizontale. | |
439 | L'unité "%" ne semble pas être acceptée. | |
440 | ============================================ */ | |
441 | ||
442 | /* (new14) */ | |
443 | .CommentsWrap ul.DataList li.Item:before { | |
444 | clip: rect(3px, 265px, 16px , 69px); | |
445 | position: absolute; | |
446 | display: inline-block ; | |
447 | content: " " attr(id) "" ; | |
448 | width: auto; | |
449 | height: 18px ; | |
450 | line-height: 18px; | |
451 | margin-left: 598px !important; | |
452 | margin-top: 3px !important; | |
453 | padding-right: 5px !important; | |
454 | padding-bottom: 5px !important; | |
455 | border-radius: 5px 0 0 5px; | |
456 | color: white ; | |
457 | color: #C6E4F4 ; | |
458 | color: gray ! important; ; | |
459 | /* background: #1E79A7; */ | |
460 | /* background: red !important; */ | |
461 | z-index: 0 !important; | |
462 | } | |
463 | .MessageList.DataList.Comments .Item:before { | |
464 | clip: rect(3px, 265px, 16px , 69px); | |
465 | position: absolute; | |
466 | display: inline-block ; | |
467 | content: " " attr(id) "" ; | |
468 | width: auto; | |
469 | height: 18px ; | |
470 | line-height: 18px; | |
471 | margin-left: 611px !important; | |
472 | margin-top: 3px !important; | |
473 | padding-right: 5px !important; | |
474 | padding-bottom: 5px !important; | |
475 | border-radius: 5px 0 0 5px; | |
476 | color: white ; | |
477 | color: #C6E4F4 ; | |
478 | color: gray ! important; ; | |
479 | /* background: #1E79A7; */ | |
480 | /* background: red !important; */ | |
481 | z-index: 0 !important; | |
482 | } | |
483 | ||
484 | /* #vanilla_discussion_comment .MessageList.DataList.Comments .Item:before { | |
485 | margin-left: 561px !important; | |
486 | } */ | |
487 | #vanilla_discussion_index .MessageList.DataList.Comments .Item:before , | |
488 | #vanilla_discussion_comment .MessageList.DataList.Comments .Item:before { | |
489 | margin-left: 561px !important; | |
490 | } | |
491 | ||
492 | .CommentsWrap ul.DataList li.Item:after { | |
493 | position: absolute ; | |
494 | display: inline-block; | |
495 | width: 100px; | |
496 | height: 18px ; | |
497 | line-height: 18px; | |
498 | content: "comment n° :" ; | |
499 | margin-left: 570px !important; | |
500 | top: 11px ; | |
501 | padding-left: 6px ; | |
502 | padding-right: 60px ; | |
503 | border-radius: 5px 0 0 5px; | |
504 | background: #1E79A7; | |
505 | background: linear-gradient(to bottom, rgba(19, 19, 19, 1) 0%, rgba(51, 51, 51, 1) 0%, rgba(17, 17, 17, 1) 63%, rgba(0, 0, 0, 1) 98%) repeat scroll 0 0 rgba(0, 0, 0, 0) ; | |
506 | background: none repeat scroll 0 0 rgba(196, 194, 194, 0.92); | |
507 | background: none repeat scroll 0 0 rgba(55, 173, 227, 0.25) !important; | |
508 | color: #C6E4F4 ; | |
509 | color: gray ! important; | |
510 | /* background: green !important; */ | |
511 | } | |
512 | /* #vanilla_discussion_index .MessageList.DataList.Comments .Item:after { | |
513 | content: "comment n° :" ; | |
514 | margin-left: 515px !important; | |
515 | } */ | |
516 | #vanilla_discussion_index .MessageList.DataList.Comments .Item:after , | |
517 | #vanilla_discussion_comment .CommentsWrap ul.DataList li.Item:after { | |
518 | content: "comment n° :" ; | |
519 | margin-left: 515px !important; | |
520 | } | |
521 | /* (new12) PERMLINK TOOLTIP - IN DISCUSSION - | |
522 | PB USER without BUDY (green) : | |
523 | https://greasyfork.org/fr/forum/discussion/comment/20480#Comment_20480 | |
524 | === */ | |
525 | .DateCreated a.Permalink , | |
526 | #vanilla_discussion_comment.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink , | |
527 | #vanilla_discussion_index.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink { | |
528 | display: inline-block ! important; | |
529 | height: 10px!important; | |
530 | line-height: 7px!important; | |
531 | padding: 1px 10px ! important; | |
532 | border: 1px solid gray ! important; | |
533 | border-radius: 5px ! important; | |
534 | } | |
535 | ||
536 | .DateCreated a.Permalink time , | |
537 | #vanilla_discussion_comment.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time , | |
538 | #vanilla_discussion_index.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time { | |
539 | position: relative; | |
540 | text-decoration: none; | |
541 | } | |
542 | ||
543 | /* ARROW TOOLTIP ( BEFORE )*/ | |
544 | .DateCreated a.Permalink time:before , | |
545 | #vanilla_discussion_comment.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:before , | |
546 | #vanilla_discussion_index.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:before { | |
547 | content: ""; | |
548 | border-left: 5px solid transparent; | |
549 | border-right: 5px solid transparent; | |
550 | border-top: 6px solid #ffcb66; | |
551 | bottom: 90%; | |
552 | height: 0; | |
553 | left: 30%; | |
554 | position: absolute; | |
555 | transition: all 0.4s ease 0s; | |
556 | width: 0; | |
557 | opacity: 0; | |
558 | visibility: hidden !important; | |
559 | } | |
560 | .DateCreated a.Permalink time:hover:before , | |
561 | #vanilla_discussion_comment.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:hover:before , | |
562 | #vanilla_discussion_index.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:hover:before { | |
563 | bottom: 76%; | |
564 | /* outline: 1px solid green !important; */ | |
565 | } | |
566 | ||
567 | /* TXT PERMALINK ( AFTER ) */ | |
568 | .DateCreated a.Permalink time:after , | |
569 | #vanilla_discussion_comment.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:after , | |
570 | #vanilla_discussion_index.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:after { | |
571 | /* content: "" attr(class)"" ; */ | |
572 | content: " Permalink" ; | |
573 | position: absolute; | |
574 | height: 10px!important; | |
575 | line-height: 8px!important; | |
576 | white-space: nowrap; | |
577 | bottom: 190%; | |
578 | left: -26%; | |
579 | padding: 2px 5px; | |
580 | color: black; | |
581 | background: #ffcb66; | |
582 | border-radius: 5px; | |
583 | transition: all 0.4s ease 0s; | |
584 | opacity: 0; | |
585 | visibility: hidden !important; | |
586 | pointer-events: none !important; | |
587 | } | |
588 | ||
589 | .DateCreated a.Permalink time:hover:after, | |
590 | #vanilla_discussion_comment.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:hover:after, | |
591 | #vanilla_discussion_index.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:hover:after, | |
592 | #vanilla_discussion_comment.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:hover:before , | |
593 | #vanilla_discussion_index.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:hover:before { | |
594 | opacity: 1; | |
595 | visibility: visible !important; | |
596 | } | |
597 | ||
598 | /* .DateCreated a.Permalink:hover time:after , | |
599 | #vanilla_discussion_comment.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:hover:after , | |
600 | #vanilla_discussion_index.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:hover:after { | |
601 | opacity: 1; | |
602 | visibility: visible !important; | |
603 | } */ | |
604 | .DateCreated a.Permalink:hover time:after , | |
605 | #vanilla_discussion_comment.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:hover:after , | |
606 | #vanilla_discussion_index.Vanilla #Frame #Body #Content ul.DataList li.Item .Comment .Meta span.DateCreated a.Permalink time:hover:after{ | |
607 | bottom: 290%; | |
608 | /* outline: 1px solid violet !important; */ | |
609 | } | |
610 | ||
611 | ||
612 | /* === END USERSTYLES / GREASY FORK FORUM ====== */ | |
613 | } |