/*
_________________________

THEME-TEST !

Table of Contents

1 *** META
1.1 This time applied to classics...
1.2 THESE VARIABLES COME VIA...
1.2.1 (for 'theme-default')
1.2.2 (for graphs)
1.3 Missing #TODO
1.3.1 _____________ first:
1.3.2 _____________ then:
2 *** Features
2.1 /*MAIN TEXT COLOR*/
2.1.1 --FG: white; //.................... main text color;
2.2 /*TEXT SETTINGS*/
2.2.1 --LINE-HEIGHT: 137%; //.................... text line height{150%};
2.3 /*COMMON COLOR*/
2.3.1 --A: blue; //............................... TOC lvl0 bg ...also: U fg, TOCnum bg, title bg;
2.4 /*TOC*/
2.4.1 --A_: red; //.............................. TOC lvl0 fg{FG} ...also: TOCnum fg;
2.4.2 --B: lime; //............................... TOCnum bg{A};
2.4.3 --B_: white; //............................... TOCnum fg{A_};
2.5 /*DOC TITLE*/
2.5.1 --Tb: ~~repeating-linear-gradient(90deg, black 10px, violet 2px, red 3px, maroon 11px, lavender 8px) !important;~~ //....... title bg;
2.5.2 --Tf: blue !important; //........................... title fg{Afg} [maybe buggy in comb with some other styles] ................;
2.5.3 --Tx: whatever; //............................ title border-bottom color , if using css-u_smaller atm ! #TODO;
2.6 /*BACKGROUND*/
2.6.1 --BG2: repeating-linear-gradient(
2.6.2 --BG: repeating-linear-gradient(111deg, magenta, violet 121px, red 3px, maroon 11px, lavender 8px) !important; // ............. main container background;
2.7 /*HEADINGS (content titles) [U+B]*/
2.7.1 --Abg: purple; //.......................... U bg;
2.7.2 --Afg: lime; //............................ U fg ...also: title fg;
2.7.3 --Ax: blue; //.......................... U underline (was 'A3');
2.7.4 --Asize: 150%; //.......................... font-size;
2.8 /*BUTTONS*/
2.8.1 --BTb: black; //............................ side buttons: bg;
2.8.2 --BTf: yellow; //................................ side buttons: fg;
2.8.3 --BTx: orange; //.............................. side buttons: border;
2.9 /*LINKS*/
2.9.1 --L: gold; //.................................. link color;
2.9.2 --LH: yellow; //................................ link hover color;
2.9.3 --LHb: red; //............................ link hover bg;
2.10 /*SEPARATOR*/
2.10.1 --DIVP: 45%; //............................. sidetoc position (left break);
2.10.2 --DIVPbreak: 5%; //...................... sidetoc additional right space (right break);
2.11 /*EMPHASIS 1: "SECTIONS" [I+B]*/
2.11.1 --EMbg: yellow;
2.11.2 --EMfg: brown;
2.12 /*EMPHASIS 2: "CONCEPTS" [I+U]*/
2.12.1 --EM2bg: lightcyan;
2.12.2 --EM2fg: red;
2.12.3 --EM2x: lime;
3 *** Features: Testing
3.1 /*TOC item colors (lvl1+)*/
3.1.1 --ETTb: 244,255,166;
3.1.2 --ETTf: 11,122,33;
4 *** Features: Future
4.1 /*FONTQ: ??? */
4.1.1 --FONTQ: 616px !important; //...................... sidetoc additional right space (right break);

¶*** META

¶This time applied to classics...
:
    * https://e2h.totalism.org/e2h.php?_=alike&CSSPAD=theme-test
    * https://e2h.totalism.org/e2h.php?_=calendar&CSSPAD=theme-test
    * https://e2h.totalism.org/e2h.php?_=index&CSSPAD=theme-test
    * [...]

¶THESE VARIABLES COME VIA...
:

¶ (for 'theme-default')
:
    * 🔗CSS-default
    * 🔗css-sidetoc-css
    * 🔗theme-neo-css
    * [...]

¶ (for graphs)
:
    * 🔗graph-exact-css allows setting specific node colors:
        * example #1: : 🔗graph-exact20181208-2202-css
        * example #2 : 🔗graph-exact-v2 (20190204)
    * 🔗glia-graph-pad FOR DEBUGGING OUTPUTS STUFF
    * [...]

__________________________________

¶Missing #TODO

:

¶ _____________ first:
* title fg <<< NOW: U FG

¶    _____________ then:
    * TOC lvls fg <<< NOW: "BLACK" ... auto-diminish color would be great ... see "dark-palette" as a future pad !!!
    * TOC lvls bg <<< NOW: NOTHING:
        would be great especially to stand out from complex backgrounds !!!!!!
    * TOC lvls bg hover <<< NOW: A HOVER
    * TOC B fg <<< NOW: same as lvl 0 fg
    * main text (bg, maybe fg):
        * p
        * strong
        * em
    * [...]

_____________ (new) TODOS BELOW:

* 20190905:
    css-wide ne razširi TOC BGja (BG2 al kaj je) !!!
    vsaj na representation.systems ga ni

* 20190905:
    * test and include ETTb ETTf !!!
        (TOC text colors)
    * ... make sure the gradienting also works :)
    * ... think of applying this to other stuff ???:
        it's amazing !!! ... #tomerge 🔗dev-css

