// Full WIDTH
/*full width*/
.ui.container:not(.fluid) {
width: 90% !important;
}
.full.height {
padding: 0;
margin: 0 0 -80px 0;
min-height: 100%;
}
.ui.container {
width: 1327px;
margin-left: auto !important;
margin-right: auto !important;
}
// Dark theme
:root {
--body-bg: white;
--body-color: black;
--anchor-color: red;
--letter-spacing: 0;
}
@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;
}
:root {
--body-bg: #403e3e;
--body-color: white;
--anchor-color: salmon;
--letter-spacing: 0;
}
}
body:not(.full-width) {
background-color: var(--body-bg);
letter-spacing: var(--letter-spacing);
}
.ui.menu .ui.dropdown .menu > .item:hover {
background: rgba(0,0,0,.05) !important;
/* color: rgba(85, 162, 200, .95) !important;*/
color: #1e70bf !important;
}
.following.bar .top.menu a.item:hover {
color: #bf611e !important;
}
.ui.secondary.pointing.menu .active.item:hover {
border-color: #1b1c1d;
color: #bf611e !important;
}
.ui.card > .extra a:not(.ui) , .ui.cards > .card > .extra a:not(.ui) {
color: #1e70bf;
}
.ui.card > .extra a:not(.ui):hover, .ui.cards > .card > .extra a:not(.ui):hover {
color: #989da2;
}
.markdown:not(code) pre {
word-wrap: normal;
background-color: #cbcbcb;
}
git CSS stylus
git.echosystem.fr
<iframe width="100%" height="1586" src="https://snippet.echosystem.fr?embed=5f0e078848690" type="text/html"></iframe>
Texte seul - Permalink - Snippet public posté le 14/07/2020