LUMIERA.clone/src/stage/lumiera-light-theme-complement.css
Ichthyostega e5371f66b8 UI-Style: reorganise style constants and introduce some BEM notation
Note however, we will not plaster our UI code and CSS with mangled-out selectors
on each and every single element. This is what cascading was meant to be used for.
2019-08-08 19:08:04 +02:00

67 lines
1.6 KiB
CSS

/*
lumiera-light-theme-complement.css - minimal supplement for GTK-3 light style sheet
Copyright (C) Lumiera.org
2018, Hermann Vosseler <Ichthyostega@web.de>
Styles and Graphics of the Lumiera GUI can be used and redistributed
under the the terms of the GNU General Public License version 2 or
above, or (at your option) under Creative Commons CC-By-SA.
* ********************************************************/
/* CSS stylesheet to provide the additional definitions
* required to run the Lumiera GTK UI with a typical
* "light" standard system theme
*/
/* ---------- Styles for Lumiera Widgets ---------- */
/* ---------- Styles for special markup ---------- */
.indication-flash,
.indication-flash * {
background-color: LightYellow;
}
.indication-flash text {
border: 4px solid red;
}
/* profile structure of the track fork...
* within the timeline body display (right side)
*
* margin is used for padding above / below
* border is used to paint the slopes to nested scopes
* background is used within the track scopes
*/
.timeline__page > .timeline__body fork.timeline__fork {
margin: 2ex 0;
border-style: inset;
border-color: IndianRed;
background-color: Lime;
}
fork.timeline__fork frame.timeline__ruler {
margin: 3ex 0;
border: 3px outset GoldenRod;
background-color: DarkCyan;
}
.track-slope--deep1 {
border-width: 5px;
}
.track-slope--deep2 {
border-width: 10px;
}
.track-slope--deep3 {
border-width: 14px;
}
.track-slope--deep4 {
border-width: 17px;
}
.track-slope--verydeep {
border-width: 20px;
}