From 44db4f1d8e56a96b199000fcf2dfdf3dd12201e5 Mon Sep 17 00:00:00 2001 From: "Yann Esposito (Yogsototh)" Date: Sun, 25 Aug 2019 00:32:42 +0200 Subject: [PATCH] target only theme --- project.el | 34 ++++++------- project.el.sig | Bin 586 -> 586 bytes src/css/minimalist.css | 105 +++++++++++++---------------------------- 3 files changed, 52 insertions(+), 87 deletions(-) diff --git a/project.el b/project.el index 8f2c843..7495769 100644 --- a/project.el +++ b/project.el @@ -159,23 +159,25 @@ (goto-char (point-min)) (search-forward "") (insert (mapconcat 'identity - '("" - "" - "" - "" - "" + '( + "" + "" + "" + "" + "" + "
" - "
" - "Change theme: " - "" - "(," - " )" - " / " - "" - "()" - "
" - "
" - "
") + "
" + "Change theme: " + "light" + "(raw," + "modern)" + " / " + "dark" + "(raw)" + "
" + "
" + "
") "\n")) (goto-char (point-max)) (search-backward "") diff --git a/project.el.sig b/project.el.sig index de6514ba19918f141f586b3834b606f6212e931f..1cc77a6386a6199be743ac936c3ee21b4b74bb04 100644 GIT binary patch delta 534 zcmV+x0_pwA1j+=EBLiW&_mL(be+l>y0IEyN(hUY=Av2ScKjmhW7}EFAc!c|=o%=Sm zx%f@HXhnZ-2$|Rl%9=qcGU18bWe)cVYsR|8CR;Xo10~(=YeD=^zN;?Vt+a*DMvx(y zKKh~rbyf@H*1i2QzjjCYV0i|ZURV7`fi1SMEu}frE3O;%xf8*bmgY*Xf5fJ!*NP>m zFkLkP7+#qMbw38u@$EiFinGazmjp|$tNGFa-S6X;cE9kyNmAOHoYZMO@&1T1#BR|k z7+}zd&arqM;*|^Q)q(GsY+y!cnFJ;Hfw(qOtQ*(JJYbUHH=j8KvO;$_H=!mKS*dpA zZ#c1hZ%eZsx5YC?4afv1e>pT-@b?nq0018Lujucm($Aphjrm0l9I=%dSP|IKiU4W%RfBVj!C*z-dUng4L-Je{f39b2o8Nl*WV{ z&bN;&3He5XAkAoe+Uh*sE(wRts}_EF`M@jp3Q?HihHCR^f33KfA6_D>0pgrm*QUql z@7>pvT;kAH*P1-sWf99GUbCZMD zr)TIR1;0Np&l}0_=~*U+1UK2S^S!d z7*u24M>A%y{vQCUMf6sXvN4pE$Ec~UI5&^<4O8``iBR?EG=MB a { body > input { display:none; } -/* Light theme checked */ -input#light:target ~ .main, -input#light:checked ~ .main { +/* Light theme selected */ +input#light:target ~ .main { --main-background: #fefaf0; /* 0.5 lighter than #fdf6e3 */ --main-foreground: var(--base01); --second-foreground: var(--base00); @@ -334,15 +333,13 @@ input#light:checked ~ .main { --border-color: var(--base2); --todo-txt: #FFF; } -input#light:target ~ #labels, -input#light:checked ~ #labels { +input#light:target ~ #labels { background: #fefaf0; color: var(--base00); } -/* Dark theme checked */ -input#dark:target ~ .main, -input#dark:checked ~ .main { +/* Dark theme selected */ +input#dark:target ~ .main { --main-background: var(--base03); /* 0.5 darker than #002b36; */ --main-foreground: var(--base1); --second-foreground: var(--base0); @@ -351,15 +348,13 @@ input#dark:checked ~ .main { --border-color: var(--base02); --todo-txt: #000; } -input#dark:target ~ #labels, -input#dark:checked ~ #labels { +input#dark:target ~ #labels { background: var(--base03); color: var(--base0); } -/* Light raw theme checked */ -input#raw:target ~ .main, -input#raw:checked ~ .main { +/* Light raw theme selected */ +input#raw:target ~ .main { --main-background: #fff; --main-foreground: #000; --second-foreground: #000; @@ -376,21 +371,17 @@ input#raw:checked ~ .main { --color-link: var(--magenta); font-family: monospace; } -input#raw:target ~ #labels, -input#raw:checked ~ #labels { +input#raw:target ~ #labels { background: #fff; color: #000; } input#raw:target ~ .main code, -input#raw:target ~ .main pre, -input#raw:checked ~ .main code, -input#raw:checked ~ .main pre +input#raw:target ~ .main pre { font-family: monospace; } -/* Light modern theme checked */ -input#modern:target ~ .main, -input#modern:checked ~ .main { +/* Light modern theme selected */ +input#modern:target ~ .main { --main-background: #fff; --main-foreground: #444; --second-foreground: #666; @@ -404,19 +395,19 @@ input#modern:checked ~ .main { font-size: 16px; line-height: 1.5em; } + +input#modern:target ~ #labels a { + color: #fff; +} input#modern:target ~ .main .content, -input#modern:target ~ .main #content, -input#modern:checked ~ .main .content, -input#modern:checked ~ .main #content { +input#modern:target ~ .main #content { margin: 0 auto; } -input#modern:target ~ .main blockquote:after, -input#modern:checked ~ .main blockquote:after { +input#modern:target ~ .main blockquote:after { display: none; } -input#modern:target ~ .main blockquote, -input#modern:checked ~ .main blockquote { +input#modern:target ~ .main blockquote { font-family: "Hoefler Text", Georgia, serif; font-style: italic; font-size: 20px; @@ -424,9 +415,7 @@ input#modern:checked ~ .main blockquote { border-left: solid 10px; } input#modern:target ~ .main h1, -input#modern:target ~ .main h2, -input#modern:checked ~ .main h1, -input#modern:checked ~ .main h2 { +input#modern:target ~ .main h2 { font-family: "Hoefler Text", Georgia, serif; font-style: italic; font-size: 2em; @@ -437,18 +426,13 @@ input#modern:checked ~ .main h2 { input#modern:target ~ .main h3, input#modern:target ~ .main h4, input#modern:target ~ .main h5, -input#modern:target ~ .main h6, -input#modern:checked ~ .main h3, -input#modern:checked ~ .main h4, -input#modern:checked ~ .main h5, -input#modern:checked ~ .main h6 { +input#modern:target ~ .main h6 { font-weight: 200; font-size: 1.5em; line-height: 1.5em; margin: 1em 0; } -input#modern:target ~ .main #preamble h1, -input#modern:checked ~ .main #preamble h1 { +input#modern:target ~ .main #preamble h1 { font-size: 4em; line-height: 1.5em; } @@ -457,58 +441,41 @@ input#modern:target ~ .main h2::before, input#modern:target ~ .main h3::before, input#modern:target ~ .main h4::before, input#modern:target ~ .main h5::before, -input#modern:target ~ .main h6::before, -input#modern:checked ~ .main h1::before, -input#modern:checked ~ .main h2::before, -input#modern:checked ~ .main h3::before, -input#modern:checked ~ .main h4::before, -input#modern:checked ~ .main h5::before, -input#modern:checked ~ .main h6::before { +input#modern:target ~ .main h6::before { content: ""; } -input#modern:target ~ .main pre, -input#modern:checked ~ .main pre { +input#modern:target ~ .main pre { font-size: 14px; line-height: 1em; border-left: solid 4px var(--soft-foreground); padding-left: 1em; } input#modern:target ~ .main pre::before, -input#modern:target ~ .main pre::after, -input#modern:checked ~ .main pre::before, -input#modern:checked ~ .main pre::after { +input#modern:target ~ .main pre::after { content: ""; } input#modern:target ~ .main #preamble, -input#modern:target ~ .main #postamble, -input#modern:checked ~ .main #preamble, -input#modern:checked ~ .main #postamble { +input#modern:target ~ .main #postamble { background-color: var(--cyan); padding: 2em 0; } -input#modern:target ~ .main #postamble code, -input#modern:checked ~ .main #postamble code { +input#modern:target ~ .main #postamble code { background-color: transparent; } input#modern:target ~ .main #preamble *, -input#modern:target ~ .main #postamble *, -input#modern:checked ~ .main #preamble *, -input#modern:checked ~ .main #postamble * { +input#modern:target ~ .main #postamble * { color: #fff; } -input#modern:target ~ #labels, -input#modern:checked ~ #labels { +input#modern:target ~ #labels { background: var(--cyan); color: #fff; } -input#modern:target ~ #labels .content, -input#modern:checked ~ #labels .content { +input#modern:target ~ #labels .content { margin: 0 auto; } -/* Dark raw theme checked */ -input#darkraw:target ~ .main, -input#darkraw:checked ~ .main { +/* Dark raw theme selected */ +input#darkraw:target ~ .main { --main-background: #000; --main-foreground: #fff; --second-foreground: #fff; @@ -525,16 +492,12 @@ input#darkraw:checked ~ .main { --color-link: var(--yellow); font-family: monospace; } -input#darkraw:target ~ #labels, -input#darkraw:checked ~ #labels { +input#darkraw:target ~ #labels { background: #000; color: #fff; } input#darkraw:target ~ .main code, -input#darkraw:target ~ .main pre, -input#darkraw:checked ~ .main code, -input#darkraw:checked ~ .main pre -{ +input#darkraw:target ~ .main pre { font-family: monospace; } /* Default color theme */