diff --git a/packages/org-themes/.gitrepo b/packages/org-themes/.gitrepo index eab1e017cbd91a54df4a9e824fb0ff9de8b8ecbd..e5f7a63729d2cb02d019a765fe7937b800d0683d 100644 --- a/packages/org-themes/.gitrepo +++ b/packages/org-themes/.gitrepo @@ -6,7 +6,7 @@ [subrepo] remote = git@gitlab.com:OlMon/org-themes.git branch = master - commit = b9bd14cbd716e8e8efebfa8e42a6c50176e9b2cd - parent = 1994bb4f069142aa3f886d30aa0585ed9117eed1 + commit = 09d001cd3d4a91a302a2d51127fc17a9967eec67 + parent = 6ce4aaa2a1607be6c147d96b335fc88e0edc9810 method = merge - cmdver = 0.4.3 + cmdver = 0.4.6 diff --git a/packages/org-themes/public/gray/gray.html b/packages/org-themes/public/gray/gray.html new file mode 100644 index 0000000000000000000000000000000000000000..f630ef1a7191cae180ee318e68a20bdb45809d04 --- /dev/null +++ b/packages/org-themes/public/gray/gray.html @@ -0,0 +1,904 @@ +<?xml version="1.0" encoding="utf-8"?> +<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> +<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> +<head> +<!-- 2022-06-24 Fri 19:42 --> +<meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1" /> +<title>Gray Theme</title> +<meta name="author" content="Lee Hinman" /> +<meta name="generator" content="Org Mode" /> +<style type="text/css"> +body { +font-family: Helvetica, Arial, sans-serif; +font-size: 16px; +line-height: 1.4; +color: #33333f; +} + +code { +font-family: "Inconsolata", "monospace"; +font-size: 16px; +} + +p>code, li>code { +background-color: #eee; +padding: 0.25em; +} + +h1, h2, h3 { +font-family: "Roboto Slab", Helvetica, Arial, sans-serif; +} + +h2 { +border-bottom: 1px solid #f0c; +padding-bottom: 0.5em; +font-size: 1.75em; +} + +h3 { +margin-top: 2em; +font-size: 1.5em; +} + +h4 { +font-size: 1.25em; +} + +h5 { +font-size: 1em; +} + +h2 code, h3 code, h4 code, h5 code, td code { +font-family: inherit !important; +font-size: inherit !important; +} + +td code { +font-weight: bold; +} + +a:link, a:hover, a:visited { +text-decoration: none; +color: black; +} + +a:link { +background: #ff8; +} + +a:visited { +color: #666; +background: #ffc; +} + +a:link:hover, +a:visited:hover { +background: #ff0; +} + +a[href^="http"] { +background: #bff; +} + +a[href^="http"]:visited { +background: #dff; +} + +a[href^="http"]:link:hover, +a[href^="http"]:visited:hover { +background: #0ff; +} + +a[href^="http"]:after { +content: "\21B3"; +background: white; +padding-left: 0.2em; +} + +#meta { +margin-top: 2em; +} + +#table-of-contents a:link, +#table-of-contents a:visited { +color: black; +background: transparent; +} + +#table-of-contents { +line-height: 1.2; +} +#table-of-contents h2 { +border-bottom: 0; +} + +#table-of-contents ul { +list-style: none; +padding-left: 0.5em; +font-weight: normal; +} + +#table-of-contents div>ul>li { +margin-top: 1em; +font-weight: bold; +} + +#table-of-contents .tag { +display: none; +} + +#table-of-contents .todo, +#table-of-contents .done { +font-size: 80%; +} + +#table-of-contents ol>li { +margin-top: 1em; +} + +table { +width: 100%; +} + +table, th, td { +border: 1px solid #666; +} + +th, td { +padding: 0.5em; +text-align: left; +} + +tbody tr:nth-child(odd) { +background-color: #eee; +} + +img { +max-width: 90%; +} + +div.notice { +position: relative; +margin: 0 1.2em; +padding: 0.25em 1em; +border-left: 4px solid; +} + +table + div.notice { +margin-top: 2em; +} + +div.notice a { +background: transparent !important; +border-bottom: 1px dotted; +} + +div.notice a[href^="http"]:after { +background: transparent !important; +} + +div.notice:before { +position: absolute; +top: 0; +right: 0; +padding: 0.25em 0.5em 0; +font-size: 60%; +border-bottom-left-radius: 0.5em; +} + +.notice-warning { +background: #fcc; +color: #600; +} + +.notice-example { +background: #def; +color: #069; +} + +.notice-info { +background: #efe; +color: #060; +} + +.notice-warning a { +color: #600; +} + +.notice-example a { +color: #069; +} + +.notice-info a { +color: #060; +} + +div.notice-warning:before { +content: "WARNING"; +background: #c99; +color: #fcc; +} + +div.notice-example:before { +content: "EXAMPLE"; +background: #abc; +color: #def; +} + +div.notice-info:before { +content: "INFO"; +background: #9c9; +color: #efe; +} + +/* things inside the #+BEGIN_NOTE...#+END_NOTE block */ +div.NOTE a { +background: transparent !important; +border-bottom: 1px dotted; +} + +div.NOTE { +position: relative; +margin: 0 1.2em; +padding: 0.25em 1em; +border-left: 4px solid; +margin-top: 2em; +background: #efe; +color: #060; +} + +div.NOTE:before { +position: absolute; +top: 0; +right: 0; +padding: 0.25em 0.5em 0; +font-size: 60%; +border-bottom-left-radius: 0.5em; +content: "NOTE"; +background: #9c9; +color: #efe; +} + +blockquote { +padding: 0px 10px 0px 10px; +border: 1px solid #ddd; +background: #eee; +box-shadow: 5px 5px 5px #eee; +border-radius: 2px; +line-height: 1.2em; +} + +pre { +font-family: "Inconsolata", "monospace"; +font-size: 100%; +border: 0; +box-shadow: none; +overflow: auto; +} + +pre.example:before { +content: "EXAMPLE"; +display: block; +border-bottom: 1px dotted; +margin-bottom: 1em; +} + +pre.example { +background: #fec; +color: #666; +font-size: 0.85em; +} + +pre { +background-color: #f8f8f8; +background-size: 8px 8px; +background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.02) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.02) 75%, rgba(0, 0, 0, 0.02)); +} + +pre.src { +padding: 0.5em; +} + +pre.src:before { +display: block; +position: absolute; +background-color: #ccccd0; +top: 0; +right: 0; +padding: 0.25em 0.5em; +border-bottom-left-radius: 8px; +border: 0; +color: white; +font-size: 80%; +} + +pre.src-plantuml:before { +content: "UML"; +} + +pre.src-javascript:before { +content: "JS"; +} + +pre.src-clojure:before { +content: "CLJ"; +} + +pre.src-c:before { +content: "C"; +} + +pre.src-sh:before { +content: "Shell"; +} + +pre.src-es:before { +content: "ES"; +} + +span.org-string { +color: #f94; +} + +span.org-keyword { +color: #c07; +} + +span.org-variable-name { +color: #f04; +} + +span.org-clojure-keyword { +color: #09f; +} + +span.org-comment, span.org-comment-delimiter { +color: #999; +} + +span.org-rainbow-delimiters-depth-1, span.org-rainbow-delimiters-depth-5 { +color: #666; +} + +span.org-rainbow-delimiters-depth-2, span.org-rainbow-delimiters-depth-6 { +color: #888; +} + +span.org-rainbow-delimiters-depth-3, span.org-rainbow-delimiters-depth-7 { +color: #aaa; +} + +span.org-rainbow-delimiters-depth-4, span.org-rainbow-delimiters-depth-8 { +color: #ccc; +} + +div.figure { +font-size: 0.85em; +} + +.tag { +font-family: "Roboto Slab", Helvetica, Arial, sans-serif; +font-size: 11px; +font-weight: normal; +float: right; +margin-top: 1em; +background: transparent; +} + +.tag span { +background: #ccc; +padding: 0 0.5em; +border-radius: 0.2em; +color: white; +} + +.todo, .done { +font-family: "Roboto Slab", Helvetica, Arial, sans-serif; +font-weight: normal; +padding: 0 0.25em; +border-radius: 0.2em; +} + +.todo { +background: #f04; +color: white; +} + +.done { +background: #5f7; +color: white; +} + +@media screen { +h1.title { +text-align: left; +margin: 0.5em 0 1em 0; +} + +h2 { +margin-top: 3em; +} + +#table-of-contents { +position: fixed; +top: 0; +left: 0; +padding: 2em 0 2em 2em; +width: 290px; +height: 100vh; +font-size: 11px; +background: #eee; +overlow-x: hidden; +overlow-y: auto; +} + +#table-of-contents h2 { +margin-top: 0; +} + +#table-of-contents code { +font-size: 12px; +} + +div#content { +margin-left: 320px; +max-width: 1100px; +} +div#postamble { +margin-left: 320px; +max-width: 1100px; +} +} + +@media screen and (max-width: 1024px) { +html, body { +font-size: 14px; +} + +#table-of-contents { +display: none; +} + +h1.title { +margin-left: 0%; +} + +div#content { +margin-left: 5%; +max-width: 90%; +} +div#postamble { +margin-left: 5%; +max-width: 90%; +} +} + +@media print { + +body { +color: black; +} + +@page { +margin: 25mm; +} + +h2, h3 { +page-break-before: always; +margin-top: 0; +} + +table { +page-break-inside: avoid; +} + +a:visited { +color: black; +background: #ff8; +} + +a[href^="http"]:visited { +background: #bff; +} + +div.notice:before { +display: none; +} +} +</style> +</head> +<body> +<div id="content" class="content"> +<h1 class="title">Gray Theme</h1> +<div id="table-of-contents" role="doc-toc"> +<h2>Table of Contents</h2> +<div id="text-table-of-contents" role="doc-toc"> +<ul> +<li><a href="#org0ccedaf">1. Plain Org</a></li> +<li><a href="#orgfd19679">2. Lists</a> +<ul> +<li><a href="#org407afbb">2.1. Todo List</a> +<ul> +<li><a href="#orgc418707">2.1.1. <span class="todo TODO">TODO</span> First todo</a></li> +<li><a href="#orgc18d408">2.1.2. <span class="done DONE">DONE</span> First Done with Date</a></li> +<li><a href="#org5a0d070">2.1.3. <span class="todo TODO">TODO</span> Scheduled</a></li> +<li><a href="#org5671973">2.1.4. <span class="todo TODO">TODO</span> Deadline</a></li> +<li><a href="#orgf5ede8b">2.1.5. <span class="todo TODO">TODO</span> Date</a></li> +</ul> +</li> +<li><a href="#org78a53a9">2.2. Simple list</a></li> +<li><a href="#org4bc1f93">2.3. Sorted List</a></li> +<li><a href="#org164c018">2.4. Checkbox</a></li> +</ul> +</li> +<li><a href="#org0d19632">3. H1</a> +<ul> +<li><a href="#orgc6b5857">3.1. H2</a> +<ul> +<li><a href="#org8c8b338">3.1.1. H3</a></li> +</ul> +</li> +</ul> +</li> +<li><a href="#org13b6831">4. Table</a></li> +<li><a href="#org951db71">5. Blocks</a> +<ul> +<li><a href="#org2a66a12">5.1. Center</a></li> +<li><a href="#org9d343ad">5.2. Comment</a></li> +<li><a href="#org5594273">5.3. Example</a></li> +<li><a href="#orgf723821">5.4. Quote</a></li> +<li><a href="#orgee741a4">5.5. Verse</a></li> +<li><a href="#orgddc0891">5.6. Source Blocks</a> +<ul> +<li><a href="#org13f87f7">5.6.1. Python</a></li> +<li><a href="#org26e47e0">5.6.2. Elisp</a></li> +</ul> +</li> +</ul> +</li> +</ul> +</div> +</div> + +<div id="outline-container-org0ccedaf" class="outline-2"> +<h2 id="org0ccedaf"><span class="section-number-2">1.</span> Plain Org</h2> +<div class="outline-text-2" id="text-1"> +<p> +Includes: +</p> +<ul class="org-ul"> +<li class="on"><code>[X]</code> CSS</li> +<li class="off"><code>[ ]</code> JAVASCRIPT</li> +</ul> + +<p> +Available as: +</p> +<ul class="org-ul"> +<li class="on"><code>[X]</code> CSS FILE</li> +<li class="off"><code>[ ]</code> JS FILE</li> +<li class="on"><code>[X]</code> SETUPFILE</li> +</ul> +</div> +</div> + +<div id="outline-container-orgfd19679" class="outline-2"> +<h2 id="orgfd19679"><span class="section-number-2">2.</span> Lists</h2> +<div class="outline-text-2" id="text-2"> +</div> +<div id="outline-container-org407afbb" class="outline-3"> +<h3 id="org407afbb"><span class="section-number-3">2.1.</span> Todo List</h3> +<div class="outline-text-3" id="text-2-1"> +</div> +<div id="outline-container-orgc418707" class="outline-4"> +<h4 id="orgc418707"><span class="section-number-4">2.1.1.</span> <span class="todo TODO">TODO</span> First todo</h4> +</div> +<div id="outline-container-orgc18d408" class="outline-4"> +<h4 id="orgc18d408"><span class="section-number-4">2.1.2.</span> <span class="done DONE">DONE</span> First Done with Date</h4> +<div class="outline-text-4" id="text-2-1-2"> +</div> +</div> +<div id="outline-container-org5a0d070" class="outline-4"> +<h4 id="org5a0d070"><span class="section-number-4">2.1.3.</span> <span class="todo TODO">TODO</span> Scheduled</h4> +<div class="outline-text-4" id="text-2-1-3"> +</div> +</div> +<div id="outline-container-org5671973" class="outline-4"> +<h4 id="org5671973"><span class="section-number-4">2.1.4.</span> <span class="todo TODO">TODO</span> Deadline</h4> +<div class="outline-text-4" id="text-2-1-4"> +</div> +</div> +<div id="outline-container-orgf5ede8b" class="outline-4"> +<h4 id="orgf5ede8b"><span class="section-number-4">2.1.5.</span> <span class="todo TODO">TODO</span> Date</h4> +<div class="outline-text-4" id="text-2-1-5"> +<p> +<span class="timestamp-wrapper"><span class="timestamp"><2021-02-18 Thu></span></span> +</p> +</div> +</div> +</div> + +<div id="outline-container-org78a53a9" class="outline-3"> +<h3 id="org78a53a9"><span class="section-number-3">2.2.</span> Simple list</h3> +<div class="outline-text-3" id="text-2-2"> +<ul class="org-ul"> +<li>List item</li> +<li>List item</li> +<li>List item</li> +<li>List item</li> +</ul> +</div> +</div> + +<div id="outline-container-org4bc1f93" class="outline-3"> +<h3 id="org4bc1f93"><span class="section-number-3">2.3.</span> Sorted List</h3> +<div class="outline-text-3" id="text-2-3"> +<ol class="org-ol"> +<li>List item</li> +<li>List item</li> +<li>List item</li> +<li>List item</li> +</ol> +</div> +</div> + +<div id="outline-container-org164c018" class="outline-3"> +<h3 id="org164c018"><span class="section-number-3">2.4.</span> Checkbox</h3> +<div class="outline-text-3" id="text-2-4"> +<ul class="org-ul"> +<li class="off"><code>[ ]</code> List item</li> +<li class="on"><code>[X]</code> List item</li> +<li class="off"><code>[ ]</code> List item</li> +<li class="on"><code>[X]</code> List item</li> +</ul> +</div> +</div> +</div> + + +<div id="outline-container-org0d19632" class="outline-2"> +<h2 id="org0d19632"><span class="section-number-2">3.</span> H1</h2> +<div class="outline-text-2" id="text-3"> +<p> +H1 Text +</p> +</div> +<div id="outline-container-orgc6b5857" class="outline-3"> +<h3 id="orgc6b5857"><span class="section-number-3">3.1.</span> H2</h3> +<div class="outline-text-3" id="text-3-1"> +<p> +H2 Text +</p> +</div> +<div id="outline-container-org8c8b338" class="outline-4"> +<h4 id="org8c8b338"><span class="section-number-4">3.1.1.</span> H3</h4> +<div class="outline-text-4" id="text-3-1-1"> +<p> +H3 Text +</p> +</div> +<ol class="org-ol"> +<li><a id="orge06b470"></a>H4<br /> +<div class="outline-text-5" id="text-3-1-1-1"> +<p> +H4 Text +</p> +</div> +<ol class="org-ol"> +<li><a id="org3ea6e39"></a>H5<br /> +<div class="outline-text-6" id="text-3-1-1-1-1"> +<p> +H5 Text +</p> +</div> +<ol class="org-ol"> +<li><a id="org48406a9"></a>H6<br /> +<div class="outline-text-7" id="text-3-1-1-1-1-1"> +<p> +H6 Text +</p> +</div> +<ol class="org-ol"> +<li><a id="orgee78efe"></a>H7<br /> +<div class="outline-text-8" id="text-3-1-1-1-1-1-1"> +<p> +H7 Text +</p> +</div> +</li> +</ol> +</li> +</ol> +</li> +</ol> +</li> +</ol> +</div> +</div> +</div> + + + +<div id="outline-container-org13b6831" class="outline-2"> +<h2 id="org13b6831"><span class="section-number-2">4.</span> Table</h2> +<div class="outline-text-2" id="text-4"> +<table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> + + +<colgroup> +<col class="org-right" /> + +<col class="org-right" /> + +<col class="org-right" /> + +<col class="org-right" /> + +<col class="org-right" /> + +<col class="org-right" /> +</colgroup> +<thead> +<tr> +<th scope="col" class="org-right">a</th> +<th scope="col" class="org-right">b</th> +<th scope="col" class="org-right">c</th> +<th scope="col" class="org-right">d</th> +<th scope="col" class="org-right">e</th> +<th scope="col" class="org-right">f</th> +</tr> +</thead> +<tbody> +<tr> +<td class="org-right">0</td> +<td class="org-right">1</td> +<td class="org-right">2</td> +<td class="org-right">3</td> +<td class="org-right">4</td> +<td class="org-right">5</td> +</tr> + +<tr> +<td class="org-right">6</td> +<td class="org-right">7</td> +<td class="org-right">8</td> +<td class="org-right">9</td> +<td class="org-right">10</td> +<td class="org-right">11</td> +</tr> + +<tr> +<td class="org-right">12</td> +<td class="org-right">13</td> +<td class="org-right">14</td> +<td class="org-right">15</td> +<td class="org-right">16</td> +<td class="org-right">17</td> +</tr> + +<tr> +<td class="org-right">18</td> +<td class="org-right">19</td> +<td class="org-right">20</td> +<td class="org-right">21</td> +<td class="org-right">22</td> +<td class="org-right">23</td> +</tr> + +<tr> +<td class="org-right">24</td> +<td class="org-right">25</td> +<td class="org-right">26</td> +<td class="org-right">27</td> +<td class="org-right">28</td> +<td class="org-right">29</td> +</tr> +</tbody> +</table> +</div> +</div> + + +<div id="outline-container-org951db71" class="outline-2"> +<h2 id="org951db71"><span class="section-number-2">5.</span> Blocks</h2> +<div class="outline-text-2" id="text-5"> +</div> +<div id="outline-container-org2a66a12" class="outline-3"> +<h3 id="org2a66a12"><span class="section-number-3">5.1.</span> Center</h3> +<div class="outline-text-3" id="text-5-1"> +<div class="org-center"> +<p> +This is a center block +</p> +</div> +</div> +</div> + +<div id="outline-container-org9d343ad" class="outline-3"> +<h3 id="org9d343ad"><span class="section-number-3">5.2.</span> Comment</h3> +<div class="outline-text-3" id="text-5-2"> +</div> +</div> + +<div id="outline-container-org5594273" class="outline-3"> +<h3 id="org5594273"><span class="section-number-3">5.3.</span> Example</h3> +<div class="outline-text-3" id="text-5-3"> +<pre class="example" id="org8369dc6"> +This is an example block +</pre> +</div> +</div> + +<div id="outline-container-orgf723821" class="outline-3"> +<h3 id="orgf723821"><span class="section-number-3">5.4.</span> Quote</h3> +<div class="outline-text-3" id="text-5-4"> +<blockquote> +<p> +This is a quote block +</p> +</blockquote> +</div> +</div> + +<div id="outline-container-orgee741a4" class="outline-3"> +<h3 id="orgee741a4"><span class="section-number-3">5.5.</span> Verse</h3> +<div class="outline-text-3" id="text-5-5"> +<p class="verse"> +This is a verse block<br /> +</p> +</div> +</div> + + +<div id="outline-container-orgddc0891" class="outline-3"> +<h3 id="orgddc0891"><span class="section-number-3">5.6.</span> Source Blocks</h3> +<div class="outline-text-3" id="text-5-6"> +</div> +<div id="outline-container-org13f87f7" class="outline-4"> +<h4 id="org13f87f7"><span class="section-number-4">5.6.1.</span> Python</h4> +<div class="outline-text-4" id="text-5-6-1"> +<div class="org-src-container"> +<pre class="src src-python"><span style="color: #5180b3;">for</span> i <span style="color: #5180b3;">in</span> <span style="color: #528fd1;">range</span><span style="color: #ff8c00;">(</span>10<span style="color: #ff8c00;">)</span>: + <span style="color: #528fd1;">print</span><span style="color: #ff8c00;">(</span>i<span style="color: #ff8c00;">)</span> +</pre> +</div> + +<pre class="example" id="orgdf8a796"> +0 +1 +2 +3 +4 +5 +6 +7 +8 +9 +</pre> +</div> +</div> + +<div id="outline-container-org26e47e0" class="outline-4"> +<h4 id="org26e47e0"><span class="section-number-4">5.6.2.</span> Elisp</h4> +<div class="outline-text-4" id="text-5-6-2"> +<div class="org-src-container"> +<pre class="src src-emacs-lisp"><span style="color: #ff8c00;">(</span>car '<span style="color: #ff1493;">(</span>a b c d<span style="color: #ff1493;">)</span><span style="color: #ff8c00;">)</span> +</pre> +</div> + +<pre class="example"> +a +</pre> +</div> +</div> +</div> +</div> +</div> +<div id="postamble" class="status"> +<p class="author">Author: Lee Hinman (<a href="mailto:lee@writequit.org">lee@writequit.org</a>)</p> + <p class="update">Last Update: 2022-06-24 Fri 19:42</p> +</div> +</body> +</html> diff --git a/packages/org-themes/public/index.html b/packages/org-themes/public/index.html index 18d098421f216eea18744ff7d8e20cf8fe47639d..d75e998148f0334da58164242db11682f72da144 100644 --- a/packages/org-themes/public/index.html +++ b/packages/org-themes/public/index.html @@ -3,14 +3,14 @@ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> -<!-- 2021-03-01 Mon 23:51 --> +<!-- 2022-06-24 Fri 19:42 --> <meta http-equiv="Content-Type" content="text/html;charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <title>Org Themes collection</title> <meta name="author" content="Marco Pawłowski" /> <meta name="generator" content="Org Mode" /> -<style type="text/css"> - <!--/*--><![CDATA[/*><!--*/ +<style> + #content { max-width: 60em; margin: auto; } .title { text-align: center; margin-bottom: .2em; } .subtitle { text-align: center; @@ -31,8 +31,9 @@ #postamble p, #preamble p { font-size: 90%; margin: .2em; } p.verse { margin-left: 3%; } pre { - border: 1px solid #ccc; - box-shadow: 3px 3px 3px #eee; + border: 1px solid #e6e6e6; + border-radius: 3px; + background-color: #f2f2f2; padding: 8pt; font-family: monospace; overflow: auto; @@ -41,21 +42,21 @@ pre.src { position: relative; overflow: auto; - padding-top: 1.2em; } pre.src:before { display: none; position: absolute; - background-color: white; - top: -10px; - right: 10px; + top: -8px; + right: 12px; padding: 3px; - border: 1px solid black; + color: #555; + background-color: #f2f2f299; } pre.src:hover:before { display: inline; margin-top: 14px;} /* Languages per Org manual */ pre.src-asymptote:before { content: 'Asymptote'; } pre.src-awk:before { content: 'Awk'; } + pre.src-authinfo::before { content: 'Authinfo'; } pre.src-C:before { content: 'C'; } /* pre.src-C++ doesn't work in CSS */ pre.src-clojure:before { content: 'Clojure'; } @@ -190,39 +191,16 @@ { font-size: 10px; font-weight: bold; white-space: nowrap; } .org-info-js_search-highlight { background-color: #ffff00; color: #000000; font-weight: bold; } - .org-svg { width: 90%; } - /*]]>*/--> + .org-svg { } </style> -<script type="text/javascript"> -// @license magnet:?xt=urn:btih:e95b018ef3580986a04669f1b5879592219e2a7a&dn=public-domain.txt Public Domain -<!--/*--><![CDATA[/*><!--*/ - function CodeHighlightOn(elem, id) - { - var target = document.getElementById(id); - if(null != target) { - elem.classList.add("code-highlighted"); - target.classList.add("code-highlighted"); - } - } - function CodeHighlightOff(elem, id) - { - var target = document.getElementById(id); - if(null != target) { - elem.classList.remove("code-highlighted"); - target.classList.remove("code-highlighted"); - } - } - /*]]>*///--> -// @license-end -</script> </head> <body> -<div id="content"> +<div id="content" class="content"> <h1 class="title">Org Themes collection</h1> <div id="outline-container-org49cbd84" class="outline-2"> -<h2 id="org49cbd84"><span class="section-number-2">1</span> Introduction</h2> +<h2 id="org49cbd84"><span class="section-number-2">1.</span> Introduction</h2> <div class="outline-text-2" id="text-1"> <p> This is a collection of org html themes.<br /> @@ -254,7 +232,7 @@ The git repository with all files is here: <a href="https://gitlab.com/OlMon/org </div> <div id="outline-container-orgb75f03f" class="outline-3"> -<h3 id="orgb75f03f"><span class="section-number-3">1.1</span> Credits and apology</h3> +<h3 id="orgb75f03f"><span class="section-number-3">1.1.</span> Credits and apology</h3> <div class="outline-text-3" id="text-1-1"> <p> I used them mainly embedded, with custom created SETUPFILES.<br /> @@ -266,7 +244,7 @@ without your name. Please contact me, so I can credit you.<br /> </div> <div id="outline-container-org13f0fb5" class="outline-3"> -<h3 id="org13f0fb5"><span class="section-number-3">1.2</span> Contributions</h3> +<h3 id="org13f0fb5"><span class="section-number-3">1.2.</span> Contributions</h3> <div class="outline-text-3" id="text-1-2"> <p> I am happy to include any theme.<br /> @@ -275,7 +253,7 @@ I am happy to include any theme.<br /> </div> <div id="outline-container-orgb0c111f" class="outline-3"> -<h3 id="orgb0c111f"><span class="section-number-3">1.3</span> The list of Themes:</h3> +<h3 id="orgb0c111f"><span class="section-number-3">1.3.</span> The list of Themes:</h3> <div class="outline-text-3" id="text-1-3"> <table border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides"> @@ -296,6 +274,10 @@ I am happy to include any theme.<br /> <td class="org-left"><a href="darksun/darksun.html">darksun</a></td> </tr> +<tr> +<td class="org-left"><a href="gray/gray.html">gray</a></td> +</tr> + <tr> <td class="org-left"><a href="imagine_light/imagine_light.html">imagine light</a></td> </tr> @@ -358,7 +340,7 @@ I am happy to include any theme.<br /> <div id="outline-container-org87b5065" class="outline-3"> -<h3 id="org87b5065"><span class="section-number-3">1.4</span> Irony</h3> +<h3 id="org87b5065"><span class="section-number-3">1.4.</span> Irony</h3> <div class="outline-text-3" id="text-1-4"> <p> There is a reason that this page has no custom css.<br /> @@ -369,7 +351,7 @@ There is a reason that this page has no custom css.<br /> </div> <div id="postamble" class="status"> <p class="author">Author: Marco Pawłowski (<a href="mailto:pawlowski.marco@gmail.com">pawlowski.marco@gmail.com</a>)</p> - <p class="update">Last Update: 2021-03-01 Mon 23:51</p> + <p class="update">Last Update: 2022-06-24 Fri 19:40</p> </div> </body> </html> diff --git a/packages/org-themes/src/gray/gray.css b/packages/org-themes/src/gray/gray.css new file mode 100644 index 0000000000000000000000000000000000000000..a0da868ca809e561de74b4a8acefaaeace175cf5 --- /dev/null +++ b/packages/org-themes/src/gray/gray.css @@ -0,0 +1,497 @@ +body { + font-family: Helvetica, Arial, sans-serif; + font-size: 16px; + line-height: 1.4; + color: #33333f; + } + +code { + font-family: "Inconsolata", "monospace"; + font-size: 16px; + } + +p>code, li>code { + background-color: #eee; + padding: 0.25em; + } + +h1, h2, h3 { + font-family: "Roboto Slab", Helvetica, Arial, sans-serif; + } + +h2 { + border-bottom: 1px solid #f0c; + padding-bottom: 0.5em; + font-size: 1.75em; + } + +h3 { + margin-top: 2em; + font-size: 1.5em; + } + +h4 { + font-size: 1.25em; + } + +h5 { + font-size: 1em; + } + +h2 code, h3 code, h4 code, h5 code, td code { + font-family: inherit !important; + font-size: inherit !important; + } + +td code { + font-weight: bold; + } + +a:link, a:hover, a:visited { + text-decoration: none; + color: black; + } + +a:link { + background: #ff8; + } + +a:visited { + color: #666; + background: #ffc; + } + +a:link:hover, +a:visited:hover { + background: #ff0; + } + +a[href^="http"] { + background: #bff; + } + +a[href^="http"]:visited { + background: #dff; + } + +a[href^="http"]:link:hover, +a[href^="http"]:visited:hover { + background: #0ff; + } + +a[href^="http"]:after { + content: "\21B3"; + background: white; + padding-left: 0.2em; + } + +#meta { + margin-top: 2em; + } + +#table-of-contents a:link, +#table-of-contents a:visited { + color: black; + background: transparent; + } + +#table-of-contents { + line-height: 1.2; + } +#table-of-contents h2 { + border-bottom: 0; + } + +#table-of-contents ul { + list-style: none; + padding-left: 0.5em; + font-weight: normal; + } + +#table-of-contents div>ul>li { + margin-top: 1em; + font-weight: bold; + } + +#table-of-contents .tag { + display: none; + } + +#table-of-contents .todo, +#table-of-contents .done { + font-size: 80%; + } + +#table-of-contents ol>li { + margin-top: 1em; + } + +table { + width: 100%; + } + +table, th, td { + border: 1px solid #666; + } + +th, td { + padding: 0.5em; + text-align: left; + } + +tbody tr:nth-child(odd) { + background-color: #eee; + } + +img { + max-width: 90%; + } + +div.notice { + position: relative; + margin: 0 1.2em; + padding: 0.25em 1em; + border-left: 4px solid; + } + +table + div.notice { + margin-top: 2em; + } + +div.notice a { + background: transparent !important; + border-bottom: 1px dotted; + } + +div.notice a[href^="http"]:after { + background: transparent !important; + } + +div.notice:before { + position: absolute; + top: 0; + right: 0; + padding: 0.25em 0.5em 0; + font-size: 60%; + border-bottom-left-radius: 0.5em; + } + +.notice-warning { + background: #fcc; + color: #600; + } + +.notice-example { + background: #def; + color: #069; + } + +.notice-info { + background: #efe; + color: #060; + } + +.notice-warning a { + color: #600; + } + +.notice-example a { + color: #069; + } + +.notice-info a { + color: #060; + } + +div.notice-warning:before { + content: "WARNING"; + background: #c99; + color: #fcc; + } + +div.notice-example:before { + content: "EXAMPLE"; + background: #abc; + color: #def; + } + +div.notice-info:before { + content: "INFO"; + background: #9c9; + color: #efe; + } + +/* things inside the #+BEGIN_NOTE...#+END_NOTE block */ +div.NOTE a { + background: transparent !important; + border-bottom: 1px dotted; + } + +div.NOTE { + position: relative; + margin: 0 1.2em; + padding: 0.25em 1em; + border-left: 4px solid; + margin-top: 2em; + background: #efe; + color: #060; + } + +div.NOTE:before { + position: absolute; + top: 0; + right: 0; + padding: 0.25em 0.5em 0; + font-size: 60%; + border-bottom-left-radius: 0.5em; + content: "NOTE"; + background: #9c9; + color: #efe; + } + +blockquote { + padding: 0px 10px 0px 10px; + border: 1px solid #ddd; + background: #eee; + box-shadow: 5px 5px 5px #eee; + border-radius: 2px; + line-height: 1.2em; + } + +pre { + font-family: "Inconsolata", "monospace"; + font-size: 100%; + border: 0; + box-shadow: none; + overflow: auto; + } + +pre.example:before { + content: "EXAMPLE"; + display: block; + border-bottom: 1px dotted; + margin-bottom: 1em; + } + +pre.example { + background: #fec; + color: #666; + font-size: 0.85em; + } + +pre { + background-color: #f8f8f8; + background-size: 8px 8px; + background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.02) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.02) 75%, rgba(0, 0, 0, 0.02)); + } + +pre.src { + padding: 0.5em; + } + +pre.src:before { + display: block; + position: absolute; + background-color: #ccccd0; + top: 0; + right: 0; + padding: 0.25em 0.5em; + border-bottom-left-radius: 8px; + border: 0; + color: white; + font-size: 80%; + } + +pre.src-plantuml:before { + content: "UML"; + } + +pre.src-javascript:before { + content: "JS"; + } + +pre.src-clojure:before { + content: "CLJ"; + } + +pre.src-c:before { + content: "C"; + } + +pre.src-sh:before { + content: "Shell"; + } + +pre.src-es:before { + content: "ES"; + } + +span.org-string { + color: #f94; + } + +span.org-keyword { + color: #c07; + } + +span.org-variable-name { + color: #f04; + } + +span.org-clojure-keyword { + color: #09f; + } + +span.org-comment, span.org-comment-delimiter { + color: #999; + } + +span.org-rainbow-delimiters-depth-1, span.org-rainbow-delimiters-depth-5 { + color: #666; + } + +span.org-rainbow-delimiters-depth-2, span.org-rainbow-delimiters-depth-6 { + color: #888; + } + +span.org-rainbow-delimiters-depth-3, span.org-rainbow-delimiters-depth-7 { + color: #aaa; + } + +span.org-rainbow-delimiters-depth-4, span.org-rainbow-delimiters-depth-8 { + color: #ccc; + } + +div.figure { + font-size: 0.85em; + } + +.tag { + font-family: "Roboto Slab", Helvetica, Arial, sans-serif; + font-size: 11px; + font-weight: normal; + float: right; + margin-top: 1em; + background: transparent; + } + +.tag span { + background: #ccc; + padding: 0 0.5em; + border-radius: 0.2em; + color: white; + } + +.todo, .done { + font-family: "Roboto Slab", Helvetica, Arial, sans-serif; + font-weight: normal; + padding: 0 0.25em; + border-radius: 0.2em; + } + +.todo { + background: #f04; + color: white; + } + +.done { + background: #5f7; + color: white; + } + +@media screen { + h1.title { + text-align: left; + margin: 0.5em 0 1em 0; + } + + h2 { + margin-top: 3em; + } + + #table-of-contents { + position: fixed; + top: 0; + left: 0; + padding: 2em 0 2em 2em; + width: 290px; + height: 100vh; + font-size: 11px; + background: #eee; + overlow-x: hidden; + overlow-y: auto; + } + + #table-of-contents h2 { + margin-top: 0; + } + + #table-of-contents code { + font-size: 12px; + } + + div#content { + margin-left: 320px; + max-width: 1100px; + } + div#postamble { + margin-left: 320px; + max-width: 1100px; + } + } + +@media screen and (max-width: 1024px) { + html, body { + font-size: 14px; + } + + #table-of-contents { + display: none; + } + + h1.title { + margin-left: 0%; + } + + div#content { + margin-left: 5%; + max-width: 90%; + } + div#postamble { + margin-left: 5%; + max-width: 90%; + } + } + +@media print { + + body { + color: black; + } + + @page { + margin: 25mm; + } + + h2, h3 { + page-break-before: always; + margin-top: 0; + } + + table { + page-break-inside: avoid; + } + + a:visited { + color: black; + background: #ff8; + } + + a[href^="http"]:visited { + background: #bff; + } + + div.notice:before { + display: none; + } +} diff --git a/packages/org-themes/src/gray/gray.org b/packages/org-themes/src/gray/gray.org new file mode 100644 index 0000000000000000000000000000000000000000..1b35cb3c34c5c6ee47666b65e06bdfa79f2ba548 --- /dev/null +++ b/packages/org-themes/src/gray/gray.org @@ -0,0 +1,132 @@ +#+SETUPFILE: ~/.emacs.d/org-styles/html/gray.theme +#+TITLE: Gray Theme +#+AUTHOR: Lee Hinman +#+EMAIL: lee@writequit.org +#+OPTIONS: ^:nil <:t + +* Plain Org +Includes: +- [X] CSS +- [ ] JAVASCRIPT + +Available as: +- [X] CSS FILE +- [ ] JS FILE +- [X] SETUPFILE + +* Lists +** Todo List +*** TODO First todo +*** DONE First Done with Date +CLOSED: [2021-02-18 Thu 10:12] +*** TODO Scheduled +SCHEDULED: <2021-02-18 Thu> +*** TODO Deadline +DEADLINE: <2021-02-18 Thu> +*** TODO Date +<2021-02-18 Thu> + +** Simple list +- List item +- List item +- List item +- List item + +** Sorted List +1. List item +2. List item +3. List item +4. List item + +** Checkbox +- [ ] List item +- [X] List item +- [ ] List item +- [X] List item + + +* H1 +H1 Text +** H2 +H2 Text +*** H3 +H3 Text +**** H4 +H4 Text +***** H5 +H5 Text +****** H6 +H6 Text +******* H7 +H7 Text + + + +* Table + +| a | b | c | d | e | f | +|----+----+----+----+----+----| +| 0 | 1 | 2 | 3 | 4 | 5 | +| 6 | 7 | 8 | 9 | 10 | 11 | +| 12 | 13 | 14 | 15 | 16 | 17 | +| 18 | 19 | 20 | 21 | 22 | 23 | +| 24 | 25 | 26 | 27 | 28 | 29 | + + +* Blocks +** Center +#+begin_center +This is a center block +#+end_center + +** Comment +#+begin_comment +This is a comment block +#+end_comment + +** Example +#+begin_example +This is an example block +#+end_example + +** Quote +#+begin_quote +This is a quote block +#+end_quote + +** Verse +#+begin_verse +This is a verse block +#+end_verse + + +** Source Blocks +*** Python +#+begin_src python :results output :exports both +for i in range(10): + print(i) +#+end_src + +#+RESULTS: +#+begin_example +0 +1 +2 +3 +4 +5 +6 +7 +8 +9 +#+end_example + +*** Elisp +#+begin_src emacs-lisp :exports both +(car '(a b c d)) +#+end_src + +#+RESULTS: +: a + + diff --git a/packages/org-themes/src/gray/gray.theme b/packages/org-themes/src/gray/gray.theme new file mode 100644 index 0000000000000000000000000000000000000000..f5b0c39dfbe653f3f77e6cd7fc413ca8097cbd0f --- /dev/null +++ b/packages/org-themes/src/gray/gray.theme @@ -0,0 +1,502 @@ +# Turn off default internal styles +#+OPTIONS: html-style:nil + +#+HTML_HEAD: <style type="text/css"> +#+HTML_HEAD: body { +#+HTML_HEAD: font-family: Helvetica, Arial, sans-serif; +#+HTML_HEAD: font-size: 16px; +#+HTML_HEAD: line-height: 1.4; +#+HTML_HEAD: color: #33333f; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: code { +#+HTML_HEAD: font-family: "Inconsolata", "monospace"; +#+HTML_HEAD: font-size: 16px; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: p>code, li>code { +#+HTML_HEAD: background-color: #eee; +#+HTML_HEAD: padding: 0.25em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: h1, h2, h3 { +#+HTML_HEAD: font-family: "Roboto Slab", Helvetica, Arial, sans-serif; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: h2 { +#+HTML_HEAD: border-bottom: 1px solid #f0c; +#+HTML_HEAD: padding-bottom: 0.5em; +#+HTML_HEAD: font-size: 1.75em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: h3 { +#+HTML_HEAD: margin-top: 2em; +#+HTML_HEAD: font-size: 1.5em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: h4 { +#+HTML_HEAD: font-size: 1.25em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: h5 { +#+HTML_HEAD: font-size: 1em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: h2 code, h3 code, h4 code, h5 code, td code { +#+HTML_HEAD: font-family: inherit !important; +#+HTML_HEAD: font-size: inherit !important; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: td code { +#+HTML_HEAD: font-weight: bold; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: a:link, a:hover, a:visited { +#+HTML_HEAD: text-decoration: none; +#+HTML_HEAD: color: black; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: a:link { +#+HTML_HEAD: background: #ff8; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: a:visited { +#+HTML_HEAD: color: #666; +#+HTML_HEAD: background: #ffc; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: a:link:hover, +#+HTML_HEAD: a:visited:hover { +#+HTML_HEAD: background: #ff0; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: a[href^="http"] { +#+HTML_HEAD: background: #bff; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: a[href^="http"]:visited { +#+HTML_HEAD: background: #dff; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: a[href^="http"]:link:hover, +#+HTML_HEAD: a[href^="http"]:visited:hover { +#+HTML_HEAD: background: #0ff; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: a[href^="http"]:after { +#+HTML_HEAD: content: "\21B3"; +#+HTML_HEAD: background: white; +#+HTML_HEAD: padding-left: 0.2em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #meta { +#+HTML_HEAD: margin-top: 2em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents a:link, +#+HTML_HEAD: #table-of-contents a:visited { +#+HTML_HEAD: color: black; +#+HTML_HEAD: background: transparent; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents { +#+HTML_HEAD: line-height: 1.2; +#+HTML_HEAD: } +#+HTML_HEAD: #table-of-contents h2 { +#+HTML_HEAD: border-bottom: 0; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents ul { +#+HTML_HEAD: list-style: none; +#+HTML_HEAD: padding-left: 0.5em; +#+HTML_HEAD: font-weight: normal; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents div>ul>li { +#+HTML_HEAD: margin-top: 1em; +#+HTML_HEAD: font-weight: bold; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents .tag { +#+HTML_HEAD: display: none; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents .todo, +#+HTML_HEAD: #table-of-contents .done { +#+HTML_HEAD: font-size: 80%; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents ol>li { +#+HTML_HEAD: margin-top: 1em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: table { +#+HTML_HEAD: width: 100%; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: table, th, td { +#+HTML_HEAD: border: 1px solid #666; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: th, td { +#+HTML_HEAD: padding: 0.5em; +#+HTML_HEAD: text-align: left; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: tbody tr:nth-child(odd) { +#+HTML_HEAD: background-color: #eee; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: img { +#+HTML_HEAD: max-width: 90%; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.notice { +#+HTML_HEAD: position: relative; +#+HTML_HEAD: margin: 0 1.2em; +#+HTML_HEAD: padding: 0.25em 1em; +#+HTML_HEAD: border-left: 4px solid; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: table + div.notice { +#+HTML_HEAD: margin-top: 2em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.notice a { +#+HTML_HEAD: background: transparent !important; +#+HTML_HEAD: border-bottom: 1px dotted; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.notice a[href^="http"]:after { +#+HTML_HEAD: background: transparent !important; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.notice:before { +#+HTML_HEAD: position: absolute; +#+HTML_HEAD: top: 0; +#+HTML_HEAD: right: 0; +#+HTML_HEAD: padding: 0.25em 0.5em 0; +#+HTML_HEAD: font-size: 60%; +#+HTML_HEAD: border-bottom-left-radius: 0.5em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .notice-warning { +#+HTML_HEAD: background: #fcc; +#+HTML_HEAD: color: #600; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .notice-example { +#+HTML_HEAD: background: #def; +#+HTML_HEAD: color: #069; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .notice-info { +#+HTML_HEAD: background: #efe; +#+HTML_HEAD: color: #060; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .notice-warning a { +#+HTML_HEAD: color: #600; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .notice-example a { +#+HTML_HEAD: color: #069; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .notice-info a { +#+HTML_HEAD: color: #060; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.notice-warning:before { +#+HTML_HEAD: content: "WARNING"; +#+HTML_HEAD: background: #c99; +#+HTML_HEAD: color: #fcc; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.notice-example:before { +#+HTML_HEAD: content: "EXAMPLE"; +#+HTML_HEAD: background: #abc; +#+HTML_HEAD: color: #def; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.notice-info:before { +#+HTML_HEAD: content: "INFO"; +#+HTML_HEAD: background: #9c9; +#+HTML_HEAD: color: #efe; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: /* things inside the #+BEGIN_NOTE...#+END_NOTE block */ +#+HTML_HEAD: div.NOTE a { +#+HTML_HEAD: background: transparent !important; +#+HTML_HEAD: border-bottom: 1px dotted; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.NOTE { +#+HTML_HEAD: position: relative; +#+HTML_HEAD: margin: 0 1.2em; +#+HTML_HEAD: padding: 0.25em 1em; +#+HTML_HEAD: border-left: 4px solid; +#+HTML_HEAD: margin-top: 2em; +#+HTML_HEAD: background: #efe; +#+HTML_HEAD: color: #060; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.NOTE:before { +#+HTML_HEAD: position: absolute; +#+HTML_HEAD: top: 0; +#+HTML_HEAD: right: 0; +#+HTML_HEAD: padding: 0.25em 0.5em 0; +#+HTML_HEAD: font-size: 60%; +#+HTML_HEAD: border-bottom-left-radius: 0.5em; +#+HTML_HEAD: content: "NOTE"; +#+HTML_HEAD: background: #9c9; +#+HTML_HEAD: color: #efe; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: blockquote { +#+HTML_HEAD: padding: 0px 10px 0px 10px; +#+HTML_HEAD: border: 1px solid #ddd; +#+HTML_HEAD: background: #eee; +#+HTML_HEAD: box-shadow: 5px 5px 5px #eee; +#+HTML_HEAD: border-radius: 2px; +#+HTML_HEAD: line-height: 1.2em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre { +#+HTML_HEAD: font-family: "Inconsolata", "monospace"; +#+HTML_HEAD: font-size: 100%; +#+HTML_HEAD: border: 0; +#+HTML_HEAD: box-shadow: none; +#+HTML_HEAD: overflow: auto; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre.example:before { +#+HTML_HEAD: content: "EXAMPLE"; +#+HTML_HEAD: display: block; +#+HTML_HEAD: border-bottom: 1px dotted; +#+HTML_HEAD: margin-bottom: 1em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre.example { +#+HTML_HEAD: background: #fec; +#+HTML_HEAD: color: #666; +#+HTML_HEAD: font-size: 0.85em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre { +#+HTML_HEAD: background-color: #f8f8f8; +#+HTML_HEAD: background-size: 8px 8px; +#+HTML_HEAD: background-image: linear-gradient(135deg, transparent 25%, rgba(0, 0, 0, 0.02) 25%, rgba(0, 0, 0, 0.02) 50%, transparent 50%, transparent 75%, rgba(0, 0, 0, 0.02) 75%, rgba(0, 0, 0, 0.02)); +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre.src { +#+HTML_HEAD: padding: 0.5em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre.src:before { +#+HTML_HEAD: display: block; +#+HTML_HEAD: position: absolute; +#+HTML_HEAD: background-color: #ccccd0; +#+HTML_HEAD: top: 0; +#+HTML_HEAD: right: 0; +#+HTML_HEAD: padding: 0.25em 0.5em; +#+HTML_HEAD: border-bottom-left-radius: 8px; +#+HTML_HEAD: border: 0; +#+HTML_HEAD: color: white; +#+HTML_HEAD: font-size: 80%; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre.src-plantuml:before { +#+HTML_HEAD: content: "UML"; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre.src-javascript:before { +#+HTML_HEAD: content: "JS"; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre.src-clojure:before { +#+HTML_HEAD: content: "CLJ"; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre.src-c:before { +#+HTML_HEAD: content: "C"; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre.src-sh:before { +#+HTML_HEAD: content: "Shell"; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: pre.src-es:before { +#+HTML_HEAD: content: "ES"; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: span.org-string { +#+HTML_HEAD: color: #f94; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: span.org-keyword { +#+HTML_HEAD: color: #c07; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: span.org-variable-name { +#+HTML_HEAD: color: #f04; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: span.org-clojure-keyword { +#+HTML_HEAD: color: #09f; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: span.org-comment, span.org-comment-delimiter { +#+HTML_HEAD: color: #999; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: span.org-rainbow-delimiters-depth-1, span.org-rainbow-delimiters-depth-5 { +#+HTML_HEAD: color: #666; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: span.org-rainbow-delimiters-depth-2, span.org-rainbow-delimiters-depth-6 { +#+HTML_HEAD: color: #888; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: span.org-rainbow-delimiters-depth-3, span.org-rainbow-delimiters-depth-7 { +#+HTML_HEAD: color: #aaa; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: span.org-rainbow-delimiters-depth-4, span.org-rainbow-delimiters-depth-8 { +#+HTML_HEAD: color: #ccc; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.figure { +#+HTML_HEAD: font-size: 0.85em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .tag { +#+HTML_HEAD: font-family: "Roboto Slab", Helvetica, Arial, sans-serif; +#+HTML_HEAD: font-size: 11px; +#+HTML_HEAD: font-weight: normal; +#+HTML_HEAD: float: right; +#+HTML_HEAD: margin-top: 1em; +#+HTML_HEAD: background: transparent; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .tag span { +#+HTML_HEAD: background: #ccc; +#+HTML_HEAD: padding: 0 0.5em; +#+HTML_HEAD: border-radius: 0.2em; +#+HTML_HEAD: color: white; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .todo, .done { +#+HTML_HEAD: font-family: "Roboto Slab", Helvetica, Arial, sans-serif; +#+HTML_HEAD: font-weight: normal; +#+HTML_HEAD: padding: 0 0.25em; +#+HTML_HEAD: border-radius: 0.2em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .todo { +#+HTML_HEAD: background: #f04; +#+HTML_HEAD: color: white; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: .done { +#+HTML_HEAD: background: #5f7; +#+HTML_HEAD: color: white; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: @media screen { +#+HTML_HEAD: h1.title { +#+HTML_HEAD: text-align: left; +#+HTML_HEAD: margin: 0.5em 0 1em 0; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: h2 { +#+HTML_HEAD: margin-top: 3em; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents { +#+HTML_HEAD: position: fixed; +#+HTML_HEAD: top: 0; +#+HTML_HEAD: left: 0; +#+HTML_HEAD: padding: 2em 0 2em 2em; +#+HTML_HEAD: width: 290px; +#+HTML_HEAD: height: 100vh; +#+HTML_HEAD: font-size: 11px; +#+HTML_HEAD: background: #eee; +#+HTML_HEAD: overlow-x: hidden; +#+HTML_HEAD: overlow-y: auto; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents h2 { +#+HTML_HEAD: margin-top: 0; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents code { +#+HTML_HEAD: font-size: 12px; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div#content { +#+HTML_HEAD: margin-left: 320px; +#+HTML_HEAD: max-width: 1100px; +#+HTML_HEAD: } +#+HTML_HEAD: div#postamble { +#+HTML_HEAD: margin-left: 320px; +#+HTML_HEAD: max-width: 1100px; +#+HTML_HEAD: } +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: @media screen and (max-width: 1024px) { +#+HTML_HEAD: html, body { +#+HTML_HEAD: font-size: 14px; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: #table-of-contents { +#+HTML_HEAD: display: none; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: h1.title { +#+HTML_HEAD: margin-left: 0%; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div#content { +#+HTML_HEAD: margin-left: 5%; +#+HTML_HEAD: max-width: 90%; +#+HTML_HEAD: } +#+HTML_HEAD: div#postamble { +#+HTML_HEAD: margin-left: 5%; +#+HTML_HEAD: max-width: 90%; +#+HTML_HEAD: } +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: @media print { +#+HTML_HEAD: +#+HTML_HEAD: body { +#+HTML_HEAD: color: black; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: @page { +#+HTML_HEAD: margin: 25mm; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: h2, h3 { +#+HTML_HEAD: page-break-before: always; +#+HTML_HEAD: margin-top: 0; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: table { +#+HTML_HEAD: page-break-inside: avoid; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: a:visited { +#+HTML_HEAD: color: black; +#+HTML_HEAD: background: #ff8; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: a[href^="http"]:visited { +#+HTML_HEAD: background: #bff; +#+HTML_HEAD: } +#+HTML_HEAD: +#+HTML_HEAD: div.notice:before { +#+HTML_HEAD: display: none; +#+HTML_HEAD: } +#+HTML_HEAD: } +#+HTML_HEAD: </style> \ No newline at end of file diff --git a/packages/org-themes/src/index.org b/packages/org-themes/src/index.org index 25a3511ee261187b67669ba00f5ebaf1e2249b7b..65829b94f3da557151ee7d1ec5c2ee2fd35028f1 100644 --- a/packages/org-themes/src/index.org +++ b/packages/org-themes/src/index.org @@ -16,7 +16,7 @@ inside =style= and =script= tags. Include it by using: #+begin_src emacs-lisp -#+SETUPFILE: <path to .theme file> +,#+SETUPFILE: <path to .theme file> #+end_src Every theme is rendered with the same org file. A plane version is also included. @@ -33,7 +33,7 @@ I am happy to include any theme. ** The list of Themes: #+NAME: Themes list -#+begin_src emacs-lisp :exports results +#+begin_src emacs-lisp :exports none ;; https://kitchingroup.cheme.cmu.edu/blog/2014/03/23/Make-a-list-of-org-files-in-all-the-subdirectories-of-the-current-working-directory/ (defun os-walk (root) (let ((files '()) ;empty list to store results @@ -61,17 +61,15 @@ I am happy to include any theme. (mapcar (lambda (x) (princ (format "[[%s][%s]]\n" x (replace-regexp-in-string "\.org$" "" (replace-regexp-in-string "_" " " (replace-regexp-in-string ".*/" "" (file-relative-name x "."))))))) - (remove-if-not + (cl-remove-if-not (lambda (x) (and (string= (file-name-extension x) "org") (not (string-match "example" x)) (not (string-match "index" x)))) (os-walk ""))) #+end_src - - -#+RESULTS: Themes list | [[file:/home/olmon/Workplace/Org/Themes/src/bigblow_inline/bigblow.org][bigblow]] | | [[file:/home/olmon/Workplace/Org/Themes/src/comfy_inline/comfy_inline.org][comfy inline]] | | [[file:/home/olmon/Workplace/Org/Themes/src/darksun/darksun.org][darksun]] | +| [[file:/home/olmon/Workplace/Org/Themes/src/gray/gray.org][gray]] | | [[file:/home/olmon/Workplace/Org/Themes/src/imagine_light/imagine_light.org][imagine light]] | | [[file:/home/olmon/Workplace/Org/Themes/src/latexcss/latexcss.org][latexcss]] | | [[file:/home/olmon/Workplace/Org/Themes/src/plain/plain.org][plain]] |