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.
67 lines
1.6 KiB
CSS
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;
|
|
}
|