☰

Greasy Fork - Fix for problem with [datetime] and Waterfox Classic [Standalone] v.1

▶ CSS Fix for problem with [datetime] / Waterfox Classic (only need for WATERFOX CLASSIC)

  1. /* ==UserStyle==
  2. @name           Greasy Fork - Fix for problem with [datetime] and Waterfox Classic [Standalone] v.1
  3. @namespace      https://userstyles.world/user/decembre
  4. @author         decembre
  5. @description    ▶ CSS Fix for problem with [datetime] / Waterfox Classic (only need for WATERFOX CLASSIC)
  6. @version        1.01
  7. @license        unlicense
  8. ==/UserStyle== */
  9.  
  10. @-moz-document domain("greasyfork.org") {
  11.  
  12. /* ==== Greasy Fork - Fix for problem with [datetime] / Waterfox Clasic [Standalone] v.1  (only need for WATERFOX CLASSIC) ==== */
  13.  
  14. /* (new223) [datetime] COMMENT - TEST - ONLY WATERFOX CLASSIC */
  15. .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item {
  16.     display: inline-block !important;
  17.     width: 100% !important;
  18.     min-width: 189px !important;
  19.     max-width: 189px !important;
  20. /* border: 1px solid red !important; */
  21. }
  22. /* #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:before , */
  23. .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:before {
  24.     content: attr(datetime) !important;
  25.     clip-path: inset(0px 125px 0px 0px) !important;
  26. /*     position: relative !important; */
  27.     position: absolute !important;
  28.     display: inline-block !important;
  29.     height: 100% !important;
  30.     min-height: 20px !important;
  31.     max-height: 20px !important;
  32.     line-height: 20px !important;
  33.     width: 201px !important;
  34.     margin: 1px 0 0 2px !important;
  35.     padding: 0 2px 0 0 !important;
  36.     letter-spacing: 1.4px !important;
  37.     font-size: 12px !important;
  38.     visibility: visible !important;
  39.     opacity: 1 !important;
  40.     text-align: left !important;
  41. color: red !important;
  42. background: #111 !important;
  43. /* background: green !important; */
  44. }
  45. /* #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:after , */
  46. .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:after{
  47. content: attr(datetime)!important;
  48. clip-path: inset(0px 98px 0px 114px) !important;
  49.     position: absolute !important;
  50.     display: inline-block !important;
  51.     height: 100% !important;
  52.     min-height: 20px !important;
  53.     max-height: 20px !important;
  54.     line-height: 20px !important;
  55.     width: 250px !important;
  56.     margin: 1px 10vw 0 0vw !important;
  57.     left: 30px !important;
  58.     letter-spacing: 1.4px !important;
  59.     font-size: 12px !important;
  60.     visibility: visible !important;
  61.     opacity: 1 !important;
  62.     text-align: center !important;
  63. color: gold !important;
  64. /* background: green !important; */
  65. }
  66.  
  67. /* (new219) COMMENT - DATE RE EDIT */
  68. .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item + .comment-meta-item{
  69.     display: inline-block !important;
  70.     display: inline-block !important;
  71.     height: 100% !important;
  72.     min-height: 20px !important;
  73.     max-height: 20px !important;
  74.     line-height: 20px !important;
  75.     width: 100% !important;
  76.     min-width: 160px !important;
  77.     max-width: 160px !important;
  78. /* border: 1px solid pink !important; */
  79. }
  80.  
  81. .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item + .comment-meta-item  {
  82. /*      position: absolute !important; */
  83. /* left: 24vw !important; */
  84. /* border: 1px solid aqua !important; */
  85. }
  86. .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item + .comment-meta-item  > relative-time:after {
  87.     content: attr(datetime) !important;
  88.     clip-path: inset(0px 98px 0px 114px) !important;
  89. position: absolute !important;
  90. display: inline-block !important;
  91.     height: 100% !important;
  92.     min-height: 20px !important;
  93.     max-height: 20px !important;
  94.     line-height: 20px !important;
  95.     width: 250px !important;
  96. margin: 0px 0 0 -100px !important;
  97. /* left: 20px !important; */
  98. /* top: -5px !important; */
  99.     letter-spacing: 1.4px !important;
  100.     font-size: 12px !important;
  101.     visibility: visible !important;
  102.     opacity: 1 !important;
  103.     text-align: center !important;
  104. color: pink !important;
  105. }
  106.  
  107.  
  108. /* (new220) [datetime]SCRIPT INFO (Created / Updtaed)  -  TEST - ONLY WATERFOX CLASSIC
  109. need "Users Request Modification For this Domain" +  "WebCompotementBudle Enable in POLLY */
  110.  
  111. #script-meta dd.script-show-created-date {
  112. border: 1px solid red !important;
  113. }
  114. #script-meta dd.script-show-updated-date > span relative-time:before  ,
  115. #script-meta dd.script-show-created-date > span relative-time:before {
  116.     content: attr(datetime) !important;
  117.     clip-path: inset(0px 115px 0px 0px) !important;
  118. /*     position: relative !important; */
  119.     position: absolute !important;
  120.     display: inline-block !important;
  121.     height: 100% !important;
  122.     min-height: 15px !important;
  123.     max-height: 15px !important;
  124.     line-height: 15px !important;
  125.     width: 201px !important;
  126.     margin: 1px 0 0 -10px !important;
  127.     padding: 0 2px 0 0 !important;
  128.     letter-spacing: 1.4px !important;
  129.     font-size: 12px !important;
  130.     visibility: visible !important;
  131.     opacity: 1 !important;
  132.     text-align: left !important;
  133. color: red !important;
  134. background: #111 !important;
  135. /* background: green !important; */
  136. }
  137.  
  138.  
  139. /* (new222) [datetime] FEEDBACK  -  TEST - ONLY WATERFOX CLASSIC
  140. need "Users Request Modification For this Domain" +  "WebCompotementBudle Enable in POLLY */
  141.  
  142. /* FIRST POST */
  143. .post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:first-of-type > relative-time {
  144. /* border: 1px solid red !important; */
  145. }
  146. .post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:first-of-type > relative-time:before {
  147.     content: attr(datetime) !important;
  148.     clip-path: inset(0px 127px 0px 0px) !important;
  149. /*     position: relative !important; */
  150.     position: absolute !important;
  151.     display: inline-block !important;
  152.     height: 100% !important;
  153.     min-height: 15px !important;
  154.     max-height: 15px !important;
  155.     line-height: 15px !important;
  156.     width: 201px !important;
  157.     margin: 1px 0 0 20px !important;
  158.     padding: 0 2px 0 0 !important;
  159.     letter-spacing: 1.4px !important;
  160.     font-size: 12px !important;
  161.     visibility: visible !important;
  162.     opacity: 1 !important;
  163.     text-align: left !important;
  164. color: gold !important;
  165. background: #111 !important;
  166. /* background: green !important; */
  167. }
  168.  
  169. /* LAST REPLY */
  170. .post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:last-of-type .discussion-meta-item > relative-time {
  171. /* border: 1px solid aqua !important; */
  172. }
  173. .post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:last-of-type .discussion-meta-item> relative-time:before {
  174.     content: attr(datetime) !important;
  175.     clip-path: inset(0px 127px 0px 0px) !important;
  176. position: relative !important;
  177. /*     position: absolute !important; */
  178.     display: inline-block !important;
  179.     height: 100% !important;
  180.     min-height: 15px !important;
  181.     max-height: 15px !important;
  182.     line-height: 15px !important;
  183.     width: 201px !important;
  184.     margin: 1px 0 0 10px !important;
  185.     padding: 0 2px 0 0 !important;
  186.     letter-spacing: 1.4px !important;
  187.     font-size: 12px !important;
  188.     visibility: visible !important;
  189.     opacity: 1 !important;
  190.     text-align: left !important;
  191. color: red !important;
  192. background: #111 !important;
  193. /* background: green !important; */
  194. }
  195.  
  196.  
  197. /* START - (new222) [datetime] NOT QUANTUM */ 
  198. @supports (contain:paint) {
  199.  
  200. .post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:first-of-type > relative-time:before ,
  201. .post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:last-of-type .discussion-meta-item> relative-time:before ,
  202.  
  203. #script-meta dd.script-show-updated-date > span relative-time:before  ,
  204. #script-meta dd.script-show-created-date > span relative-time:before ,
  205.  
  206. .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item + .comment-meta-item  > relative-time:before ,
  207. .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item + .comment-meta-item  > relative-time:after ,
  208. .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:before ,
  209. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:before {
  210.     display: none !important;
  211. }
  212. .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:after ,
  213. #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:after {
  214. content: attr(datetime)!important;
  215. clip-path: inset(0px 98px 0px 114px) !important;
  216.     display: none !important;
  217. }
  218. /* END - (new222) [datetime] NOT QUANTUM /CHROME */ 
  219. }
  220.  
  221.  
  222. /* === END - DATETIME === */
  223.  
  224. }