forked from enviPath/enviPy
201 lines
6.6 KiB
Plaintext
201 lines
6.6 KiB
Plaintext
@static-path: '.';
|
|
|
|
@main-color: #333;
|
|
@active-color: #1a7090;
|
|
@hover-color: #5e5e5e;
|
|
@border-color: #ccc;
|
|
@error-color: #ff5555;
|
|
|
|
@disabled-color: #baa;
|
|
@form-hover-background: lighten(@border-color, 15%);
|
|
@form-selected-background: #9dc2d0;
|
|
|
|
// breakpoints for popular resolutions
|
|
// are copied from bootstrap and unused yet;)
|
|
// See: http://getbootstrap.com/css/#grid-media-queries
|
|
@common-screen-tiny: 480px;
|
|
@common-screen-small: 768px;
|
|
@common-screen-medium: 992px;
|
|
@common-screen-large: 1200px;
|
|
|
|
#large-dim() {
|
|
@base-size: 14px;
|
|
|
|
@icon-size: 26px;
|
|
@button-size: 32px;
|
|
@button-grow: 4px; // additional padding button may grow
|
|
|
|
@atom-size: 19px;
|
|
|
|
@menu-pad: 7px;
|
|
@menu-font-size: 14px;
|
|
@menu-icon-size: 18px;
|
|
|
|
@app-gap: 7px - @button-grow;
|
|
@toolbar-gap: 6px - @button-grow;
|
|
|
|
@toolbar-size: @button-size + 2 * @button-grow; // + border?
|
|
@canvas-padding: @toolbar-size + @toolbar-gap + @app-gap;
|
|
}
|
|
|
|
#small-dim() {
|
|
@base-size: 11px;
|
|
|
|
@icon-size: 20px;
|
|
@button-size: 24px;
|
|
@button-grow: 4px;
|
|
|
|
@atom-size: 16px;
|
|
|
|
@menu-pad: 5px;
|
|
@menu-font-size: 12px;
|
|
@menu-icon-size: 16px;
|
|
|
|
@app-gap: 7px - @button-grow;
|
|
@toolbar-gap: 6px - @button-grow;
|
|
|
|
@toolbar-size: @button-size + 2 * @button-grow;
|
|
@canvas-padding: @toolbar-size + @toolbar-gap + @app-gap;
|
|
}
|
|
|
|
// Periodic table coloring
|
|
|
|
@atom-periodic-diatomic: #e7ff8f;
|
|
@atom-periodic-noble-gas: #c0ffff;
|
|
@atom-periodic-alkali-metal: #ff6666;
|
|
@atom-periodic-alkaline-earth-metal: #ffdead;
|
|
@atom-periodic-metalloid: #cccc99;
|
|
@atom-periodic-polyatomic: #a1ffc3;
|
|
@atom-periodic-post-transition-metal: #cccccc;
|
|
@atom-periodic-transition-metal: #ffc0c0;
|
|
@atom-periodic-lanthanide: #ffbfff;
|
|
@atom-periodic-actinide: #ff99cc;
|
|
@atom-periodic-unknown-properties: #e8e8e8;
|
|
|
|
// Standard (for sketching applications) atom colors
|
|
|
|
@atom-h-sketching-color: #000; //#000000
|
|
@atom-c-sketching-color: #000;
|
|
@atom-he-sketching-color: #89a1a1; //#849b9b
|
|
@atom-li-sketching-color: #bd77ed; //#c87efa
|
|
@atom-be-sketching-color: #8fbc00; //#82ab00
|
|
@atom-b-sketching-color: #c18989; //#c38a8a
|
|
@atom-n-sketching-color: #304ff7;
|
|
@atom-o-sketching-color: #ff0d0d;
|
|
@atom-f-sketching-color: #78bc42; //#6dab3c
|
|
@atom-ne-sketching-color: #80a2af; //#7b9ca8
|
|
@atom-na-sketching-color: #ab5cf2;
|
|
@atom-mg-sketching-color: #6fcd00; //#61b400
|
|
@atom-al-sketching-color: #a99393; //#a79191
|
|
@atom-si-sketching-color: #b29478; //#b09276
|
|
@atom-p-sketching-color: #ff8000;
|
|
@atom-s-sketching-color: #c99a19; //#c39517
|
|
@atom-cl-sketching-color: #1fd01f; //#1dc51d
|
|
@atom-ar-sketching-color: #69acba; //#63a2b0
|
|
@atom-k-sketching-color: #8f40d4;
|
|
@atom-ca-sketching-color: #38e900; //#2fc300
|
|
@atom-sc-sketching-color: #999999; //#969696
|
|
@atom-ti-sketching-color: #979a9e; //#94969a
|
|
@atom-v-sketching-color: #99999e; //#96969a
|
|
@atom-cr-sketching-color: #8a99c7; //#8796c3
|
|
@atom-mn-sketching-color: #9c7ac7;
|
|
@atom-fe-sketching-color: #e06633;
|
|
@atom-co-sketching-color: #d37e8e; //#db8293
|
|
@atom-ni-sketching-color: #4ece4e; //#45b645
|
|
@atom-cu-sketching-color: #c78033;
|
|
@atom-zn-sketching-color: #7d80b0;
|
|
@atom-ga-sketching-color: #bc8b8b; //#bd8c8c
|
|
@atom-ge-sketching-color: #668f8f;
|
|
@atom-as-sketching-color: #b87ddd; //#bd80e3
|
|
@atom-se-sketching-color: #e59100; //#e28f00
|
|
@atom-br-sketching-color: #a62929;
|
|
@atom-kr-sketching-color: #59b1c9; //#53a6bc
|
|
@atom-rb-sketching-color: #702eb0;
|
|
@atom-sr-sketching-color: #00ff00; //#00d000
|
|
@atom-y-sketching-color: #66afaf; //#5fa4a4
|
|
@atom-zr-sketching-color: #71abab; //#6ba2a2
|
|
@atom-nb-sketching-color: #67aeb4; //#61a4a9
|
|
@atom-mo-sketching-color: #54b5b5; //#4ea9a9
|
|
@atom-tc-sketching-color: #3b9e9e;
|
|
@atom-ru-sketching-color: #248f8f;
|
|
@atom-rh-sketching-color: #0a7d8c;
|
|
@atom-pd-sketching-color: #006985;
|
|
@atom-ag-sketching-color: #9a9a9a; //#969696
|
|
@atom-cd-sketching-color: #b29764; //#ae9462
|
|
@atom-in-sketching-color: #a67573;
|
|
@atom-sn-sketching-color: #668080;
|
|
@atom-sb-sketching-color: #9e63b5;
|
|
@atom-te-sketching-color: #d47a00;
|
|
@atom-i-sketching-color: #940094;
|
|
@atom-xe-sketching-color: #429eb0;
|
|
@atom-cs-sketching-color: #57178f;
|
|
@atom-ba-sketching-color: #00c900;
|
|
@atom-la-sketching-color: #5caed1; //#57a4c5
|
|
@atom-ce-sketching-color: #9d9d7b; //#989877
|
|
@atom-pr-sketching-color: #8ca581; //#869d7b
|
|
@atom-nd-sketching-color: #84a984; //#7da07d
|
|
@atom-pm-sketching-color: #71b18a; //#69a581
|
|
@atom-sm-sketching-color: #66b68e; //#5ea883
|
|
@atom-eu-sketching-color: #4ac298; //#43b089
|
|
@atom-gd-sketching-color: #37cb9e; //#31b48d
|
|
@atom-tb-sketching-color: #28d1a4; //#23b890
|
|
@atom-dy-sketching-color: #1bd7a8; //#17bb92
|
|
@atom-ho-sketching-color: #00e98f; //#00c578
|
|
@atom-er-sketching-color: #00e675; //#00c765
|
|
@atom-tm-sketching-color: #00d452; //#00c94e
|
|
@atom-yb-sketching-color: #00bf38;
|
|
@atom-lu-sketching-color: #00ab24;
|
|
@atom-hf-sketching-color: #47b3ec; //#42a8dc
|
|
@atom-ta-sketching-color: #4da6ff; //#4ba2f9
|
|
@atom-w-sketching-color: #2194d6;
|
|
@atom-re-sketching-color: #267dab;
|
|
@atom-os-sketching-color: #266696;
|
|
@atom-ir-sketching-color: #175487;
|
|
@atom-pt-sketching-color: #9898a3; //#9595a0
|
|
@atom-au-sketching-color: #c19e1c; //#b9981a
|
|
@atom-hg-sketching-color: #9797ac; //#9595a9
|
|
@atom-tl-sketching-color: #a6544d;
|
|
@atom-pb-sketching-color: #575961;
|
|
@atom-bi-sketching-color: #9e4fb5;
|
|
@atom-po-sketching-color: #ab5c00;
|
|
@atom-at-sketching-color: #754f45;
|
|
@atom-rn-sketching-color: #428296;
|
|
@atom-fr-sketching-color: #420066;
|
|
@atom-ra-sketching-color: #007d00;
|
|
@atom-ac-sketching-color: #6aa2ec; //#669ce4
|
|
@atom-th-sketching-color: #00baff; //#00b8fc
|
|
@atom-pa-sketching-color: #00a1ff;
|
|
@atom-u-sketching-color: #008fff;
|
|
@atom-np-sketching-color: #0080ff;
|
|
@atom-pu-sketching-color: #006bff;
|
|
@atom-am-sketching-color: #545cf2;
|
|
@atom-cm-sketching-color: #785ce3;
|
|
@atom-bk-sketching-color: #8a4fe3;
|
|
@atom-cf-sketching-color: #a136d4;
|
|
@atom-es-sketching-color: #b31fd4;
|
|
|
|
// Need to fix colors for the elements below (c)
|
|
@atom-fm-sketching-color: #000;
|
|
@atom-md-sketching-color: #000;
|
|
@atom-no-sketching-color: #000;
|
|
@atom-lr-sketching-color: #000;
|
|
@atom-rf-sketching-color: #47b3ec;
|
|
@atom-db-sketching-color: #4da6ff;
|
|
@atom-sg-sketching-color: #2194d6;
|
|
@atom-bh-sketching-color: #267dab;
|
|
@atom-hs-sketching-color: #266696;
|
|
@atom-mt-sketching-color: #175487;
|
|
@atom-ds-sketching-color: #9898a3;
|
|
@atom-rg-sketching-color: #c19e1c;
|
|
@atom-cn-sketching-color: #9797ac;
|
|
|
|
@atom-sketching-h-like-color: #000;
|
|
@atom-sketching-n-like-color: #304ff7;
|
|
@atom-sketching-o-like-color: #ff0d0d;
|
|
@atom-sketching-s-like-color: #c99a19;
|
|
@atom-sketching-p-like-color: #ff8000;
|
|
@atom-sketching-f-like-color: #78bc42;
|
|
@atom-sketching-cl-like-color: #1fd01f;
|
|
@atom-sketching-br-like-color: #a62929;
|
|
@atom-sketching-i-like-color: #940094;
|