changelog shortlog graph tags branches changeset files revisions annotate raw help

Mercurial > org / clean.theme

changeset 50: bf3325947b23
parent: dd0011887969
author: Richard Westhaver <ellis@rwest.io>
date: Sun, 08 Sep 2024 12:25:38 -0400
permissions: -rw-r--r--
description: theme updates 
     1 ; -*- mode: org -*-
     2 #+STARTUP: entitiespretty
     3 #+language: ulang
     4 #+DATE: {{{modification-time("%F %r", t)}}}
     5 #+OPTIONS: org-html-head-include-default-style:t ^:nil _:nil email:t \n:nil Tex:t LaTeX:t broken-links:mark toc:t
     6 #+HTML_DOCTYPE: html5
     7 #+HTML_LINK_HOME: https://compiler.company
     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_EXTRA: <script type="text/javascript" src="https://cdn.compiler.company/js/jquery.min.js"></script>
    23 #+HTML_HEAD_EXTRA: <script type="text/javascript" src="https://cdn.compiler.company/js/esquemadorg.js"></script>
    24 
    25 #+HTML_HEAD: <link rel="stylesheet" type="text/css" href="https://cdn.compiler.company/css/htmlize.css" />
    26 #+HTML_HEAD: <style type="text/css">
    27 #+HTML_HEAD: body {
    28 #+HTML_HEAD:     font-family:  "CommitMono", monospace;
    29 #+HTML_HEAD:     -webkit-font-smoothing: antialiased;
    30 #+HTML_HEAD:     -moz-osx-font-smoothing: grayscale;
    31 #+HTML_HEAD:     font-feature-settings: "ss01", "ss03", "ss04", "ss05";
    32 #+HTML_HEAD:     color:  #EFFAF9;
    33 #+HTML_HEAD:     background-color: #0C0F0A;
    34 #+HTML_HEAD: }
    35 
    36 #+HTML_HEAD: div.status {
    37 #+HTML_HEAD:     position: fixed;
    38 # #+HTML_HEAD:     margin: 0.2em;
    39 #+HTML_HEAD:     text-align: center;
    40 #+HTML_HEAD: }
    41 
    42 #+HTML_HEAD: h1, h2, h3, h4, h5, h6 {
    43 #+HTML_HEAD:     position:  relative;
    44 # #+HTML_HEAD:     margin:  16px 0 8px;
    45 #+HTML_HEAD:     font-weight:  bold;
    46 # #+HTML_HEAD:     line-height:  1.1;
    47 #+HTML_HEAD:     color:  #DDCAD9;
    48 #+HTML_HEAD:     text-rendering:  optimizeLegibility;
    49 #+HTML_HEAD: }
    50 #+HTML_HEAD: h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
    51 #+HTML_HEAD:     position:  absolute;
    52 #+HTML_HEAD:     top:  auto;
    53 #+HTML_HEAD:     color:  #DDCAD9;
    54 #+HTML_HEAD:     display:  none;
    55 #+HTML_HEAD:     text-align: left;
    56 #+HTML_HEAD: }
    57 #+HTML_HEAD: h1:before {
    58 #+HTML_HEAD:     content:  "";
    59 #+HTML_HEAD:     left:  -1.25em;
    60 #+HTML_HEAD: }
    61 #+HTML_HEAD: h2:before {
    62 #+HTML_HEAD:     content:  "*";
    63 #+HTML_HEAD:     left:  -2em;
    64 #+HTML_HEAD:     color: #DDCAD9;
    65 #+HTML_HEAD: }
    66 #+HTML_HEAD: h3:before {
    67 #+HTML_HEAD:     content:  "**";
    68 #+HTML_HEAD:     left:  -2em;
    69 #+HTML_HEAD:     color: #DDCAD9;
    70 #+HTML_HEAD: }
    71 #+HTML_HEAD: h4:before {
    72 #+HTML_HEAD:     content:  "***";
    73 #+HTML_HEAD:     left:  -3em;
    74 #+HTML_HEAD:     color: #DDCAD9;
    75 #+HTML_HEAD: }
    76 #+HTML_HEAD: h5:before {
    77 #+HTML_HEAD:     content:  "****";
    78 #+HTML_HEAD:     left:  -3em;
    79 #+HTML_HEAD: }
    80 #+HTML_HEAD: h6:before {
    81 #+HTML_HEAD:     content:  "*****";
    82 #+HTML_HEAD:     left:  -4em;
    83 #+HTML_HEAD: }
    84 #+HTML_HEAD: i, em, b, strong {
    85 #+HTML_HEAD:     padding-left:  .1em;
    86 #+HTML_HEAD:     padding-right:  .1em;
    87 #+HTML_HEAD: }
    88 #+HTML_HEAD: b, strong {
    89 #+HTML_HEAD:     font-weight:  bold;
    90 #+HTML_HEAD:     color:  #EDF060;
    91 #+HTML_HEAD: }
    92 #+HTML_HEAD: b:before, b: after, strong:before, strong: after {
    93 #+HTML_HEAD:     content:  "*";
    94 #+HTML_HEAD: }
    95 #+HTML_HEAD: i:before, i: after, em:before, em: after {
    96 #+HTML_HEAD:     content:  "/";
    97 #+HTML_HEAD: }
    98 #+HTML_HEAD: hr {
    99 #+HTML_HEAD:     margin:  0;
   100 #+HTML_HEAD:     border:  0;
   101 #+HTML_HEAD: }
   102 #+HTML_HEAD: hr: after {
   103 #+HTML_HEAD:     display:  block;
   104 #+HTML_HEAD:     margin:  20px 0;
   105 #+HTML_HEAD:     content:  "----------------------------------------------------------------";
   106 #+HTML_HEAD:     color:  #EDF060;
   107 #+HTML_HEAD: }
   108 #+HTML_HEAD: ul, ol {
   109 #+HTML_HEAD:     padding:  0;
   110 #+HTML_HEAD:     margin:  0 0 20px 20px;
   111 #+HTML_HEAD: }
   112 #+HTML_HEAD: code, pre {
   113 #+HTML_HEAD:     font-family:  "3270", monospace;
   114 #+HTML_HEAD:     overflow: overlay;
   115 #+HTML_HEAD: }
   116 #+HTML_HEAD: code {
   117 #+HTML_HEAD:   font-family:  monospace;
   118 #+HTML_HEAD:   color:  #EDF060;
   119 #+HTML_HEAD:   background-color:  #303330;
   120 #+HTML_HEAD: }
   121 # #+HTML_HEAD: code:before, code:after {
   122 # #+HTML_HEAD:     content:  "=";
   123 # #+HTML_HEAD:     color:  #DDCAD9;
   124 # #+HTML_HEAD: }
   125 #+HTML_HEAD: .src {
   126 #+HTML_HEAD:   font-family: monospace;
   127 #+HTML_HEAD: }
   128 #+HTML_HEAD: p::after{
   129 #+HTML_HEAD:     content: "\a\a";
   130 #+HTML_HEAD:     white-space: pre;
   131 #+HTML_HEAD: }
   132 #+HTML_HEAD: pre {
   133 #+HTML_HEAD:     font-family:  monospace;
   134 #+HTML_HEAD:     display:  block;
   135 #+HTML_HEAD:     margin:  0 0 14px;
   136 #+HTML_HEAD:     padding:  15px;
   137 #+HTML_HEAD:     border-radius:  3px 3px 3px 3px;
   138 #+HTML_HEAD:     background-color:  #303030;
   139 # #+HTML_HEAD:     word-break:  break-all;
   140 # #+HTML_HEAD:     word-wrap:  break-word;
   141 #+HTML_HEAD: }
   142 #+HTML_HEAD: 
   143 #+HTML_HEAD: blockquote {
   144 #+HTML_HEAD:     padding:  0 0 0 20px;
   145 #+HTML_HEAD:     margin:  0 30px 20px -22.5px;
   146 #+HTML_HEAD:     color:  #AAD3F8;
   147 #+HTML_HEAD:     border-left:  8px solid #B08889;
   148 #+HTML_HEAD: }
   149 
   150 #+HTML_HEAD: pre.example {
   151 #+HTML_HEAD:     border-left:  8px solid #493657;
   152 #+HTML_HEAD: }
   153 
   154 #+HTML_HEAD: blockquote p: last-child {
   155 #+HTML_HEAD:     margin-bottom:  0;
   156 #+HTML_HEAD: }
   157 #+HTML_HEAD: img {
   158 #+HTML_HEAD:     display:  block;
   159 #+HTML_HEAD:     max-width: 100%;
   160 #+HTML_HEAD:     height: auto;
   161 #+HTML_HEAD:     margin:  auto;
   162 #+HTML_HEAD:     border-radius:  5px;
   163 #+HTML_HEAD:     padding-bottom: 1em;
   164 #+HTML_HEAD: }
   165 #+HTML_HEAD: figure > object {
   166 #+HTML_HEAD:   height: auto;
   167 #+HTML_HEAD:   margin: auto;
   168 #+HTML_HEAD: }
   169 #+HTML_HEAD: a {
   170 #+HTML_HEAD:     font-weight:  inherit;
   171 #+HTML_HEAD:     line-height:  inherit;
   172 #+HTML_HEAD:     color:  #84DCC6;
   173 #+HTML_HEAD: }
   174 #+HTML_HEAD: sup a:before {
   175 #+HTML_HEAD:     content:  "[";
   176 #+HTML_HEAD: }
   177 #+HTML_HEAD: sup a:after {
   178 #+HTML_HEAD:     content:  "]";
   179 #+HTML_HEAD: }
   180 #+HTML_HEAD: a:hover {
   181 #+HTML_HEAD:     text-decorac: blink;
   182 #+HTML_HEAD:     color: #C43952;
   183 #+HTML_HEAD:     background-color: #222222;
   184 #+HTML_HEAD: }
   185 #+HTML_HEAD: table {
   186 #+HTML_HEAD:     line-height:  1.8;
   187 #+HTML_HEAD:     margin-bottom:  15px;
   188 #+HTML_HEAD:     max-width:  100%;
   189 #+HTML_HEAD:     width:  100%;
   190 #+HTML_HEAD:     border: 1px solid lightsteelblue;
   191 #+HTML_HEAD:     border-style: inset;
   192 #+HTML_HEAD: }
   193 #+HTML_HEAD: table td, table th {
   194 #+HTML_HEAD:     padding:  0 15px;
   195 #+HTML_HEAD: }
   196 #+HTML_HEAD: table th.left, table td.left {
   197 #+HTML_HEAD:     text-align:  left;
   198 #+HTML_HEAD: }
   199 #+HTML_HEAD: table th.right, table td.right {
   200 #+HTML_HEAD:     text-align:  right;
   201 #+HTML_HEAD: }
   202 #+HTML_HEAD: td, th {
   203 #+HTML_HEAD:   border: 1px solid lightsteelblue;
   204 #+HTML_HEAD:   border-style: outset;
   205 #+HTML_HEAD: }
   206 
   207 #+HTML_HEAD: /* body */
   208 #+HTML_HEAD: body {
   209 #+HTML_HEAD:     margin:  auto auto;
   210 # #+HTML_HEAD:     max-width:  98%;
   211 #+HTML_HEAD: }
   212 #+HTML_HEAD: /* head */
   213 #+HTML_HEAD: .masthead {
   214 #+HTML_HEAD:     color:  #EDF060;
   215 #+HTML_HEAD: }
   216 #+HTML_HEAD: .masthead: after {
   217 #+HTML_HEAD:     display:  block;
   218 #+HTML_HEAD:     content:  '----------------------------------------------------------------';
   219 # #+HTML_HEAD:     margin:  10px 0;
   220 #+HTML_HEAD:     color:  #EDF060;
   221 #+HTML_HEAD: }
   222 #+HTML_HEAD: .masthead a {
   223 #+HTML_HEAD:     color:  #EDF060;
   224 #+HTML_HEAD: }
   225 #+HTML_HEAD: .masthead ul {
   226 #+HTML_HEAD:     list-style:  none;
   227 #+HTML_HEAD: }
   228 #+HTML_HEAD: .masthead li {
   229 #+HTML_HEAD:     display:  inline-block;
   230 #+HTML_HEAD: }
   231 #+HTML_HEAD: .masthead li + li:before {
   232 #+HTML_HEAD:     display:  inline-block;
   233 #+HTML_HEAD:     content:  "\00B7 \00a0";
   234 #+HTML_HEAD:     color:  #EDF060;
   235 #+HTML_HEAD: }
   236 #+HTML_HEAD: /* searchform*/
   237 #+HTML_HEAD: #searchform {
   238 #+HTML_HEAD:     position:  absolute;
   239 #+HTML_HEAD:     top:  54px;
   240 #+HTML_HEAD:     right:  30.4%;
   241 #+HTML_HEAD: }
   242 #+HTML_HEAD: #searchform #s {
   243 #+HTML_HEAD:     background:  url("/media/img/search.png") no-repeat 5px 6px;
   244 #+HTML_HEAD:     box-shadow:  inset 0 1px 1px rgba(0,0,0,0.1);
   245 #+HTML_HEAD:     border:  1px solid #ddd;
   246 #+HTML_HEAD:     border-radius:  2px;
   247 #+HTML_HEAD:     -moz-border-radius:  2px;
   248 #+HTML_HEAD:     width:  90px;
   249 #+HTML_HEAD:     height:  30px;
   250 #+HTML_HEAD:     line-height:  12px;
   251 #+HTML_HEAD:     padding:  4px 10px 4px 28px;
   252 #+HTML_HEAD: 
   253 #+HTML_HEAD:     -webkit-transition-duration:  400ms;
   254 #+HTML_HEAD:     -webkit-transition-property:  width, background;
   255 #+HTML_HEAD:     -webkit-transition-timing-function:  ease;
   256 #+HTML_HEAD:     -moz-transition-duration:  400ms;
   257 #+HTML_HEAD:     -moz-transition-property:  width, background;
   258 #+HTML_HEAD:     -moz-transition-timing-function:  ease;
   259 #+HTML_HEAD:     -o-transition-duration:  400ms;
   260 #+HTML_HEAD:     -o-transition-property:  width, background;
   261 #+HTML_HEAD:     -o-transition-timing-function:  ease;
   262 #+HTML_HEAD: }
   263 #+HTML_HEAD: #searchform #s: focus {
   264 #+HTML_HEAD:     background-color:  #3F3F37;
   265 #+HTML_HEAD:     width:  160px;
   266 #+HTML_HEAD: }
   267 #+HTML_HEAD: .masthead img.avatar {
   268 #+HTML_HEAD:     position:  relative;
   269 #+HTML_HEAD:     float:  right;
   270 #+HTML_HEAD:     margin-top:  -100px;
   271 #+HTML_HEAD:     margin-bottom:  -100%;
   272 #+HTML_HEAD:     margin-right:  10%;
   273 #+HTML_HEAD:     width:  200px;
   274 #+HTML_HEAD:     background-color:  #3F3F37;
   275 #+HTML_HEAD: }
   276 #+HTML_HEAD: /* post */
   277 #+HTML_HEAD: .post {
   278 #+HTML_HEAD:     position:  relative;
   279 #+HTML_HEAD: }
   280 #+HTML_HEAD: .post: after {
   281 #+HTML_HEAD:     display:  block;
   282 #+HTML_HEAD:     content:  "----------------------------------------------------------------";
   283 #+HTML_HEAD:     color:  #EDF060;
   284 #+HTML_HEAD: }
   285 #+HTML_HEAD: .post img {
   286 #+HTML_HEAD:     max-width:  100%;
   287 #+HTML_HEAD: }
   288 #+HTML_HEAD: .post li {
   289 #+HTML_HEAD:     list-style:  none outside none;
   290 #+HTML_HEAD: }
   291 #+HTML_HEAD: .post ul > li:before {
   292 #+HTML_HEAD:     content:  "- ";
   293 #+HTML_HEAD:     margin-left:  -1.25em;
   294 #+HTML_HEAD:     color:  #EDF060;
   295 #+HTML_HEAD: }
   296 #+HTML_HEAD: .post ol {
   297 #+HTML_HEAD:     counter-reset:  o-list;
   298 #+HTML_HEAD: }
   299 #+HTML_HEAD: .post ol > li:before {
   300 #+HTML_HEAD:     content:  counter(o-list) ") ";
   301 #+HTML_HEAD:     counter-increment:  o-list;
   302 #+HTML_HEAD:     margin-left:  -1.85em;
   303 #+HTML_HEAD:     color:  #EDF060;
   304 #+HTML_HEAD: }
   305 #+HTML_HEAD: 
   306 #+HTML_HEAD: /* special for li in pre */
   307 #+HTML_HEAD: .post pre li {
   308 #+HTML_HEAD:     font-family:  monospace;
   309 #+HTML_HEAD:     list-style-type:  decimal;
   310 #+HTML_HEAD: }
   311 #+HTML_HEAD: 
   312 #+HTML_HEAD: .post pre li:before {
   313 #+HTML_HEAD:     display:  none;
   314 #+HTML_HEAD: }
   315 #+HTML_HEAD: 
   316 #+HTML_HEAD: /* meta info */
   317 #+HTML_HEAD: .post-info {
   318 #+HTML_HEAD:     display:  inline-block;
   319 #+HTML_HEAD:     margin:  -10px 0 -10px;
   320 #+HTML_HEAD:     color:  #EDF060;
   321 #+HTML_HEAD: }
   322 #+HTML_HEAD: .post-info + .post-info:before {
   323 #+HTML_HEAD:     content:  "\2223 \00a0";
   324 #+HTML_HEAD: }
   325 #+HTML_HEAD: .post-meta: after {
   326 #+HTML_HEAD:     content:  "----------------------------------------------------------------";
   327 #+HTML_HEAD:     display:  block;
   328 #+HTML_HEAD:     margin-top:  -1px;
   329 #+HTML_HEAD:     color:  #EDF060;
   330 #+HTML_HEAD: }
   331 #+HTML_HEAD: 
   332 #+HTML_HEAD: /* nav */
   333 #+HTML_HEAD: div #nav {
   334 #+HTML_HEAD:   z-index: 10;
   335 #+HTML_HEAD:   top:  0.2em;
   336 #+HTML_HEAD:   left: 0.2em;
   337 #+HTML_HEAD:   text-align: left;
   338 #+HTML_HEAD:   font-size: 1.2rem;
   339 #+HTML_HEAD:   cursor: pointer;
   340 #+HTML_HEAD:   position: fixed;
   341 #+HTML_HEAD: }
   342 
   343 #+HTML_HEAD: div #nav h2 {
   344 #+HTML_HEAD:   margin: 0em;
   345 #+HTML_HEAD: }
   346 
   347 #+HTML_HEAD: #index {
   348 #+HTML_HEAD:   display: block;
   349 #+HTML_HEAD:   text-align: left;
   350 #+HTML_HEAD:   color:  #DDCAD9;
   351 #+HTML_HEAD:   font-size: 48px;
   352 #+HTML_HEAD:   font-stretch: ultra-expanded;
   353 #+HTML_HEAD: }
   354 
   355 #+HTML_HEAD: div #text-index {
   356 #+HTML_HEAD:   color:  #EDF060;
   357 #+HTML_HEAD:   display:  none;
   358 #+HTML_HEAD:   text-align:  left;
   359 #+HTML_HEAD:   backdrop-filter: blur(6px);
   360 #+HTML_HEAD: }
   361 #+HTML_HEAD: #org-div-home-and-up {
   362 #+HTML_HEAD:   display: inline-flex;
   363 #+HTML_HEAD: }
   364 #+HTML_HEAD: button {
   365 #+HTML_HEAD:   border: none;
   366 #+HTML_HEAD:   background-color: inherit;
   367 #+HTML_HEAD:   color: silver;
   368 #+HTML_HEAD:   font-size: 16px;
   369 #+HTML_HEAD:   cursor: pointer;
   370 #+HTML_HEAD: }
   371 #+HTML_HEAD: button:hover {background: #3F3F37; color:#EDF060;}
   372 #+HTML_HEAD: .show {float:right;}
   373 #+HTML_HEAD: .hide {float:right;}
   374 #+HTML_HEAD: .home {float:left; font-size:24px;}
   375 #+HTML_HEAD: .up {float:left; font-size:24px;}
   376 # #+HTML_HEAD: /* table of content */
   377 # #+HTML_HEAD: nav, #table-of-contents {
   378 # #+HTML_HEAD:   cursor: pointer;
   379 # #+HTML_HEAD:     position:  fixed;
   380 # #+HTML_HEAD:     right:  0.2em;
   381 # #+HTML_HEAD:     top:  0.2em;
   382 # #+HTML_HEAD:     border: 1px solid #e1e1e8;
   383 # #+HTML_HEAD:     -webkit-box-shadow:  0 0 1em #777777;
   384 # #+HTML_HEAD:     -moz-box-shadow:  0 0 1em #777777;
   385 # #+HTML_HEAD:     -webkit-border-bottom-left-radius:  5px;
   386 # #+HTML_HEAD:     -moz-border-radius-bottomleft:  5px;
   387 # #+HTML_HEAD:     text-align:  right;
   388 # #+HTML_HEAD:     /* ensure doesn't flow off the screen when expanded */
   389 # #+HTML_HEAD:     height:  auto;
   390 # #+HTML_HEAD:     overflow-y: scroll;
   391 # #+HTML_HEAD:     z-index:  11;
   392 # #+HTML_HEAD: }
   393 # #+HTML_HEAD: 
   394 # #+HTML_HEAD: #table-of-contents h2 {
   395 # #+HTML_HEAD:   margin: 0em;
   396 # #+HTML_HEAD:   font-size: 48px;
   397 # #+HTML_HEAD:   font-stretch: ultra-expanded;
   398 # #+HTML_HEAD: }
   399 #+HTML_HEAD: 
   400 # #+HTML_HEAD: #table-of-contents ul {
   401 # #+HTML_HEAD:   margin-left:  14pt;
   402 # #+HTML_HEAD:   margin-bottom:  10pt;
   403 # #+HTML_HEAD:   padding:  0
   404 # #+HTML_HEAD: }
   405 #+HTML_HEAD: 
   406 # #+HTML_HEAD: #table-of-contents li {
   407 # #+HTML_HEAD:     padding:  0;
   408 # #+HTML_HEAD:     margin:  1px;
   409 # #+HTML_HEAD:     list-style:  none;
   410 # #+HTML_HEAD: }
   411 
   412 # #+HTML_HEAD: #table-of-contents li a {
   413 # #+HTML_HEAD:     font-size:  16px;
   414 # #+HTML_HEAD: }
   415 # #+HTML_HEAD: 
   416 # #+HTML_HEAD: #table-of-contents #text-table-of-contents {
   417 # #+HTML_HEAD:   backdrop-filter: blur(6px);
   418 # #+HTML_HEAD:   display:  none;
   419 # #+HTML_HEAD:   text-align:  left;
   420 # #+HTML_HEAD:   padding-right: 0.1em;
   421 # #+HTML_HEAD: }
   422 # #+HTML_HEAD: 
   423 # #+HTML_HEAD: #table-of-contents: hover #text-table-of-contents {
   424 # #+HTML_HEAD:     display:  block;
   425 # #+HTML_HEAD:     padding:  0.5em;
   426 # #+HTML_HEAD:     margin-top:  -1.5em;
   427 # #+HTML_HEAD: }
   428 # #+HTML_HEAD: 
   429 #+HTML_HEAD: /* footer */
   430 #+HTML_HEAD: .footer {
   431 #+HTML_HEAD:     margin:  80px 0 0;
   432 #+HTML_HEAD:     text-align:  center;
   433 #+HTML_HEAD:     font-size:  13px;
   434 #+HTML_HEAD:     color:  #DDCAD9;
   435 #+HTML_HEAD:     left:  0em;
   436 #+HTML_HEAD:     bottom:  0em;
   437 #+HTML_HEAD: }
   438 #+HTML_HEAD: .footer > p {
   439 #+HTML_HEAD:     margin:  0;
   440 #+HTML_HEAD:     line-height:  1.5;
   441 #+HTML_HEAD: }
   442 #+HTML_HEAD: .footpara {
   443 #+HTML_HEAD:     display:  inline;
   444 #+HTML_HEAD: }
   445 #+HTML_HEAD: 
   446 #+HTML_HEAD: /* Responsive
   447 #+HTML_HEAD:    -------------------------------------------------- */
   448 #+HTML_HEAD: 
   449 #+HTML_HEAD: @media (min-width:  768px) {
   450 #+HTML_HEAD:     /* Increase body padding and font-sizes */
   451 #+HTML_HEAD:     body {
   452 #+HTML_HEAD:         padding: 2em;
   453 #+HTML_HEAD:         max-width: 70%;
   454 #+HTML_HEAD:     }
   455 #+HTML_HEAD:     h1:before, h2:before, h3:before, h4:before, h5:before, h6:before {
   456 #+HTML_HEAD:         display:  inline;
   457 #+HTML_HEAD:     }
   458 #+HTML_HEAD: }
   459 #+HTML_HEAD: 
   460 
   461 # custom
   462 #+HTML_HEAD: .subtitle {
   463 #+HTML_HEAD:   text-align: center;
   464 #+HTML_HEAD:   color: red;
   465 #+HTML_HEAD:   font-weight: bold;
   466 #+HTML_HEAD:   font-size: 1.1em;
   467 #+HTML_HEAD: }
   468 #+HTML_HEAD: .tag::before {
   469 #+HTML_HEAD:   content: ":";
   470 #+HTML_HEAD: }
   471 #+HTML_HEAD: .tag::after {
   472 #+HTML_HEAD:   content: ":";
   473 #+HTML_HEAD: }
   474 #+HTML_HEAD: .tag {
   475 #+HTML_HEAD:   float: right;
   476 #+HTML_HEAD:   color: #8A7090;
   477 #+HTML_HEAD: }
   478 #+HTML_HEAD: h3 .tag {
   479 #+HTML_HEAD:   right: 0px;
   480 #+HTML_HEAD:   position: absolute;
   481 #+HTML_HEAD:   color: lightpink;
   482 #+HTML_HEAD: }
   483 #+HTML_HEAD: .org-center {
   484 #+HTML_HEAD:   text-align: center;
   485 #+HTML_HEAD: }
   486 #+HTML_HEAD:
   487 #+HTML_HEAD: .outline-2, .outline-3, .outline-4, .outline-5 {
   488 # #+HTML_HEAD:   padding-left: 1em;
   489 #+HTML_HEAD: }
   490 
   491 # #+HTML_HEAD: .outline-2 {
   492 # #+HTML_HEAD:   padding-top: 1.8em;
   493 # #+HTML_HEAD: }
   494 
   495 #+HTML_HEAD: .org-dl {
   496 #+HTML_HEAD:   
   497 #+HTML_HEAD: }
   498 
   499 #+HTML_HEAD: .org-dl dt {
   500 #+HTML_HEAD:   font-weight: bold;
   501 #+HTML_HEAD: }
   502 
   503 #+HTML_HEAD: .org-dl dt::after {
   504 #+HTML_HEAD:   content: " :: ";
   505 #+HTML_HEAD: }
   506 
   507 #+HTML_HEAD: .org-dl dd::before {
   508 #+HTML_HEAD:   font-size: xx-large;
   509 #+HTML_HEAD:   content: "  ↳ ";
   510 #+HTML_HEAD: }
   511 
   512 #+HTML_HEAD: .org-dl dd {
   513 #+HTML_HEAD:   font-size: 0.9rem;
   514 #+HTML_HEAD:   margin-bottom: 0.5em;
   515 #+HTML_HEAD:   margin-left: 2em;
   516 #+HTML_HEAD: }
   517 
   518 #+HTML_HEAD: .title {
   519 #+HTML_HEAD:   text-align: center;
   520 # #+HTML_HEAD:   padding-top: 1.8em;
   521 #+HTML_HEAD: }
   522 
   523 #+HTML_HEAD: div#postamble.status {
   524 #+HTML_HEAD:   text-align: left;
   525 #+HTML_HEAD: }
   526 #+HTML_HEAD: .org-org-ref-acronym {
   527 #+HTML_HEAD:     /* org-ref-acronym-face */
   528 #+HTML_HEAD:     color: #ee7600;
   529 #+HTML_HEAD:     text-decoration: underline;
   530 #+HTML_HEAD: }
   531 #+HTML_HEAD: .org-org-ref-cite {
   532 #+HTML_HEAD:     /* org-ref-cite-face */
   533 #+HTML_HEAD:     color: #c3d5c3;
   534 #+HTML_HEAD:     text-decoration: underline;
   535 #+HTML_HEAD: }
   536 #+HTML_HEAD: .org-org-ref-glossary {
   537 #+HTML_HEAD:     /* org-ref-glossary-face */
   538 #+HTML_HEAD:     color: #8968cd;
   539 #+HTML_HEAD:     text-decoration: underline;
   540 #+HTML_HEAD: }
   541 #+HTML_HEAD: .org-org-ref-label {
   542 #+HTML_HEAD:     /* org-ref-label-face */
   543 #+HTML_HEAD:     color: #8b008b;
   544 #+HTML_HEAD:     text-decoration: underline;
   545 #+HTML_HEAD: }
   546 #+HTML_HEAD: .org-org-ref-ref {
   547 #+HTML_HEAD:     /* org-ref-ref-face */
   548 #+HTML_HEAD:     color: #e1cc96;
   549 #+HTML_HEAD:     text-decoration: underline;
   550 #+HTML_HEAD: }
   551 #+HTML_HEAD: .org-org-scheduled {
   552 #+HTML_HEAD:     /* org-scheduled */
   553 #+HTML_HEAD:     color: #006400;
   554 #+HTML_HEAD: }
   555 #+HTML_HEAD: .org-org-scheduled-previously {
   556 #+HTML_HEAD:     /* org-scheduled-previously */
   557 #+HTML_HEAD:     color: #b22222;
   558 #+HTML_HEAD: }
   559 #+HTML_HEAD: .org-org-scheduled-today {
   560 #+HTML_HEAD:     /* org-scheduled-today */
   561 #+HTML_HEAD:     color: #006400;
   562 #+HTML_HEAD: }
   563 #+HTML_HEAD: .org-org-sexp-date {
   564 #+HTML_HEAD:     /* org-sexp-date */
   565 #+HTML_HEAD:     color: #a020f0;
   566 #+HTML_HEAD: }
   567 #+HTML_HEAD: .org-org-special-keyword {
   568 #+HTML_HEAD:     /* org-special-keyword */
   569 #+HTML_HEAD:     color: #a020f0;
   570 #+HTML_HEAD: }
   571 #+HTML_HEAD: .org-org-todo {
   572 #+HTML_HEAD:     /* org-todo */
   573 #+HTML_HEAD:     color: #ff0000;
   574 #+HTML_HEAD:     font-weight: bold;
   575 #+HTML_HEAD: }
   576 #+HTML_HEAD: .org-org-done {
   577 #+HTML_HEAD:     /* org-done */
   578 #+HTML_HEAD:     color: #85BB41;
   579 #+HTML_HEAD:     font-weight: bold;
   580 #+HTML_HEAD: }
   581 #+HTML_HEAD: .PROJECT {
   582 #+HTML_HEAD:     color: lightseagreen;
   583 #+HTML_HEAD:     font-weight: bold;
   584 #+HTML_HEAD: }
   585 #+HTML_HEAD: .NOTE {
   586 #+HTML_HEAD:     color: lemonchiffon;
   587 #+HTML_HEAD:     font-weight: bold;
   588 #+HTML_HEAD: }
   589 #+HTML_HEAD: .PRODUCT {
   590 #+HTML_HEAD:     color: olivedrab;
   591 #+HTML_HEAD:     font-weight: bold;
   592 #+HTML_HEAD: }
   593 #+HTML_HEAD: .RELEASE {
   594 #+HTML_HEAD:     color: maroon3;
   595 #+HTML_HEAD:     font-weight: bold;
   596 #+HTML_HEAD: }
   597 #+HTML_HEAD: .NOTE {
   598 #+HTML_HEAD:     color: lemonchiffon;
   599 #+HTML_HEAD:     font-weight: bold;
   600 #+HTML_HEAD: }
   601 #+HTML_HEAD: .CODE {
   602 #+HTML_HEAD:     color: bisque;
   603 #+HTML_HEAD:     background-color: midnightblue;
   604 #+HTML_HEAD:     font-weight: bold;
   605 #+HTML_HEAD: }
   606 #+HTML_HEAD: .HOLD {
   607 #+HTML_HEAD:     color: red1;
   608 #+HTML_HEAD:     font-weight: bold;
   609 #+HTML_HEAD:     background-color: yellow1;
   610 #+HTML_HEAD: }
   611 #+HTML_HEAD: .WAIT {
   612 #+HTML_HEAD:     color: red;
   613 #+HTML_HEAD:     font-weight: bold;
   614 #+HTML_HEAD:     background-color: yellow1;
   615 #+HTML_HEAD: }
   616 #+HTML_HEAD: .WIP {
   617 #+HTML_HEAD:     color: darkorchid;
   618 #+HTML_HEAD:     font-weight: bold;
   619 #+HTML_HEAD: }
   620 #+HTML_HEAD: .NOPE {
   621 #+HTML_HEAD:     color: hotpink;
   622 #+HTML_HEAD:     font-weight: bold;
   623 #+HTML_HEAD:     background-color: darkgreen;
   624 #+HTML_HEAD: }
   625 #+HTML_HEAD: .RESEARCH {
   626 #+HTML_HEAD:     color: maroon;
   627 #+HTML_HEAD:     font-weight: bold;
   628 #+HTML_HEAD: }
   629 #+HTML_HEAD: .DONE {
   630 #+HTML_HEAD:     color: green;
   631 #+HTML_HEAD:     font-weight: bold;
   632 #+HTML_HEAD: }
   633 #+HTML_HEAD: .TODO {
   634 #+HTML_HEAD:     color: red;
   635 #+HTML_HEAD:     font-weight: bold;
   636 #+HTML_HEAD: }
   637 #+HTML_HEAD: .TEST {
   638 #+HTML_HEAD:     color: orange;
   639 #+HTML_HEAD:     font-weight: bold;
   640 #+HTML_HEAD: }
   641 #+HTML_HEAD: .TBD {
   642 #+HTML_HEAD:     color: darkred;
   643 #+HTML_HEAD:     font-weight: bold;
   644 #+HTML_HEAD: }
   645 #+HTML_HEAD: .HACK {
   646 #+HTML_HEAD:     color: coral;
   647 #+HTML_HEAD:     font-weight: bold;
   648 #+HTML_HEAD: }
   649 #+HTML_HEAD: .SPRINT {
   650 #+HTML_HEAD:     color: violet;
   651 #+HTML_HEAD:     font-weight: bold;
   652 #+HTML_HEAD: }
   653 #+HTML_HEAD: .org-org-upcoming-deadline {
   654 #+HTML_HEAD:     /* org-upcoming-deadline */
   655 #+HTML_HEAD:     color: #b22222;
   656 #+HTML_HEAD: }
   657 #+HTML_HEAD: .org-org-upcoming-distant-deadline {
   658 #+HTML_HEAD:     /* org-upcoming-distant-deadline */
   659 #+HTML_HEAD:     color: #000000;
   660 #+HTML_HEAD:     background-color: #ffffff;
   661 #+HTML_HEAD: }
   662 #+HTML_HEAD: 
   663 #+HTML_HEAD: .org-org-warning {
   664 #+HTML_HEAD:     /* org-warning */
   665 #+HTML_HEAD:     color: #ff0000;
   666 #+HTML_HEAD:     font-weight: bold;
   667 #+HTML_HEAD: }
   668 #+HTML_HEAD: .status {
   669 #+HTML_HEAD:   position: absolute;
   670 #+HTML_HEAD:   left: 1em;
   671 #+HTML_HEAD: }
   672 #+HTML_HEAD: 
   673 #+HTML_HEAD: div #footnotes {
   674 #+HTML_HEAD:   padding-bottom: 1em;
   675 #+HTML_HEAD: }
   676 #+HTML_HEAD: 
   677 #+HTML_HEAD:  </style>
   678 #+HTML_HEAD:<script type="text/javascript">
   679 # #+HTML_HEAD:  document.addEventListener('DOMContentLoaded',function() {
   680 # #+HTML_HEAD:      document.getElementById("table-of-contents").onclick = function() {
   681 # #+HTML_HEAD:          var elem = document.getElementById("text-table-of-contents");
   682 # #+HTML_HEAD:          elem.style.display = elem.style.display == "block" ? "none" : "block";
   683 # #+HTML_HEAD:      }
   684 # #+HTML_HEAD:  });
   685 # #+HTML_HEAD:  document.addEventListener('DOMContentLoaded',function() {
   686 # #+HTML_HEAD:      document.getElementById("nav").onclick = function() {
   687 # #+HTML_HEAD:          var elem = document.getElementById("text-index");
   688 # #+HTML_HEAD:          elem.style.display = elem.style.display == "block" ? "none" : "block";
   689 # #+HTML_HEAD:      }
   690 # #+HTML_HEAD:  });
   691 #+HTML_HEAD:
   692 #+HTML_HEAD:  var url = document.location.href;
   693 #+HTML_HEAD:  var orgsource = url.substring(0, url.lastIndexOf("."))+".org";
   694 #+HTML_HEAD:  function show_org_source(){
   695 #+HTML_HEAD:      document.location.href = orgsource;
   696 #+HTML_HEAD:  }
   697 #+HTML_HEAD:</script>
   698 #+BEGIN_EXPORT latex
   699 \newpage
   700 #+END_EXPORT