header-xh-01 header-xh-02 header-xh-03 header-xh-04 header-xh-05 header-xh-06 header-xh-07 header-xh-08 header-xh-09 header-xh-10 header-xh-11 header-xh-12 header-xh-13 header-xh-14 headerimage1 headerimage2 headerimage3 headerimage4 headerimage5 headerimage6
Sie sind hier: Startseite > Templates > klr-3col-flex > colordefinition.css
Letzte Bearbeitung:

colordefinition.css

In diesem Template sind bis auf ganz wenige Ausnahmen sämtliche Farbdefinitionen "auf Räder gestellt", sind also leicht zu ändern.

Zum einen sind da die Farbfestlegungen, die für jede einzelne Seite unterschiedliche sein können. Sie werden über den Reiter Mehr im Editorfenster eingestellt und betreffen die Akzentfarbe und die Menüfarbe.
Zum anderen sind nahezu alle Farben als CSS-Variablen definiert und deren Festlegung ist in der colordefinition.css zusammengefasst.

Bei der Namensgebung der Farbvariablen habe ich versucht einen Kompromiss zu finden zwischen Kürze des Namens und selbsterklärender Bezeichnung. Die Liste der definierten Farben umfasst zurzeit mehr als 80 Festlegungen (Stand der Abbildung: 04.07.2021):

Dateiname: templates/krl-3col-flex/colordefinition.css

/* krl-3col-flex-V1 - last update 18.07.2021 */
/* *** for notes see there: https://developer.mozilla.org/de/docs/Web/CSS/color *** */

:root {
--primary: #000;
--hintergrund: rgba(255, 255, 255, 0.89);
--hintergrundheader: #ffffffef;
--akzent: #CC3300;
--akzenttextcolor: #FFFFFF;
--menuhover: #DD4400;
--menumain: #BB3300;
--menuaktiv: #992200;
--underline: #0057B0;
--bluetext: #0057B0;
--caption: #888888;
--footnoteheadline: #444444;
--footnotetext: #444444;
--footverweis: #004400;
--footnote: #333333;
--tabborder: #000000;
--tabbackground: #F0F0F0;
--tasteborder: #808080;
--tasteshadow: #999999;
--imageborder: rgba(0,0,0,.15);
--imagebackground: rgba(0,0,0,.05);
--imagehovershadow: rgba(0,0,0,.1);
--akkordeonborder: rgba(0, 0, 0, 0.4);
--akkordeonbackground: rgba(0, 0, 0, 0.05);
--akkordeonshadow: rgba(0, 0, 0, .5);
--horizontscrolllineborder: #acacac;
--horizontscrolllinecolor: #404040;
--nocookiestextbackground: rgba(196, 36, 36, 0.151);
--nocookiestextbefore: #0d1daa;
--cookiestextbackground: rgba(4, 156, 4, 0.151);
--cookiestextbefore: #0d1daa;
--tooltipborder: #0057B0;
--tooltipbackground: rgb(206, 231, 255);
--labeldangerbackground: rgba(255, 0, 0, 0.808);
--labeldangercolor: #ffff00;
--labelcolor: #FFFFFF;
--labelbackground: rgba(0, 88, 176, 0.624);
--navboxborder: rgba(255, 255, 255, 0.788);
--toplink: rgba(0,0,0,.5);
--codebackground: rgba(190, 190, 190, 0.5);
--codecolor: #000000;
--codeborder: #CCCCCC;
--xhcodecolor: #666666;
--xhcodebackground: rgba(190, 190, 190, 0.5);
--xhcodeborder: #CCCCCC;
--blockquotecolor: #555;
--blockquoteborder: #CCCCCC;
--blockquotebefore: #0057B0;
--submendivcolor: #666666;
--submendivborder: #999999;
--newsbackground: #f3f3f3;
--newscolor: #0057B0;
--h6color: #555555;
--acolor: #5555aa;
--aborder: #999999;
--ahovercolor: #0057B0;
--ahoverborder: #0057B0;
--resptablebackground: #FFFFFF;
--resptablethbackground: #666666;
--resptablethcolor: #FFFFFF;
--resptabletdborder: #CCCCCC;
--resptabletrnthbackground: rgba(255,255,255,.05);
--footerbackground: #f3f3f3;
--footercolor: #333333;
--footeracolor: #0057B0;
--footerpcolor: #333333;
--xhmailformborder: #CCCCCC;
--xhmailformbackground: #f3f3f3;
--xhmailformcolor: #999999;
--xhcaptchacodecolor: #FFFFFF;
--xhcaptchacodebackground: #000000;
--inputsubmitcolor: #FFFFFF;
--inputsubmitborder: #999999;
--inputsubmitbackground: #666666;
--buttonborder: #000000;
--buttonbackgrund: #0057B0;
--buttoncolor: #FFFFFF;
--burgercolor: #FFFFFF;
--secmenuliborder: #CCCCCC;
--secmenulibackground: #666666;
--noscriptbackground: #EE0000;
--noscriptcolor: #FFFFFF;
--xhlogincolor: #000000;
--xhloginbackground: rgba(0, 0, 0, .25);
--xhlogindivborder: rgba(0,0,0,.5);
--xhlogindivshadow: rgba(255,255,255,.75);
--xhlogindivbackground: rgba(255,255,255,.25);
--xhlogindivacolor: #000000;
}

 


| Seitenanfang | |  - - - By CrazyStat - - -

Please activate JavaScript in your browser.

» Sitemap