Custom CSS for a Confluence wiki to be used with the Stylus browser extension

confluence-wiki.css

html {
    font-size: 1em !important;
    line-height: 1.5em !important;
}

h1 {
    padding: 0.4em;
    border-bottom: 3px solid #0385e4 !important;
    color: #0385e4 !important;
    background-color: #f1f1f1;
    border-top-left-radius: 0.4em;
    border-top-right-radius: 0.4em;
}

h1#title-text {
    border-bottom: 5px solid #f00 !important;
}


h2 {
    padding: 0.2em;
    border-bottom: 2px solid #7c46cc !important;
    color: #7c46cc !important;
    background-color: #f1f1f1;
    border-top-left-radius: 0.3em;
    border-top-right-radius: 0.3em;
}

h3 {
    padding: 0.2em;
    border-bottom: 2px solid #ad2c68 !important;
    color: #ad2c68 !important;
}

h4 {
    padding: 0.2em;
    border-bottom: 2px solid #ad612c !important;
    color: #ad612c !important;
}


h1::before {
    content: "📝";
    margin-right: 0.3em;
}

h1#title-text::before {
    content: "📜";
    margin-right: 0.3em;
}

h2::before {
    content: "✒️";
    margin-right: 0.3em;
}


pre {
    margin: 1em 0;
    background: #ece4b152 !important;
    padding: 0.75em;
    border-radius: 0.5em;
}

th {
    background: #eeebe2 !important;
}

th,
td {
    border-top: 2px solid #000 !important;
    border-bottom: 2px solid #000 !important;
    border-left: 1px dashed #888 !important;
    border-right: 1px dashed #888 !important;
}

.confluence-information-macro {
    background: #fdef7d;
    border-color: #f1d915
}

time {
    background: none !important;
}

time:before {
    filter: brightness(0.5) sepia(1) hue-rotate(-200deg) saturate(7);
}