style.css

/*

    patch css elements of daux.io blue theme
    version 2022-05-13

*/


/* ---------- vars ---------- */ 

:root{

    /* background colors */
    --bg:none;
    --bg-body: #fff;
    --bg-navlinkactive:#f4f4f4;
    --bg-navlinkactive: linear-gradient(-90deg,rgba(0,0,0,0), rgba(40,60,80,0.05) 30%);
    --bg-pre:#f8f8f8;
    --bg-toc: #fff;

    /* foreground colors */
    --color: #234;
    --navlinkactive:#f33;
    --title: #aaa;

    --link:#12a;
    --toclink:rgba(40,60,80,0.8);

    --h1: rgba(40,60,80,0.8);
    --h1-bottom: 1px solid rgba(40,60,80,0.1);
    --h2: #468;
    --h3: #579;

}

/* ---------- tags ---------- */

a.Brand::before {
	background: rgb(255,0,51);
	color: #fff;
    font-family: arial;
	font-weight: bold;
	padding: 0.5em 0.3em;
	content: 'IML';
    margin-right: 0.4em;
}

body, *{color: var(--color);}
body{background: var(--bg-body);}


a{color: var(--link);}
a:hover{opacity: 0.7;}

h1>a{ color:var(--title);}
_h1:nth-child(1){position: fixed; background: var(--bg); box-shadow: 0 0 1em #ccc; padding: 0 1em}
h1:nth-child(1)>a{ color:var(--navlinkactive); }

.s-content h1{color: var(--h1); font-size: 200%; font-weight:bold; margin-top: 2em; border-bottom: var(--h1-bottom);}
.s-content h2{color: var(--h2); font-size: 160%; }
.s-content h3{color: var(--h3); font-size: 140%; }
.s-content h4{margin: 0; font-size: 100%; text-align: center; background-color: rgba(0,0,0,0.05);padding: 0.3em;}

.s-content pre{
    background: var(--bg-pre);
}

/* ---------- classes ---------- */

.required{color:#a42;}