changelog shortlog graph tags branches changeset files revisions annotate raw help

Mercurial > org / clean.theme

changeset 31: 3e9582fc5d82
child: a76ad7f46abf
author: Richard Westhaver <ellis@rwest.io>
date: Thu, 06 Jun 2024 23:17:45 -0400
permissions: -rw-r--r--
description: add back clean.theme for now 
     1 ; -*- mode: org -*-
     2 #+STARTUP: entitiespretty
     3 #+DATE: {{{modification-time("%F %r", t)}}}
     4 #+OPTIONS: org-html-head-include-default-style:t ^:nil _:nil email:t \n:nil Tex:t LaTeX:t broken-links:mark
     5 #+BIND: org-html-self-link-headlines t
     6 #+HTML_DOCTYPE: html5
     7 # #+HTML_LINK_HOME: rwest.io
     8 #+LATEX_HEADER: \usepackage{placeins}
     9 #+LATEX_HEADER: \usepackage{parskip}
    10 #+LATEX_HEADER: \usepackage{xcolor}
    11 #+LATEX_HEADER: \PassOptionsToPackage{hyperref,x11names}{xcolor}
    12 #+LATEX_HEADER: \usepackage{tocloft}
    13 #+LATEX_HEADER: \usepackage[margin=2cm]{geometry}
    14 #+COMMENT: #+ODT_STYLES_FILE: ~/org/ox/odt-theme.xml
    15 #+LATEX_HEADER: \renewcommand{\cftsecleader}{\cftdotfill{\cftdotsep}}
    16 #+LATEX_HEADER: \hypersetup{colorlinks, citecolor=red,filecolor=magenta,linkcolor=magenta,urlcolor=magenta}
    17 
    18 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/font/commit-mono.css" />
    19 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/font/3270.css" />
    20 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/font/pragmata-pro.css" />
    21 
    22 #+HTML_HEAD:  <style type="text/css">
    23 #+HTML_HEAD: 
    24 #+HTML_HEAD: *,
    25 #+HTML_HEAD: *::before,
    26 #+HTML_HEAD: *::after {
    27 #+HTML_HEAD:     box-sizing: border-box;
    28 #+HTML_HEAD:     margin: 0;
    29 #+HTML_HEAD:     padding: 0;
    30 #+HTML_HEAD: }
    31 #+HTML_HEAD: :root {
    32 #+HTML_HEAD:     --text: #111;
    33 #+HTML_HEAD:     --middle: #555;
    34 #+HTML_HEAD:     --bg: #aaa;
    35 #+HTML_HEAD:     --max-width: 54ch;
    36 #+HTML_HEAD:     font-size: 16px;
    37 #+HTML_HEAD: }
    38 #+HTML_HEAD: /* @media (prefers-color-scheme: dark) {
    39 #+HTML_HEAD:     :root {
    40 #+HTML_HEAD:         --text: #aaa;
    41 #+HTML_HEAD:         --middle: #555;
    42 #+HTML_HEAD:         --bg: #111;
    43 #+HTML_HEAD:     }
    44 #+HTML_HEAD: } */
    45 #+HTML_HEAD: * {
    46 #+HTML_HEAD:     -webkit-box-sizing:  border-box;
    47 #+HTML_HEAD:        -moz-box-sizing:  border-box;
    48 #+HTML_HEAD:             box-sizing:  border-box;
    49 #+HTML_HEAD: }
    50 #+HTML_HEAD: body {
    51 #+HTML_HEAD:     font-family:  "CommitMono", monospace;
    52 # #+HTML_HEAD:     font-size:  14px;
    53 #+HTML_HEAD:     -webkit-font-smoothing: antialiased;
    54 #+HTML_HEAD:     -moz-osx-font-smoothing: grayscale;
    55 #+HTML_HEAD:     font-feature-settings: "ss01", "ss03", "ss04", "ss05";
    56 #+HTML_HEAD:     color:  #EFFAF9;
    57 #+HTML_HEAD:     background-color: #3F3F37;
    58 #+HTML_HEAD: }
    59 #+HTML_HEAD: div.status {
    60 #+HTML_HEAD:     position: sticky;
    61 #+HTML_HEAD:     left: 0em;
    62 #+HTML_HEAD:     text-align: center;
    63 #+HTML_HEAD: }
    64 #+HTML_HEAD: h1, h2, h3, h4, h5, h6 {
    65 #+HTML_HEAD:     position:  relative;
    66 #+HTML_HEAD:     margin:  30px 0 20px;
    67 #+HTML_HEAD:     font-size:  18px;
    68 #+HTML_HEAD:     font-weight:  bold;
    69 #+HTML_HEAD:     line-height:  1.1;
    70 #+HTML_HEAD:     color:  #DDCAD9;
    71 #+HTML_HEAD:     text-rendering:  optimizeLegibility;
    72 #+HTML_HEAD: }
    73 #+HTML_HEAD: h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
    74 #+HTML_HEAD:     position:  absolute;
    75 #+HTML_HEAD:     top:  auto;
    76 #+HTML_HEAD:     color:  #DDCAD9;
    77 #+HTML_HEAD:     display:  none;
    78 #+HTML_HEAD: }
    79 #+HTML_HEAD: h1:before {
    80 #+HTML_HEAD:     content:  "";
    81 #+HTML_HEAD:     left:  -1.25em;
    82 #+HTML_HEAD: }
    83 #+HTML_HEAD: h2:before {
    84 #+HTML_HEAD:     content:  "*";
    85 #+HTML_HEAD:     left:  -2em;
    86 #+HTML_HEAD:     color: #DDCAD9;
    87 #+HTML_HEAD: }
    88 #+HTML_HEAD: h3:before {
    89 #+HTML_HEAD:     content:  "**";
    90 #+HTML_HEAD:     left:  -2em;
    91 #+HTML_HEAD:     color: #DDCAD9;
    92 #+HTML_HEAD: }
    93 #+HTML_HEAD: h4:before {
    94 #+HTML_HEAD:     content:  "***";
    95 #+HTML_HEAD:     left:  -3em;
    96 #+HTML_HEAD:     color: #DDCAD9;
    97 #+HTML_HEAD: }
    98 #+HTML_HEAD: h5:before {
    99 #+HTML_HEAD:     content:  "****";
   100 #+HTML_HEAD:     left:  -3em;
   101 #+HTML_HEAD: }
   102 #+HTML_HEAD: h6:before {
   103 #+HTML_HEAD:     content:  "*****";
   104 #+HTML_HEAD:     left:  -4em;
   105 #+HTML_HEAD: }
   106 #+HTML_HEAD: i, em, b, strong {
   107 #+HTML_HEAD:     padding-left:  .1em;
   108 #+HTML_HEAD:     padding-right:  .1em;
   109 #+HTML_HEAD: }
   110 #+HTML_HEAD: b, strong {
   111 #+HTML_HEAD:     font-weight:  bold;
   112 #+HTML_HEAD:     color:  #EDF060;
   113 #+HTML_HEAD: }
   114 #+HTML_HEAD: b:before, b: after, strong:before, strong: after {
   115 #+HTML_HEAD:     content:  "*";
   116 #+HTML_HEAD: }
   117 #+HTML_HEAD: i:before, i: after, em:before, em: after {
   118 #+HTML_HEAD:     content:  "/";
   119 #+HTML_HEAD: }
   120 #+HTML_HEAD: hr {
   121 #+HTML_HEAD:     margin:  0;
   122 #+HTML_HEAD:     border:  0;
   123 #+HTML_HEAD: }
   124 #+HTML_HEAD: hr: after {
   125 #+HTML_HEAD:     display:  block;
   126 #+HTML_HEAD:     margin:  20px 0;
   127 #+HTML_HEAD:     content:  "----------------------------------------------------------------";
   128 #+HTML_HEAD:     color:  #EDF060;
   129 #+HTML_HEAD: }
   130 #+HTML_HEAD: ul, ol {
   131 #+HTML_HEAD:     padding:  0;
   132 #+HTML_HEAD:     margin:  0 0 20px 20px;
   133 #+HTML_HEAD: }
   134 #+HTML_HEAD: code, pre {
   135 #+HTML_HEAD:     font-family:  "3270", monospace;
   136 #+HTML_HEAD:     overflow: overlay;
   137 #+HTML_HEAD: }
   138 #+HTML_HEAD: code {
   139 #+HTML_HEAD:   font-family:  monospace;
   140 #+HTML_HEAD:   color:  #EDF060;
   141 #+HTML_HEAD:   background-color:  #3F3F37;
   142 #+HTML_HEAD: }
   143 #+HTML_HEAD: code:before, code:after {
   144 #+HTML_HEAD:     content:  "=";
   145 #+HTML_HEAD:     color:  #DDCAD9;
   146 #+HTML_HEAD: }
   147 #+HTML_HEAD: .src {
   148 #+HTML_HEAD:   font-family: monospace;
   149 #+HTML_HEAD: }
   150 #+HTML_HEAD: p::after{
   151 #+HTML_HEAD:     content: "\a\a";
   152 #+HTML_HEAD:     white-space: pre;
   153 #+HTML_HEAD: }
   154 #+HTML_HEAD: pre {
   155 #+HTML_HEAD:     font-family:  monospace;
   156 #+HTML_HEAD:     display:  block;
   157 #+HTML_HEAD:     margin:  0 0 14px;
   158 #+HTML_HEAD:     padding:  15px;
   159 #+HTML_HEAD:     border-radius:  3px 3px 3px 3px;
   160 #+HTML_HEAD:     background-color:  #3F3F37;
   161 # #+HTML_HEAD:     word-break:  break-all;
   162 # #+HTML_HEAD:     word-wrap:  break-word;
   163 #+HTML_HEAD: }
   164 #+HTML_HEAD: blockquote {
   165 #+HTML_HEAD:     padding:  0 0 0 20px;
   166 #+HTML_HEAD:     margin:  0 30px 20px -22.5px;
   167 #+HTML_HEAD:     color:  #EDF060;
   168 #+HTML_HEAD:     border-left:  8px solid #e5e5e5;
   169 #+HTML_HEAD: }
   170 #+HTML_HEAD: blockquote p: last-child {
   171 #+HTML_HEAD:     margin-bottom:  0;
   172 #+HTML_HEAD: }
   173 #+HTML_HEAD: img {
   174 #+COMMENT: #+HTML_HEAD:     display:  block;
   175 #+HTML_HEAD:     max-width: 100%;
   176 #+HTML_HEAD:     height: auto;
   177 #+HTML_HEAD:     margin:  auto;
   178 #+HTML_HEAD:     border-radius:  5px;
   179 #+HTML_HEAD: }
   180 #+HTML_HEAD: figure > object {
   181 #+HTML_HEAD:   height: auto;
   182 #+HTML_HEAD:   margin: auto;
   183 #+HTML_HEAD: }
   184 #+HTML_HEAD: a {
   185 #+HTML_HEAD:     font-weight:  inherit;
   186 #+HTML_HEAD:     line-height:  inherit;
   187 #+HTML_HEAD:     color:  #84DCC6;
   188 #+HTML_HEAD: }
   189 #+HTML_HEAD: sup a:before {
   190 #+HTML_HEAD:     content:  "[";
   191 #+HTML_HEAD: }
   192 #+HTML_HEAD: sup a:after {
   193 #+HTML_HEAD:     content:  "]";
   194 #+HTML_HEAD: }
   195 #+HTML_HEAD: a:hover {
   196 #+HTML_HEAD:     text-decorac: blink;
   197 #+HTML_HEAD:     color: #C43952;
   198 #+HTML_HEAD:     background-color: #222222;
   199 #+HTML_HEAD: }
   200 #+HTML_HEAD: table {
   201 #+HTML_HEAD:     line-height:  1.8;
   202 #+HTML_HEAD:     margin-bottom:  15px;
   203 #+HTML_HEAD:     max-width:  100%;
   204 #+HTML_HEAD:     width:  100%;
   205 #+HTML_HEAD:     border: 1px solid lightsteelblue;
   206 #+HTML_HEAD:     border-style: inset;
   207 #+HTML_HEAD: }
   208 #+HTML_HEAD: table td, table th {
   209 #+HTML_HEAD:     padding:  0 15px;
   210 #+HTML_HEAD: }
   211 #+HTML_HEAD: table th.left, table td.left {
   212 #+HTML_HEAD:     text-align:  left;
   213 #+HTML_HEAD: }
   214 #+HTML_HEAD: table th.right, table td.right {
   215 #+HTML_HEAD:     text-align:  right;
   216 #+HTML_HEAD: }
   217 #+HTML_HEAD: td, th {
   218 #+HTML_HEAD:   border: 1px solid lightsteelblue;
   219 #+HTML_HEAD:   border-style: outset;
   220 #+COMMENT: #+HTML_HEAD:   display: inline-flex;
   221 #+HTML_HEAD: }
   222 #+HTML_HEAD: /******************************************************/
   223 #+HTML_HEAD: /* body */
   224 #+HTML_HEAD: body {
   225 #+HTML_HEAD:     margin:  auto auto;
   226 #+HTML_HEAD:     max-width:  90%;
   227 #+HTML_HEAD: }
   228 #+HTML_HEAD: /* head */
   229 #+HTML_HEAD: .masthead {
   230 #+HTML_HEAD:     color:  #EDF060;
   231 #+HTML_HEAD: }
   232 #+HTML_HEAD: .masthead: after {
   233 #+HTML_HEAD:     display:  block;
   234 #+HTML_HEAD:     content:  '----------------------------------------------------------------';
   235 #+HTML_HEAD:     margin:  10px 0;
   236 #+HTML_HEAD:     color:  #EDF060;
   237 #+HTML_HEAD: }
   238 #+HTML_HEAD: .masthead a {
   239 #+HTML_HEAD:     color:  #EDF060;
   240 #+HTML_HEAD: }
   241 #+HTML_HEAD: .masthead ul {
   242 #+HTML_HEAD:     list-style:  none;
   243 #+HTML_HEAD: }
   244 #+HTML_HEAD: .masthead li {
   245 #+HTML_HEAD:     display:  inline-block;
   246 #+HTML_HEAD: }
   247 #+HTML_HEAD: .masthead li + li:before {
   248 #+HTML_HEAD:     display:  inline-block;
   249 #+HTML_HEAD:     content:  "\00B7 \00a0";
   250 #+HTML_HEAD:     color:  #EDF060;
   251 #+HTML_HEAD: }
   252 #+HTML_HEAD: /* searchform*/
   253 #+HTML_HEAD: #searchform {
   254 #+HTML_HEAD:     position:  absolute;
   255 #+HTML_HEAD:     top:  54px;
   256 #+HTML_HEAD:     right:  30.4%;
   257 #+HTML_HEAD: }
   258 #+HTML_HEAD: #searchform #s {
   259 #+HTML_HEAD:     background:  url("/media/img/search.png") no-repeat 5px 6px;
   260 #+HTML_HEAD:     box-shadow:  inset 0 1px 1px rgba(0,0,0,0.1);
   261 #+HTML_HEAD:     border:  1px solid #ddd;
   262 #+HTML_HEAD:     border-radius:  2px;
   263 #+HTML_HEAD:     -moz-border-radius:  2px;
   264 #+HTML_HEAD:     width:  90px;
   265 #+HTML_HEAD:     height:  30px;
   266 #+HTML_HEAD:     line-height:  12px;
   267 #+HTML_HEAD:     padding:  4px 10px 4px 28px;
   268 #+HTML_HEAD: 
   269 #+HTML_HEAD:     -webkit-transition-duration:  400ms;
   270 #+HTML_HEAD:     -webkit-transition-property:  width, background;
   271 #+HTML_HEAD:     -webkit-transition-timing-function:  ease;
   272 #+HTML_HEAD:     -moz-transition-duration:  400ms;
   273 #+HTML_HEAD:     -moz-transition-property:  width, background;
   274 #+HTML_HEAD:     -moz-transition-timing-function:  ease;
   275 #+HTML_HEAD:     -o-transition-duration:  400ms;
   276 #+HTML_HEAD:     -o-transition-property:  width, background;
   277 #+HTML_HEAD:     -o-transition-timing-function:  ease;
   278 #+HTML_HEAD: }
   279 #+HTML_HEAD: #searchform #s: focus {
   280 #+HTML_HEAD:     background-color:  #3F3F37;
   281 #+HTML_HEAD:     width:  160px;
   282 #+HTML_HEAD: }
   283 #+HTML_HEAD: .masthead img.avatar {
   284 #+HTML_HEAD:     position:  relative;
   285 #+HTML_HEAD:     float:  right;
   286 #+HTML_HEAD:     margin-top:  -100px;
   287 #+HTML_HEAD:     margin-bottom:  -100%;
   288 #+HTML_HEAD:     margin-right:  10%;
   289 #+HTML_HEAD:     width:  200px;
   290 #+HTML_HEAD:     background-color:  #3F3F37;
   291 #+HTML_HEAD: }
   292 #+HTML_HEAD: /* post */
   293 #+HTML_HEAD: .post {
   294 #+HTML_HEAD:     position:  relative;
   295 #+HTML_HEAD: }
   296 #+HTML_HEAD: .post: after {
   297 #+HTML_HEAD:     display:  block;
   298 #+HTML_HEAD:     content:  "----------------------------------------------------------------";
   299 #+HTML_HEAD:     color:  #EDF060;
   300 #+HTML_HEAD: }
   301 #+HTML_HEAD: .post img {
   302 #+HTML_HEAD:     max-width:  100%;
   303 #+HTML_HEAD: }
   304 #+HTML_HEAD: .post li {
   305 #+HTML_HEAD:     list-style:  none outside none;
   306 #+HTML_HEAD: }
   307 #+HTML_HEAD: .post ul > li:before {
   308 #+HTML_HEAD:     content:  "- ";
   309 #+HTML_HEAD:     margin-left:  -1.25em;
   310 #+HTML_HEAD:     color:  #EDF060;
   311 #+HTML_HEAD: }
   312 #+HTML_HEAD: .post ol {
   313 #+HTML_HEAD:     counter-reset:  o-list;
   314 #+HTML_HEAD: }
   315 #+HTML_HEAD: .post ol > li:before {
   316 #+HTML_HEAD:     content:  counter(o-list) ") ";
   317 #+HTML_HEAD:     counter-increment:  o-list;
   318 #+HTML_HEAD:     margin-left:  -1.85em;
   319 #+HTML_HEAD:     color:  #EDF060;
   320 #+HTML_HEAD: }
   321 #+HTML_HEAD: 
   322 #+HTML_HEAD: /* special for li in pre */
   323 #+HTML_HEAD: .post pre li {
   324 #+HTML_HEAD:     font-family:  monospace;
   325 #+HTML_HEAD:     list-style-type:  decimal;
   326 #+HTML_HEAD: }
   327 #+HTML_HEAD: 
   328 #+HTML_HEAD: .post pre li:before {
   329 #+HTML_HEAD:     display:  none;
   330 #+HTML_HEAD: }
   331 #+HTML_HEAD: 
   332 #+HTML_HEAD: /* meta info */
   333 #+HTML_HEAD: .post-info {
   334 #+HTML_HEAD:     display:  inline-block;
   335 #+HTML_HEAD:     margin:  -10px 0 -10px;
   336 #+HTML_HEAD:     color:  #EDF060;
   337 #+HTML_HEAD: }
   338 #+HTML_HEAD: .post-info + .post-info:before {
   339 #+HTML_HEAD:     content:  "\2223 \00a0";
   340 #+HTML_HEAD: }
   341 #+HTML_HEAD: .post-meta: after {
   342 #+HTML_HEAD:     content:  "----------------------------------------------------------------";
   343 #+HTML_HEAD:     display:  block;
   344 #+HTML_HEAD:     margin-top:  -1px;
   345 #+HTML_HEAD:     color:  #EDF060;
   346 #+HTML_HEAD: }
   347 #+HTML_HEAD: 
   348 #+HTML_HEAD: /* table of content */
   349 #+HTML_HEAD: #table-of-contents {
   350 #+HTML_HEAD:     backdrop-filter: blur(6px);
   351 #+HTML_HEAD:     position:  fixed;
   352 #+HTML_HEAD:     right:  0em;
   353 #+HTML_HEAD:     top:  0em;
   354 #+HTML_HEAD:     border: 1px solid #e1e1e8;
   355 #+HTML_HEAD:     -webkit-box-shadow:  0 0 1em #777777;
   356 #+HTML_HEAD:     -moz-box-shadow:  0 0 1em #777777;
   357 #+HTML_HEAD:     -webkit-border-bottom-left-radius:  5px;
   358 #+HTML_HEAD:     -moz-border-radius-bottomleft:  5px;
   359 #+HTML_HEAD:     text-align:  center;
   360 #+HTML_HEAD:     /* ensure doesn't flow off the screen when expanded */
   361 #+HTML_HEAD:     max-height:  80%;
   362 #+HTML_HEAD:     overflow:  auto;
   363 #+HTML_HEAD:     z-index:  200;
   364 #+HTML_HEAD: }
   365 #+HTML_HEAD: 
   366 #+HTML_HEAD: #table-of-contents h2 {
   367 #+HTML_HEAD:   cursor: pointer;
   368 #+HTML_HEAD: }
   369 #+HTML_HEAD: 
   370 #+HTML_HEAD: #table-of-contents ul {
   371 #+HTML_HEAD:     margin-left:  14pt;
   372 #+HTML_HEAD:     margin-bottom:  10pt;
   373 #+HTML_HEAD:     padding:  0
   374 #+HTML_HEAD: }
   375 #+HTML_HEAD: 
   376 #+HTML_HEAD: #table-of-contents li {
   377 #+HTML_HEAD:     padding:  0;
   378 #+HTML_HEAD:     margin:  1px;
   379 #+HTML_HEAD:     list-style:  none;
   380 #+HTML_HEAD: }
   381 #+HTML_HEAD: 
   382 #+HTML_HEAD: #table-of-contents ul>: first-child {
   383 #+HTML_HEAD:     color:  #EDF060;
   384 #+HTML_HEAD: }
   385 #+HTML_HEAD: 
   386 #+HTML_HEAD: #table-of-contents #text-table-of-contents {
   387 #+HTML_HEAD:     display:  none;
   388 #+HTML_HEAD:     text-align:  left;
   389 #+HTML_HEAD: }
   390 #+HTML_HEAD: 
   391 #+HTML_HEAD: #table-of-contents: hover #text-table-of-contents {
   392 #+HTML_HEAD:     display:  block;
   393 #+HTML_HEAD:     padding:  0.5em;
   394 #+HTML_HEAD:     margin-top:  -1.5em;
   395 #+HTML_HEAD: }
   396 #+HTML_HEAD: 
   397 #+HTML_HEAD: /* footer */
   398 #+HTML_HEAD: .footer {
   399 #+HTML_HEAD:     margin:  80px 0 0;
   400 #+HTML_HEAD:     text-align:  center;
   401 #+HTML_HEAD:     font-size:  13px;
   402 #+HTML_HEAD:     color:  #DDCAD9;
   403 #+HTML_HEAD:     left:  0em;
   404 #+HTML_HEAD:     bottom:  0em;
   405 #+HTML_HEAD: }
   406 #+HTML_HEAD: .footer > p {
   407 #+HTML_HEAD:     margin:  0;
   408 #+HTML_HEAD:     line-height:  1.5;
   409 #+HTML_HEAD: }
   410 #+HTML_HEAD: .footpara {
   411 #+HTML_HEAD:     display:  inline;
   412 #+HTML_HEAD: }
   413 #+HTML_HEAD: 
   414 #+HTML_HEAD: /* Responsive
   415 #+HTML_HEAD:    -------------------------------------------------- */
   416 #+HTML_HEAD: 
   417 #+HTML_HEAD: @media (min-width:  768px) {
   418 #+HTML_HEAD:     /* Increase body padding and font-sizes */
   419 #+HTML_HEAD:     body {
   420 #+HTML_HEAD:         padding: 2em;
   421 #+HTML_HEAD:         max-width: 70%;
   422 #+HTML_HEAD:     }
   423 #+HTML_HEAD:     h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
   424 #+HTML_HEAD:         display:  inline;
   425 #+HTML_HEAD:     }
   426 #+HTML_HEAD: }
   427 #+HTML_HEAD: 
   428 
   429 # custom
   430 #+HTML_HEAD: .subtitle {
   431 #+HTML_HEAD:   text-align: center;
   432 #+HTML_HEAD:   color: red;
   433 #+HTML_HEAD:   font-weight: bold;
   434 #+HTML_HEAD:   font-size: 1.1em;
   435 #+HTML_HEAD: }
   436 #+HTML_HEAD: .tag::before {
   437 #+HTML_HEAD:   content: ":";
   438 #+HTML_HEAD: }
   439 #+HTML_HEAD: .tag::after {
   440 #+HTML_HEAD:   content: ":";
   441 #+HTML_HEAD: }
   442 #+HTML_HEAD: .tag {
   443 #+HTML_HEAD:   float: right;
   444 #+HTML_HEAD:   color: #8A7090;
   445 #+HTML_HEAD: }
   446 #+HTML_HEAD: h3 .tag {
   447 #+HTML_HEAD:   right: 0px;
   448 #+HTML_HEAD:   position: absolute;
   449 #+HTML_HEAD:   color: lightpink;
   450 #+HTML_HEAD: }
   451 #+HTML_HEAD: .org-center {
   452 #+HTML_HEAD:   text-align: center;
   453 #+HTML_HEAD: }
   454 #+HTML_HEAD:
   455 #+HTML_HEAD: .outline-2, .outline-3, .outline-4, .outline-5 {
   456 #+HTML_HEAD:   padding-left: 1em;
   457 #+HTML_HEAD: }
   458 #+HTML_HEAD: .title {
   459 #+HTML_HEAD:   text-align: center;
   460 #+HTML_HEAD: }
   461 #+HTML_HEAD: 
   462 #+HTML_HEAD: .status {
   463 #+HTML_HEAD:   position: absolute;
   464 #+HTML_HEAD:   left: 1em;
   465 #+HTML_HEAD: }
   466 #+HTML_HEAD: 
   467 #+HTML_HEAD: div #footnotes {
   468 #+HTML_HEAD:   padding-bottom: 1em;
   469 #+HTML_HEAD: }
   470 #+HTML_HEAD: 
   471 #+HTML_HEAD:  </style>
   472 #+HTML_HEAD:<script type="text/javascript">
   473 #+HTML_HEAD:  document.addEventListener('DOMContentLoaded',function() {
   474 #+HTML_HEAD:      document.getElementById("table-of-contents").onclick = function() {
   475 #+HTML_HEAD:          var elem = document.getElementById("text-table-of-contents");
   476 #+HTML_HEAD:          elem.style.display = elem.style.display == "block" ? "none" : "block";
   477 #+HTML_HEAD:      }
   478 #+HTML_HEAD:  });
   479 #+HTML_HEAD:
   480 #+HTML_HEAD:  var url = document.location.href;
   481 #+HTML_HEAD:  var orgsource = url.substring(0, url.lastIndexOf("."))+".org.html";
   482 #+HTML_HEAD:  function show_org_source(){
   483 #+HTML_HEAD:      document.location.href = orgsource;
   484 #+HTML_HEAD:  }
   485 #+HTML_HEAD:</script>
   486 #+BEGIN_EXPORT latex
   487 \newpage
   488 #+END_EXPORT