werc-1.5.0-tweaks

Tweaks for the werc website builder created by the mad architect Uriel
Log | Files | Refs | README

style.suckless.org.css (1902B)

      1 html {
      2 	overflow-y: scroll;
      3 }
      4 
      5 body {
      6 	background-color: #fff;
      7 	color: #000;
      8 	font-family: sans-serif;
      9 	padding: 0;
     10 	margin: 0;
     11 }
     12 
     13 pre, code {
     14 	margin: 0;
     15 }
     16 
     17 a {
     18 	color: #005386;
     19 }
     20 
     21 #header a, #nav a, #menu a {
     22 	text-decoration: none;
     23 }
     24 
     25 #nav a:hover {
     26 	background-color: #ddd;
     27 }
     28 
     29 #menu {
     30 	clear: both;
     31 	color: #069;
     32 	overflow: hidden;
     33 	background-color: #17a;
     34 	padding: 0.7ex;
     35 	border-top: 1px solid #ccc;
     36 	border-bottom: 1px solid #069;
     37 }
     38 
     39 #menu a {
     40 	padding: 0.5ex 1ex;
     41 	color: #fff;
     42 }
     43 
     44 #menu a:hover {
     45 	background-color: #069;
     46 }
     47 
     48 #header {
     49 	background-color: #eee;
     50 	clear: both;
     51 	color: #555;
     52 	font-size: 1.78em;
     53 	padding: 0.7ex 0.7ex 0.7ex 0.7em;
     54 }
     55 
     56 #headerLink {
     57 	color: #17a;
     58 	margin-left: 5px;
     59 }
     60 
     61 h1 {
     62 	margin: 1em 1ex 0.5ex 0;
     63 	font-size: 1.4em;
     64 }
     65 
     66 h2 {
     67 	margin: 1em 1ex 0.5ex 0;
     68 	font-size: 1.3em;
     69 }
     70 
     71 h3 {
     72 	margin: 1em 1ex 0.5ex 0;
     73 	font-size: 1.0em;
     74 }
     75 
     76 h4 {
     77 	margin: 1em 1ex 0.5ex 0;
     78 	font-size: 0.9em;
     79 }
     80 
     81 #headerSubtitle {
     82 	font-size: 0.75em;
     83 	font-style: italic;
     84 	margin-left: 1em;
     85 }
     86 
     87 #content {
     88 	clear: both;
     89 	margin: 0;
     90 	padding: 0;
     91 }
     92 
     93 #nav {
     94 	float: left;
     95 	margin: 0 1px 0 0;
     96 	padding: 1em 0;
     97 	border-right: 1px dotted #ccc;
     98 	width: 200px;
     99 }
    100 
    101 #nav ul {
    102 	margin: 0;
    103 	padding: 0;
    104 }
    105 
    106 #nav li {
    107 	list-style: none;
    108 	padding: 0;
    109 	margin: 0;
    110 }
    111 
    112 #nav li ul {
    113 	padding-left: 0.6em !important;
    114 }
    115 
    116 #nav li a {
    117 	display: block;
    118 	margin: 0;
    119 	padding: 0.8ex 2em 0.8ex 1em;
    120 }
    121 
    122 #main {
    123 	margin: 0 0 0 200px;
    124 	max-width: 50em;
    125 	padding: 1.5em;
    126 }
    127 
    128 .left {
    129 	float: left;
    130 	margin: 0;
    131 	padding: 0;
    132 }
    133 
    134 .right {
    135 	float: right;
    136 	margin: 0;
    137 	padding: 0;
    138 }
    139 
    140 .hidden {
    141 	display: none;
    142 }
    143 
    144 @media (prefers-color-scheme: dark) {
    145 	body {
    146 		background-color: #000;
    147 		color: #bdbdbd;
    148 	}
    149 	#menu {
    150 		border-top: 1px solid #222;
    151 	}
    152 	#header {
    153 		background-color: #111;
    154 	}
    155 	#nav a:hover {
    156 		background-color: #222;
    157 	}
    158 	blockquote, pre, code {
    159 		background-color: #111;
    160 		border-color: #222;
    161 	}
    162 	a {
    163 		color: #56c8ff;
    164 	}
    165 }
    166