Stylesheet to Add Absolute Time to the Posting Time Section for Misskey 2024.5.0

Misskey2024_5_0TimeToAbsolute.css

/**
Copyright (c) 2024 hidao80
Released under the MIT license
http://opensource.org/licenses/mit-license.php
*/

/* not post-column */
article {
    time::before {content: attr(title) " ("}
    time::after {content: ")"}
}

/* Misskey desktop version note details */
.mk-note-detail article .info {
    time::before {content: attr(title) " ("}
    time::after {content: ")"}    
}

/* Misskey mobile version notes in profile */
.mk-note-detail {
    .reply-to .info time::before {content: attr(title) " ("}
    article {
        .info time::after {content: ")"}
        /* Misskey mobile version note details */
        time::before {content: ""}
        time::after {content: ""}
    }
}

/* posted-column in Misskey */
.transition {
    time::before {content: attr(title) " ("}
    time::after {content: ")"}
    header.header {flex-wrap: wrap}
    header.header>.name {display: block}
    header.header>.username {display: block}
    .info {
        display: block;
        text-align: right;
        margin-left: auto;
        >a,  .info>span {display: inline-block}
    }
}

/* notification column for home layout in Misskey */
.mk-notifications>.notifications>div>.notification>.text>header[data-v-b78fea54] {flex-wrap: wrap}
.notification header time {
    display: block;
    text-align: right;
    margin-left: auto;
}

/* notification column for deck layout in Misskey */
.dsfykdcjpuwfvpefwufddclpjhzktmpw>.notification>div>header[data-v-bb2367fa] {flex-wrap: wrap}
.notification .header .info {
    display: block;
    text-align: right;
    margin-left: auto;
}

/* Common user ID shortening style within Misskey */
.transition header.header { flex-wrap: nowrap !important }
.transition header.header > .username, .transition header.header > .username > .mk-acct {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Misskey2024_5_0TimeToAbsolute.min.css

/**
Copyright (c) 2024 hidao80
Released under the MIT license
http://opensource.org/licenses/mit-license.php
*/
article{time::before{content:attr(title) " ("}time::after{content:")"}}.mk-note-detail article .info{time::before{content:attr(title) " ("}time::after{content:")"}}.mk-note-detail{.reply-to .info time::before{content:attr(title) " ("}article{.info time::after{content:")"}time::before{content:""}time::after{content:""}}}.transition{time::before{content:attr(title) " ("}time::after{content:")"}header.header{flex-wrap:wrap}header.header>.name{display:block}header.header>.username{display:block}.info{display:block;text-align:right;margin-left:auto;>a,.info>span{display:inline-block}}}.mk-notifications>.notifications>div>.notification>.text>header[data-v-b78fea54]{flex-wrap:wrap}.notification header time{display:block;text-align:right;margin-left:auto;}.dsfykdcjpuwfvpefwufddclpjhzktmpw>.notification>div>header[data-v-bb2367fa]{flex-wrap:wrap}.notification .header .info{display:block;text-align:right;margin-left:auto;}.transition header.header{flex-wrap:nowrap!important}.transition header.header>.username,.transition header.header>.username>.mk-acct{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}