☰

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)

Nasıl kurarım

Bu betiği kurabilmeniz için Tampermonkey, Greasemonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

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

Bu betiği kurabilmeniz için Tampermonkey ya da Violentmonkey gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

Bu betiği kurabilmeniz için Tampermonkey ya da Userscripts gibi bir kullanıcı betiği eklentisini kurmanız gerekmektedir.

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

Bu komut dosyasını yüklemek için bir kullanıcı komut dosyası yöneticisi uzantısı yüklemeniz gerekecek.

(Zaten bir kullanıcı komut dosyası yöneticim var, kurmama izin verin!)

Nasıl kurarım

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(Zateb bir user-style yöneticim var, yükleyeyim!) 

/* ==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 === */

}