From bbe8cf6891950bc35507b5bdd27c45eab4fe4f4c Mon Sep 17 00:00:00 2001 From: "Yann Esposito (Yogsototh)" Date: Tue, 19 Nov 2019 23:18:41 +0800 Subject: [PATCH] slightly more CSS upgrades --- project.el | 24 ++--- project.el.sig | Bin 586 -> 586 bytes src/css/minimalist.css | 200 +++++++++++++++++++---------------------- src/index.org | 4 +- 4 files changed, 108 insertions(+), 120 deletions(-) diff --git a/project.el b/project.el index 8a1b483..2d6525e 100644 --- a/project.el +++ b/project.el @@ -177,23 +177,23 @@ (goto-char (point-min)) (search-forward "") (insert (mapconcat 'identity - '("" - "" - "" - "" - "" - "" + '("" + "" + "" + "" + "" + "" "
" "
" "Change theme: " - "" - "(," - ")" + "" + "(," + ")" " / " - "" - "(," - ")" + "" + "(," + ")" "
" "
" "
") diff --git a/project.el.sig b/project.el.sig index 982d5cfd48e5bb1560f1d72ba8612c79214429a4..e8320fc5b89efe50faa44b039eade342142f8c42 100644 GIT binary patch delta 534 zcmV+x0_pwA1j+=EBLmb2xsfIye-_gZ|3Q{);*P4!tfh?c`Y<<#NSnL(GfFR45uSRL zW0xldS?z6>Hjf=oDN0Y028tq7$jjWLWyZlo{%z^dG{EIt=bB)*c7HYzu2| z-HAK`uvsWvlx|1jrKl!lAN?r#t0BdKx*wxbH3#?U+ev9*$V~+6K=hk};hn$CMqw&1 zg}A!69OQf_%E>#)Hp#SZf6-UN#~kA`r!xby_{xZLH>W&^gpvA@pD5(EYH9Oi)sk?> zi3F!Hl)Gk+D_xF|8Jh4TSp9V}d`wPq)iDbn1__MkH=-!W>yj9m>x4pd73C?a+z$tq zXwDl;A-;-gz`eYzal#8H9zZ)lN6^IYqQ!yoOnK{kX=g5?@s)DHf0kgV`5VrsqGXSy z+-+ct{q7gB#@(kebKo`{t`6Gi3XqIKnqGWpqI?44OkynzB0%)KaJ4L9gc={>VsEI^ zf3;^-B?1EJnh}+dw_h+JIJN58O=OBn;DDw{KAUao5WYTs+wQQkiP$SBVINwqX_Jk? YMpLA<2l*;4x^B6c2wyGjRF5f6=-0OjfB*mh delta 534 zcmV+x0_pwA1j+=EBLmZCtdS-le_L-4|3dx=nr{3jQk(MS*Jm3|Cz3=1yg0noTj&w` za%Yaf1_uX5k|2bB$N@Q9CsH^s}Q23Axi&57CV*9 zJ=miqHKsv93lpjN*z!=mL~t!xJYwJ{)?z5M^2am%`DW}vT2#};v_ccif3PJkYcBCB zmIg26fd)dNl@C>5`CnEeI-e!|-{ye%3BM}4AaCHgiI^QSQ~B|7zY@7cll3ZXwY|kD zU!o~8)~r~kdSRQJjkIfd0<8!css3WS%XRP@&D1aw$spmhPxcXMWu69HQ((xk$`h@S z+fBa(KBfO|e*utU$F6v99cfet zxE)DDZG(hc`%DU46{LQ*;y4vn8#H-ZWdN}5VqCdB@|1{fMMb67H&KWlG`5X-nW{X! z>W(Hqsjmk!fL6Ny#8&^=p>1qyRpgPWX7+DK!FFuOP#*;o67>J?Pei-r($ftTJ@1t* YQUdQIZKgLSPPTr<2>Rdx14MZH^Bze4)&Kwi diff --git a/src/css/minimalist.css b/src/css/minimalist.css index 8bb596c..65fb659 100644 --- a/src/css/minimalist.css +++ b/src/css/minimalist.css @@ -233,8 +233,8 @@ nav > a { --rfg: var(--base1); --rbg: var(--base02); --bdr: var(--base02); - --todo-txt: #000; - --link: var(--green); + --l-fg: var(--bg); + --l-bg: var(--green); } /* org colors */ @@ -247,8 +247,8 @@ nav > a { --rfg: var(--base01); --rbg: var(--base2); --bdr: var(--base2); - --todo-txt: #FFF; - --link: var(--orange); + --l-fg: var(--bg); + --l-bg: var(--orange); } } /* Dark themes soften and darken images */ @@ -268,31 +268,31 @@ nav > a { } /* Light themes does not soften and darken images */ -#light:checked ~ .main img, -#simple:checked ~ .main img , -#modern:checked ~ .main img { +#l:checked ~ .main img, +#s:checked ~ .main img , +#m:checked ~ .main img { filter: none; } -#dark:checked ~ .main img, -#darksimple:checked ~ .main img { +#d:checked ~ .main img, +#c:checked ~ .main img { filter: saturate(0.8) brightness(0.8); } -#matrix:checked ~ .main img { +#x:checked ~ .main img { filter: brightness(0.8) sepia(100%) hue-rotate(55deg) saturate(2.5); } -#simple:checked ~ .main #preamble:after, -#simple:checked ~ .main #postamble:before, -#darksimple:checked ~ .main #preamble:after, -#darksimple:checked ~ .main #postamble:before, -#modern:checked ~ .main #preamble:after, -#modern:checked ~ .main #postamble:before +#s:checked ~ .main #preamble:after, +#s:checked ~ .main #postamble:before, +#c:checked ~ .main #preamble:after, +#c:checked ~ .main #postamble:before, +#m:checked ~ .main #preamble:after, +#m:checked ~ .main #postamble:before { display: none; } /* --------------------------------------------------------------------------- */ /* Dark theme selected */ -#dark:checked ~ .main, #dark:checked ~ #labels { +#d:checked ~ .main, #d:checked ~ #labels { --bg: var(--base03); --fg: var(--base0); --bg2: var(--base02); @@ -300,13 +300,13 @@ nav > a { --rfg: var(--base1); --rbg: var(--base02); --bdr: var(--base02); - --todo-txt: #000; - --link: var(--green); + --l-fg: var(--bg); + --l-bg: var(--green); } /* --------------------------------------------------------------------------- */ /* Light theme selected */ -#light:checked ~ .main, #light:checked ~ #labels { +#l:checked ~ .main, #l:checked ~ #labels { --bg: var(--base3); --fg: var(--base01); --bg2: var(--base2); @@ -314,41 +314,39 @@ nav > a { --rfg: var(--base01); --rbg: var(--base2); --bdr: var(--base2); - --todo-txt: #FFF; - --link: var(--orange); + --l-fg: var(--bg); + --l-bg: var(--orange); } /* --------------------------------------------------------------------------- */ /* Light simple theme selected */ -#simple:checked ~ .main, #simple:checked ~ #labels { +#c:checked ~ .main, #c:checked ~ #labels, +#s:checked ~ .main, #s:checked ~ #labels { --bg: #fff; --fg: #333; --bg2: #eee; --fg2: #222; - --rfg: #000; - --rbg: #fff; + --rfg: #111; + --rbg: #eee; --bdr: #CCC; - --todo-txt: #333; - --link: var(--orange); - font-family: "Helvetica Neue"; + --l-fg: var(--bg); + --l-bg: var(--orange); + font-family: sans-serif; font-size: 16px; line-height: 1.5em; } -#simple:checked ~ #labels .content{ +#c:checked ~ #labels .content, +#s:checked ~ #labels .content, +#c:checked ~ .main .content, +#c:checked ~ .main #content, +#s:checked ~ .main .content, +#s:checked ~ .main #content { margin: 0 auto; } -#simple:checked ~ .main .content, -#simple:checked ~ .main #content { - margin: 0 auto; -} -#simple:checked ~ .main code, -#simple:checked ~ .main pre{ - font-family: monospace; -} /* --------------------------------------------------------------------------- */ /* Dark matrix theme selected */ -#matrix:checked ~ .main, #matrix:checked ~ #labels { +#x:checked ~ .main, #x:checked ~ #labels { --bg: #000; --fg: #0b0; --bg2: #040; @@ -356,8 +354,8 @@ nav > a { --rfg: #0f0; --rbg: #000; --bdr: #080; - --todo-txt: #0b0; - --link: #080; + --l-fg: #0f0; + --l-bg: var(--bg); --yellow: #0f0; --orange: #0e0; --red: #0d0; @@ -369,16 +367,17 @@ nav > a { --base03: #020; --base02: #030; --base3: #0f0; + --base2: #0e0; font-family: monospace; } -#matrix:checked ~ .main code, -#matrix:checked ~ .main pre { +#x:checked ~ .main code, +#x:checked ~ .main pre { font-family: monospace; } /* --------------------------------------------------------------------------- */ /* Light modern theme selected */ -#modern:checked ~ .main, #modern:checked ~ #labels { +#m:checked ~ .main, #m:checked ~ #labels { --bg: #fff; --fg: #444; --bg2: #eee; @@ -386,33 +385,33 @@ nav > a { --rfg: #000; --rbg: #eee; --bdr: #ddd; - --todo-txt: #000; - --link: var(--magenta); + --l-fg: var(--bg); + --l-bg: var(--magenta); font-family: "Helvetica Neue", sans-serif; font-weight: 300; font-size: 16px; line-height: 1.5em; } -#modern:checked ~ #labels a { +#m:checked ~ #labels a { color: #fff; } -#modern:checked ~ .main .content, -#modern:checked ~ .main #content { +#m:checked ~ .main .content, +#m:checked ~ .main #content { margin: 0 auto; } -#modern:checked ~ .main blockquote:after { +#m:checked ~ .main blockquote:after { display: none; } -#modern:checked ~ .main blockquote { +#m:checked ~ .main blockquote { font-family: "Hoefler Text", Georgia, serif; font-style: italic; font-size: 20px; line-height: 30px; border-left: solid 10px; } -#modern:checked ~ .main h1, -#modern:checked ~ .main h2 { +#m:checked ~ .main h1, +#m:checked ~ .main h2 { font-family: "Hoefler Text", Georgia, serif; font-style: italic; font-size: 2em; @@ -421,106 +420,101 @@ nav > a { color: var(--rfg); } -#modern:checked ~ .main h3, -#modern:checked ~ .main h4, -#modern:checked ~ .main h5, -#modern:checked ~ .main h6 { +#m:checked ~ .main h3, +#m:checked ~ .main h4, +#m:checked ~ .main h5, +#m:checked ~ .main h6 { font-weight: 200; font-size: 1.5em; line-height: 1.5em; margin: 1em 0; color: var(--rfg); } -#modern:checked ~ .main h4{ +#m:checked ~ .main h4{ font-size: 1.25em; line-height: 1.25em; } -#modern:checked ~ .main h5, -#modern:checked ~ .main h6 { +#m:checked ~ .main h5, +#m:checked ~ .main h6 { font-size: 1em; line-height: 1em; } -#modern:checked ~ .main #preamble { +#m:checked ~ .main #preamble { border-bottom: solid 1px rgba(0,0,0,0.2); } -#modern:checked ~ .main #postamble { +#m:checked ~ .main #postamble { border-top: solid 1px rgba(0,0,0,0.2); } -#modern:checked ~ .main #preamble h1 { +#m:checked ~ .main #preamble h1 { font-size: 4em; line-height: 1.5em; margin: .5em 0; } -#modern:checked ~ .main h1::before, -#modern:checked ~ .main h2::before, -#modern:checked ~ .main h3::before, -#modern:checked ~ .main h4::before, -#modern:checked ~ .main h5::before, -#modern:checked ~ .main h6::before { +#m:checked ~ .main h1::before, +#m:checked ~ .main h2::before, +#m:checked ~ .main h3::before, +#m:checked ~ .main h4::before, +#m:checked ~ .main h5::before, +#m:checked ~ .main h6::before { content: ""; } -#modern:checked ~ .main pre { +#m:checked ~ .main pre { font-size: 14px; line-height: 1em; border-left: solid 4px var(--fg2); padding-left: 1em; } -#modern:checked ~ .main pre::before, -#modern:checked ~ .main pre::after { +#m:checked ~ .main pre::before, +#m:checked ~ .main pre::after { content: ""; } -#modern:checked ~ .main #preamble, -#modern:checked ~ .main #postamble { +#m:checked ~ .main #preamble, +#m:checked ~ .main #postamble { background: var(--cyan); padding: 1em 0; } -#modern:checked ~ .main #preamble { +#m:checked ~ .main #preamble { margin-bottom: 2em; } -#modern:checked ~ .main #postamble { +#m:checked ~ .main #postamble { margin-top: 2em; } -#modern:checked ~ .main #postamble code { +#m:checked ~ .main #postamble code { background: transparent; } -#modern:checked ~ .main #preamble *, -#modern:checked ~ .main #postamble * { +#m:checked ~ .main #preamble *, +#m:checked ~ .main #postamble * { color: #fff; } -#modern:checked ~ #labels { +#m:checked ~ #labels { background: var(--cyan); color: #fff; } -#modern:checked ~ #labels .content { +#m:checked ~ #labels .content { margin: 0 auto; } /* --------------------------------------------------------------------------- */ /* Dark simple theme selected */ -#darksimple:checked ~ .main, #darksimple:checked ~ #labels { +#c:checked ~ .main, #c:checked ~ #labels { --bg: #000; --fg: #ccc; --bg2: #111; --fg2: #ddd; - --rfg: #fff; - --rbg: #000; - --bdr: #ccc; - --todo-txt: #ccc; + --rfg: #eee; + --rbg: #111; + --bdr: #333; --link: var(--green); - font-family: "Helvetica Neue", sans-serif; - font-weight: 300; - font-size: 16px; - line-height: 1.5em; } -#darksimple:checked ~ #labels .content{ +#c:checked ~ #labels .content{ margin: 0 auto; } -#darksimple:checked ~ .main code, -#darksimple:checked ~ .main pre { +#c:checked ~ .main code, +#c:checked ~ .main pre { font-family: monospace; } -#darksimple:checked ~ .main .content, -#darksimple:checked ~ .main #content { +#c:checked ~ .main .content, +#c:checked ~ .main #content { margin: 0 auto; } @@ -571,21 +565,15 @@ pre::after,pre::before,hr:after, .main pre::after,.main pre::before,.main hr:after { color: var(--fg2); } -#labels label:hover, -a:hover, a:active, a:focus, -.main a:hover,.main a:active,.main a:focus { - color: white; - background: var(--link); -} -nav a, nav a:visited, -.main nav a,.main nav a:visited { +nav a, nav a:visited, .main nav a,.main nav a:visited { color: var(--fg2); } -nav a:focus, nav a:hover, -.main nav a:focus,.main nav a:hover { - color: white; - background: var(--link); +#labels label:hover, a:hover, a:active, a:focus, .main a:hover,.main a:active,.main a:focus, +nav a:focus, nav a:hover, .main nav a:focus,.main nav a:hover { + color: var(--l-fg); + background: var(--l-bg); } + thead, .main thead, tr:hover, .main tr:hover { background: var(--rbg); color: var(--rfg); diff --git a/src/index.org b/src/index.org index 9ba7a06..846b46f 100644 --- a/src/index.org +++ b/src/index.org @@ -10,8 +10,8 @@ @@html:
- - + +