* 20190727 so:
    * how do I set TOC FG color? the "levels" subtypes only?:
        TODO: make master FG for that
        TODO: it's definitely not there in this demo right now

* make this perfect:
    make all definitions CYCLE BASIC COLORS, to search easily:
        * "blue-yellow"
        * ALWAYS: alphabetical (so only one way o writing it)
        * ALWAYS: same primary colors (define as X1, X2, X3) :)
        * different pulses (from 0-3 changes) possible !

* Fail: setting link colors influences lvl ???

_________________________
*/

/*
####################
####################
####################
####################
####################

¶*** Features
*/
:root {

/************** MAKE SURE ALL COMMENTS ARE FOLLOWED BY ";" ************************/

¶/*MAIN TEXT COLOR*/

¶ --FG: white; //.................... main text color;

¶/*TEXT SETTINGS*/

¶ --LINE-HEIGHT: 137%; //.................... text line height{150%};
/* ^ not sure if this one works 20191005 !!! */

¶/*COMMON COLOR*/

¶ --A: blue; //............................... TOC lvl0 bg ...also: U fg, TOCnum bg, title bg;

¶/*TOC*/

¶ --A_: red; //.............................. TOC lvl0 fg{FG} ...also: TOCnum fg;

¶ --B: lime; //............................... TOCnum bg{A};

¶ --B_: white; //............................... TOCnum fg{A_};

¶/*DOC TITLE*/

¶ --Tb: ~~repeating-linear-gradient(90deg, black 10px, violet 2px, red 3px, maroon 11px, lavender 8px) !important;~~ //....... title bg;

¶ --Tf: blue !important; //........................... title fg{Afg} [maybe buggy in comb with some other styles] ................;

¶ --Tx: whatever; //............................ title border-bottom color , if using css-u_smaller atm ! #TODO;
--Tsize: 36%; //.............................. normal is 180% in CSS-default on 20191005 .................;

/*
_________________________________________
Revisions:
    20190612 in development #todev;
    20190701 retrying...
    20190730:
        * At & Af seemed to work!
        * renaming to Tb,Tf ........ keeping for now the old ones!
    20191005:
        * Tsize
____________________________________________
*/

¶/*BACKGROUND*/

--BG3: repeating-linear-gradient(
~~111deg, blue 10px, white 11px, orangered 141px, indigo 15px) !important;~~ ~~//main (external) bg ... also TOC bg ............... MAIN BACKGROUND;~~

¶ --BG2: repeating-linear-gradient(
66deg, lime 5px, green 6px, yellow 6px, cyan 64px, mediumseagreen 16px) !important; //..................... TOC bg;

¶ --BG: repeating-linear-gradient(111deg, magenta, violet 121px, red 3px, maroon 11px, lavender 8px) !important; // ............. main container background;

¶/*HEADINGS (content titles) [U+B]*/

¶ --Abg: purple; //.......................... U bg;

¶ --Afg: lime; //............................ U fg ...also: title fg;

¶ --Ax: blue; //.......................... U underline (was 'A3');

¶ --Asize: 150%; //.......................... font-size;

¶/*BUTTONS*/

¶ --BTb: black; //............................ side buttons: bg;

¶ --BTf: yellow; //................................ side buttons: fg;

¶ --BTx: orange; //.............................. side buttons: border;

¶/*LINKS*/

¶ --L: gold; //.................................. link color;

¶ --LH: yellow; //................................ link hover color;

¶ --LHb: red; //............................ link hover bg;

¶/*SEPARATOR*/

¶ --DIVP: 45%; //............................. sidetoc position (left break);

¶ --DIVPbreak: 5%; //...................... sidetoc additional right space (right break);

¶/*EMPHASIS 1: "SECTIONS" [I+B]*/

¶ --EMbg: yellow;

¶ --EMfg: brown;

/*
Btw, this is how some inline empahasis looks like, followed by a full line
Here's this one
*/

¶/*EMPHASIS 2: "CONCEPTS" [I+U]*/

¶ --EM2bg: lightcyan;

¶ --EM2fg: red;

¶ --EM2x: lime;

/*
Is it working already ???
Even the EM2x? Grrrrrrrrrrrrrr!
For a full line too?
*/

/*

¶*** Features: Testing
*/

¶/*TOC item colors (lvl1+)*/

¶ --ETTb: 244,255,166;

¶ --ETTf: 11,122,33;
}

