☰

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)

Come installare

Dovrai installare un'estensione come Tampermonkey, Greasemonkey o Violentmonkey per installare questo script.

You will need to install an extension such as Tampermonkey to install this script.

Dovrai installare un'estensione come Tampermonkey o Violentmonkey per installare questo script.

Dovrai installare un'estensione come Tampermonkey o Userscripts per installare questo script.

Dovrai installare un'estensione come ad esempio Tampermonkey per installare questo script.

Dovrai installare un gestore di script utente per installare questo script.

(Ho già un gestore di script utente, lasciamelo installare!)

Come installare

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione come ad esempio Stylus per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

Dovrai installare un'estensione per la gestione degli stili utente per installare questo stile.

(Ho già un gestore di stile utente, lasciamelo installare!) 

/* ==UserStyle==
@name           Greasy Fork - Fix for problem with [datetime] and Waterfox Classic [Standalone] v.1
@namespace      https://userstyles.world/user/decembre
@author         decembre
@description    ▶ CSS Fix for problem with [datetime] / Waterfox Classic (only need for WATERFOX CLASSIC)
@version        1.01
@license        unlicense
==/UserStyle== */

@-moz-document domain("greasyfork.org") {

/* ==== Greasy Fork - Fix for problem with [datetime] / Waterfox Clasic [Standalone] v.1  (only need for WATERFOX CLASSIC) ==== */

/* (new223) [datetime] COMMENT - TEST - ONLY WATERFOX CLASSIC */
.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item {
    display: inline-block !important;
    width: 100% !important;
    min-width: 189px !important;
    max-width: 189px !important;
/* border: 1px solid red !important; */
}
/* #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:before , */
.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:before {
    content: attr(datetime) !important;
    clip-path: inset(0px 125px 0px 0px) !important;
/*     position: relative !important; */
    position: absolute !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    line-height: 20px !important;
    width: 201px !important;
    margin: 1px 0 0 2px !important;
    padding: 0 2px 0 0 !important;
    letter-spacing: 1.4px !important;
    font-size: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: left !important;
color: red !important;
background: #111 !important;
/* background: green !important; */
}
/* #comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:after , */
.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:after{
content: attr(datetime)!important;
clip-path: inset(0px 98px 0px 114px) !important;
    position: absolute !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    line-height: 20px !important;
    width: 250px !important;
    margin: 1px 10vw 0 0vw !important;
    left: 30px !important;
    letter-spacing: 1.4px !important;
    font-size: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center !important;
color: gold !important;
/* background: green !important; */
}

/* (new219) COMMENT - DATE RE EDIT */
.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item + .comment-meta-item{
    display: inline-block !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    line-height: 20px !important;
    width: 100% !important;
    min-width: 160px !important;
    max-width: 160px !important;
/* border: 1px solid pink !important; */
}

.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item + .comment-meta-item  {
/*      position: absolute !important; */
/* left: 24vw !important; */
/* border: 1px solid aqua !important; */
}
.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item + .comment-meta-item  > relative-time:after {
    content: attr(datetime) !important;
    clip-path: inset(0px 98px 0px 114px) !important;
position: absolute !important;
display: inline-block !important;
    height: 100% !important;
    min-height: 20px !important;
    max-height: 20px !important;
    line-height: 20px !important;
    width: 250px !important;
margin: 0px 0 0 -100px !important;
/* left: 20px !important; */
/* top: -5px !important; */
    letter-spacing: 1.4px !important;
    font-size: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: center !important;
color: pink !important;
}


/* (new220) [datetime]SCRIPT INFO (Created / Updtaed)  -  TEST - ONLY WATERFOX CLASSIC
need "Users Request Modification For this Domain" +  "WebCompotementBudle Enable in POLLY */

#script-meta dd.script-show-created-date {
border: 1px solid red !important;
}
#script-meta dd.script-show-updated-date > span relative-time:before  ,
#script-meta dd.script-show-created-date > span relative-time:before {
    content: attr(datetime) !important;
    clip-path: inset(0px 115px 0px 0px) !important;
/*     position: relative !important; */
    position: absolute !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 15px !important;
    max-height: 15px !important;
    line-height: 15px !important;
    width: 201px !important;
    margin: 1px 0 0 -10px !important;
    padding: 0 2px 0 0 !important;
    letter-spacing: 1.4px !important;
    font-size: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: left !important;
color: red !important;
background: #111 !important;
/* background: green !important; */
}


/* (new222) [datetime] FEEDBACK  -  TEST - ONLY WATERFOX CLASSIC
need "Users Request Modification For this Domain" +  "WebCompotementBudle Enable in POLLY */

/* FIRST POST */
.post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:first-of-type > relative-time {
/* border: 1px solid red !important; */
}
.post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:first-of-type > relative-time:before {
    content: attr(datetime) !important;
    clip-path: inset(0px 127px 0px 0px) !important;
/*     position: relative !important; */
    position: absolute !important;
    display: inline-block !important;
    height: 100% !important;
    min-height: 15px !important;
    max-height: 15px !important;
    line-height: 15px !important;
    width: 201px !important;
    margin: 1px 0 0 20px !important;
    padding: 0 2px 0 0 !important;
    letter-spacing: 1.4px !important;
    font-size: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: left !important;
color: gold !important;
background: #111 !important;
/* background: green !important; */
}

/* LAST REPLY */
.post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:last-of-type .discussion-meta-item > relative-time {
/* border: 1px solid aqua !important; */
}
.post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:last-of-type .discussion-meta-item> relative-time:before {
    content: attr(datetime) !important;
    clip-path: inset(0px 127px 0px 0px) !important;
position: relative !important;
/*     position: absolute !important; */
    display: inline-block !important;
    height: 100% !important;
    min-height: 15px !important;
    max-height: 15px !important;
    line-height: 15px !important;
    width: 201px !important;
    margin: 1px 0 0 10px !important;
    padding: 0 2px 0 0 !important;
    letter-spacing: 1.4px !important;
    font-size: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
    text-align: left !important;
color: red !important;
background: #111 !important;
/* background: green !important; */
}


/* START - (new222) [datetime] NOT QUANTUM */ 
@supports (contain:paint) {

.post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:first-of-type > relative-time:before ,
.post-discussion .script-discussion-list .discussion-list-container .discussion-meta > .discussion-meta-item:last-of-type .discussion-meta-item> relative-time:before ,

#script-meta dd.script-show-updated-date > span relative-time:before  ,
#script-meta dd.script-show-created-date > span relative-time:before ,

.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item + .comment-meta-item  > relative-time:before ,
.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item + .comment-meta-item  > relative-time:after ,
.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:before ,
#comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:before {
    display: none !important;
}
.comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:after ,
#comment-.comment .comment-meta .comment-meta-item.comment-meta-item-main + .comment-meta-item  + .comment-meta-item  > relative-time:after {
content: attr(datetime)!important;
clip-path: inset(0px 98px 0px 114px) !important;
    display: none !important;
}
/* END - (new222) [datetime] NOT QUANTUM /CHROME */ 
}


/* === END - DATETIME === */

}