manbytesgnu_site

Source files for manbytesgnu.org
git clone git://holbrook.no/manbytesgnu_site.git
Info | Log | Files | Refs

style.css (3488B)


      1 /* globals */
      2 a:hover {
      3 	text-decoration: underline;
      4 	filter: invert(.33);
      5 }
      6 
      7 hav#menu a,
      8 nav#menu a:visited {
      9 	color: #0000ff;
     10 }
     11 
     12 nav#pages {
     13 	padding-top:2em;
     14 }
     15 
     16 nav#pages ul li {
     17 	list-style-type: none;
     18 	display: inline;
     19 }
     20 
     21 section.body a:visited {
     22 	color: #30303f;
     23 }
     24 
     25 body {
     26 	background-image: url('../images/bg.png');
     27 	background-repeat: repeat;
     28 	font-family: sans-serif;
     29 	margin: 2.5em 4.0em 3.0em 4.0em;
     30 }
     31 
     32 section.body,
     33 header div {
     34 	padding-left: 2em;
     35 	padding-right: 2em;
     36 }
     37 
     38 
     39 #ol {
     40 #	list-style-type: none;
     41 #}
     42 
     43 h3 {
     44 	color: #840020;
     45 	font-size: 1.4em;
     46 }
     47 
     48 h3.legacy a {
     49 	color: #888888;
     50 }
     51 
     52 
     53 h2 {
     54 	color: #840020;
     55 	font-size: 1.7em;
     56 }
     57 
     58 h1 {
     59 	font-size: 2.2em;
     60 	text-transform: uppercase;
     61 }
     62 
     63 h1.top-body-title {
     64 	padding-top: 0.3em;
     65 	color: #840020;
     66 }
     67 
     68 
     69 header#banner a {
     70 	color: #000;
     71 	text-decoration: none;
     72 	font-weight: 900;
     73 }
     74 
     75 ul.entry-meta-parts li {
     76 	display: inline-block;
     77 }
     78 
     79 div.entry-meta {
     80 	font-weight: 900;
     81 }
     82 
     83 /* top menu */
     84 nav#menu {
     85 	text-transform: lowercase;
     86 	font-family: monospace;
     87 }
     88 
     89 nav#menu li {
     90 	display: inline-block;
     91 }
     92 
     93 nav#menu li.active a {
     94 	color: #f00;
     95 }
     96 
     97 nav#menu ul {
     98 	padding-inline-start: 0;
     99 	padding-left: 2em;
    100 	padding-bottom: 0.3em;
    101 	list-style-type: none;
    102 	padding-bottom: 0.7em;
    103 }
    104 
    105 header#banner h1,
    106 nav#menu li {
    107 	text-transform: lowercase;
    108 	font-family: monospace;
    109 	font-size: 1.5em;
    110 	padding-right: .7em;
    111 }
    112 
    113 nav#menu hr {
    114 	border: thin solid #000;
    115 }
    116 
    117 /* metadata */
    118 
    119 ol.entry-series-parts,
    120 ol#post-list {
    121 	list-style-type: none;
    122 }
    123 
    124 ol.entry-series-parts,
    125 ol.entry-series-parts li,
    126 div.neighbors ul, 
    127 div.neighbors ul li {
    128 	display: inline-block;
    129 	margin-block-start: 0;
    130 	margin-block-end: 0;
    131 	padding-inline-start: 0;
    132 }
    133 
    134 div.meta {
    135 	padding-bottom: 1em;
    136 }
    137 
    138 /* content */
    139 
    140 h1.entry-title a {
    141 	text-decoration: none;
    142 	color: #000;
    143 }
    144 
    145 a.category {
    146 	font-weight: 600;
    147 }
    148 
    149 /* foot */
    150 
    151 footer.body {
    152 	padding-top: 2em;
    153 	font-size: 0.8em;
    154 	padding-bottom: 3em;
    155 }
    156 
    157 footer address#about {
    158 	font-style: normal;
    159 }
    160 
    161 /* code */
    162 
    163 pre {
    164 	white-space: break-spaces;
    165 }
    166 div.highlight,
    167 div.highlight pre,
    168 pre.code {
    169 	background-color: #e5e0e0;
    170 	padding: 0.8em;
    171 	padding-bottom: 1.0em;
    172 	margin-bottom: 0.3em;
    173 	word-wrap: break-word;
    174 	overflow: hidden;
    175 	font-size: 1.1em;
    176 }
    177 
    178 
    179 /* notice boxes */
    180 
    181 div.warning {
    182 	background-color: #faa;
    183 	border: 3px solid #f00;
    184 	padding: 0.3em 0.3em 0.4em 1.5em;
    185 }
    186 
    187 div.admonition p.admonition-title {
    188 	color: #fff;
    189 	font-weight: 900;
    190 	text-transform: uppercase;
    191 }
    192 
    193 
    194 div.warning p.admonition-title {
    195 	text-shadow: 	-1px 1px 0 #f66,
    196 			2px 2px 0 #f66,
    197 			1px -1px 0 #f66;
    198 			-1px -1px 0 #f66;
    199 }
    200 
    201 
    202 div.caution {
    203 	background-color: #fa0;
    204 	border: 3px solid #d80;
    205 	padding: 0.3em 0.3em 0.4em 1.5em;
    206 }
    207 
    208 div.caution p.admonition-title {
    209 	text-shadow: 	-1px 1px 0 #fa6,
    210 			2px 2px 0 #fa6,
    211 			1px -1px 0 #fa6;
    212 			-1px -1px 0 #fa6;
    213 }
    214 
    215 /* footnotes */
    216 
    217 table.footnote,
    218 table.citation {
    219 	border-left: 3px solid #ccc;
    220 	margin-top: 2.0em;
    221 	font-size: 0.9em;
    222 }
    223 
    224 table.footnote td.label,
    225 table.citation td.label {
    226 	padding-left: 1.2em;
    227 	padding-right: 0.5em;
    228 }
    229 
    230 /* custom: identities */
    231 div#keys {
    232 	font-size: 1.2em;
    233 }
    234 
    235 ul li {
    236 	font-size: 1.2em;
    237 }
    238 
    239 div#keys dt {
    240 	margin-bottom: 0.3em;
    241 }
    242 
    243 div#keys dd {
    244 	margin-bottom: 0.6em;
    245 }
    246 
    247 div#keys dd a,
    248 div#keys dd tt {
    249 	font-size: 1.2em;
    250 	font-family: monospace;
    251 }
    252 
    253 
    254 
    255 /* custom: pages */
    256 
    257 #at-the-mercy-of-others dt {
    258 	text-transform: uppercase;
    259 }
    260 
    261 
    262 div.entry-content > p:first-of-type::first-letter {
    263 	font-size: 2.8em;
    264 	font-weight: 900;
    265 	color: #840020;
    266 }
    267 
    268 article.legacy li p {
    269 	color: #888888;
    270 }