/*

¶*** Features: Future
( THESE PROBABLY DO NOT WORK !!!!!! )
*/

¶/*FONTQ: ??? */

¶ --FONTQ: 616px !important; //...................... sidetoc additional right space (right break);

THEME-TEST !

_____________ (new) TODOS BELOW:

Edit Site

Edit CSS

1	*** META
1.1	This time applied to classics...
1.2	THESE VARIABLES COME VIA...
1.2.1	(for 'theme-default')
1.2.2	(for graphs)
1.3	Missing #TODO
1.3.1	_____________ first:
1.3.2	_____________ then:
2	*** Features
2.1	/MAIN TEXT COLOR/
2.1.1	--FG: white; //.................... main text color;
2.2	/TEXT SETTINGS/
2.2.1	--LINE-HEIGHT: 137%; //.................... text line height{150%};
2.3	/COMMON COLOR/
2.3.1	--A: blue; //............................... TOC lvl0 bg ...also: U fg, TOCnum bg, title bg;
2.4	/TOC/
2.4.1	--A_: red; //.............................. TOC lvl0 fg{FG} ...also: TOCnum fg;
2.4.2	--B: lime; //............................... TOCnum bg{A};
2.4.3	--B_: white; //............................... TOCnum fg{A_};
2.5	/DOC TITLE/
2.5.1	--Tb: ~~repeating-linear-gradient(90deg, black 10px, violet 2px, red 3px, maroon 11px, lavender 8px) !important;~~ //....... title bg;
2.5.2	--Tf: blue !important; //........................... title fg{Afg} [maybe buggy in comb with some other styles] ................;
2.5.3	--Tx: whatever; //............................ title border-bottom color , if using css-u_smaller atm ! #TODO;
2.6	/BACKGROUND/
2.6.1	--BG2: repeating-linear-gradient(
2.6.2	--BG: repeating-linear-gradient(111deg, magenta, violet 121px, red 3px, maroon 11px, lavender 8px) !important; // ............. main container background;
2.7	/HEADINGS (content titles) [U+B]/
2.7.1	--Abg: purple; //.......................... U bg;
2.7.2	--Afg: lime; //............................ U fg ...also: title fg;
2.7.3	--Ax: blue; //.......................... U underline (was 'A3');
2.7.4	--Asize: 150%; //.......................... font-size;
2.8	/BUTTONS/
2.8.1	--BTb: black; //............................ side buttons: bg;
2.8.2	--BTf: yellow; //................................ side buttons: fg;
2.8.3	--BTx: orange; //.............................. side buttons: border;
2.9	/LINKS/
2.9.1	--L: gold; //.................................. link color;
2.9.2	--LH: yellow; //................................ link hover color;
2.9.3	--LHb: red; //............................ link hover bg;
2.10	/SEPARATOR/
2.10.1	--DIVP: 45%; //............................. sidetoc position (left break);
2.10.2	--DIVPbreak: 5%; //...................... sidetoc additional right space (right break);
2.11	/EMPHASIS 1: "SECTIONS" [I+B]/
2.11.1	--EMbg: yellow;
2.11.2	--EMfg: brown;
2.12	/EMPHASIS 2: "CONCEPTS" [I+U]/
2.12.1	--EM2bg: lightcyan;
2.12.2	--EM2fg: red;
2.12.3	--EM2x: lime;
3	*** Features: Testing
3.1	/TOC item colors (lvl1+)/
3.1.1	--ETTb: 244,255,166;
3.1.2	--ETTf: 11,122,33;
4	*** Features: Future
4.1	/FONTQ: ??? /
4.1.1	--FONTQ: 616px !important; //...................... sidetoc additional right space (right break);