CSS

Stylus - git/gogs

@media (prefers-color-scheme: dark) {

    html {
        filter: invert(1) hue-rotate(.5turn);
    }

    img {
        filter: invert(1) hue-rotate(.5turn);
    }

    img:not(:hover) {
        opacity: .7;
        transition: opacity .25s ease-in-out;
    }
}



.repository {
    padding-top: 15px;
    padding-bottom: 80px;
}




body {
    background-color: var(--body-bg);
    color: var(--body-color);
    letter-spacing: var(--letter-spacing);
}
a {
    color: var(--anchor-color);
}



:root {
    --body-bg: white;
    --body-color: black;
    --anchor-color: red;
    --letter-spacing: 0;
}
@media (prefers-color-scheme: dark) {
    :root {
        --body-bg: black;
        --body-color: white;
        --anchor-color: salmon;
        --letter-spacing: 0.1;
    }
}



/* blank */
body:not(.full-width) {
    font-family: "PingFang SC", "Helvetica Neue", "Microsoft YaHei", Arial, Helvetica, sans-serif !important;
    background-color: var(--body-bg);
    color: var(--body-color);
    letter-spacing: var(--letter-spacing);
}

.ui.container:not(.fluid) {
    width: 1280px !important;
}

CSS

Texte seul - Permalink - Snippet public posté le 30/04/2020

Stylus - netatmo - css

filtre url https://my.netatmo.com/app/security

.h-fullh {
    height: 100%;
    background-color: #222;
    color: #e0e5e8;
}

body {
    color: #e0e5e8;
    background-color: #222;
    font-family: "Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    cursor: auto;
}

élément {
    color: #e0e5e8;
    background-color: #222;
}

#persons {
    width: 66.66666%;
    display: inline-block;
    vertical-align: middle;
    height: 33.2%;
    position: absolute;
    top: 66.8%;
    left: 0;
    padding-top: 20px;
    color: #e0e5e8;
    background-color: #222;
}


.camera-app #home-view .home-wrapper {
    font-size: 16px;
    position: relative;
    width: 100%;
    color: #e0e5e8;
    background-color: #222;
}

.home-selector {
    z-index: 10;
    height: 60px;
    box-shadow: 0 0 13px 3px rgba(0, 0, 0, 0.1);
    color: #e0e5e8;
    background-color: #222;
    
}
.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #e0e5e8;
        background-color: #222;
}

.camera-app #home-view .home-wrapper {
    font-size: 16px;
    position: relative;
    width: 100%;
    color: #e0e5e8;
    background-color: #222;
}

#timeline {
    height: 100%;
    position: relative;
    width: 50;
    padding-left: 15px;
    overflow: hidden;
        color: #e0e5e8;
    background-color: #222;
}
.page-container {
    margin-top: 60px;
    height: calc(100% - 60px);
    overflow: auto;
    position: relative;
            color: #e0e5e8;
    background-color: #222;
}

CSS

https://my.netatmo.com/app/security

Texte seul - Permalink - Snippet public posté le 30/04/2020

[CSS] Centrer image with text vertical

<div>
    <img src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.svg" style="vertical-align: middle;" width="100px"/>
    <span style="vertical-align: middle;">Here is some text.</span>
</div>

CSS html

Texte seul - Permalink - Snippet public posté le 22/10/2019

CSS text , not on hmtl page

##########################
Page HTML
##########################

<p class="impatients">
test css <br>
        there is an icon and some text here on the left (this text can not be selected nor be found in the HTML source code)
</p>

<link href="testcss.css" rel="stylesheet" media="all" type="text/css">






##########################
Page CSS
##########################

testcss.css
.impatients:before {
    content         : 'For the impatients :';
    color           : #dd0044;
    text-decoration : underline;
    margin-right    : 0.3em;
    text-shadow     : 0 0 0.1em #f08;
    }
.impatients:after {
    content : url('./favicon.png');
    float   : left;
    }

CSS

Texte seul - Permalink - Snippet public posté le 10/10/2014