Application.css

/*
* Copyright (c) 2017-2024 Lains
* Copyright (c) 2025 Stella (teamcons on GitHub) and the Ellie_Commons community
*
* This program is free software; you can redistribute it and/or
* modify it under the terms of the GNU General Public
* License as published by the Free Software Foundation; either
* version 2 of the License, or (at your option) any later version.
*
* This program is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
* General Public License for more details.
*
* You should have received a copy of the GNU General Public
* License along with this program; if not, write to the
* Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
* Boston, MA 02110-1301 USA
*/

windowcontrols:backdrop button {
    background: none;
}

editablelabel {
    font-weight: 800;
    text-shadow: 0px 1px rgba(255,255,255,0.5);
    padding-left: 24px;
    padding-right: 24px;
    letter-spacing: .04em;
}

textview.view,
editablelabel.editing {
    background-image: none;
    font-weight: 500;
    box-shadow: none;
    text-shadow: none;
    line-height: 1.35em;
    letter-spacing: .02em;
}

/* Fix buttons in popover inheriting the color */
popover button image {
    color: @fg_color;
}

/* Avoid zoom bleeding out into the menus */
popover * {
    line-height: initial;
}

/* Pretty actionbar blending into background */
actionbar {
    box-shadow: none;  /*Pondering. It looks good with, too */
    background-color: transparent;
    background-image: none;
    padding: 3px;
    border: none;
}

/* White relief in actionbar icons */
actionbar image {
    -gtk-icon-shadow: 0px 1px rgba(255,255,255,0.5);
}

actionbar .themedbutton:hover,
actionbar .themedbutton:focus {
    background-color: alpha(@fg_color, 0.3);
    border-radius: 6px;
}

/* Obfuscate note */
window.scribbly textview.view,
window.scribbly editablelabel {
    font-family: "Redacted Script";
}

/* Font zooms */
.s20 textview.view {font-size: 40%;}
.s20 editablelabel {font-size: 25%;}
.s20 editablelabel.editing {font-size: 20%;}

.s40 textview.view {font-size: 60%;}
.s40 editablelabel {font-size: 45%;}
.s40 editablelabel.editing {font-size: 40%;}

.s60 textview.view {font-size: 80%;}
.s60 editablelabel {font-size: 65%;}
.s60 editablelabel.editing {font-size: 60%;}

.s80 textview.view {font-size: 100%;}
.s80 editablelabel {font-size: 85%;}
.s80 editablelabel.editing {font-size: 80%;}

.s100 textview.view {font-size: 120%;}
.s100 editablelabel {font-size: 105%;}
.s100 editablelabel.editing {font-size: 100%;}

.s120 textview.view {font-size: 140%;}
.s120 editablelabel {font-size: 125%;}
.s120 editablelabel.editing {font-size: 120%;}

.s140 textview.view {font-size: 160%;}
.s140 editablelabel {font-size: 145%;}
.s140 editablelabel.editing {font-size: 140%;}

.s160 textview.view {font-size: 180%;}
.s160 editablelabel {font-size: 165%;}
.s160 editablelabel.editing {font-size: 160%;}

.s180 textview.view {font-size: 200%;}
.s180 editablelabel {font-size: 185%;}
.s180 editablelabel.editing {font-size: 180%;}

.s200 textview.view {font-size: 220%;}
.s200 editablelabel {font-size: 205%;}
.s200 editablelabel.editing {font-size: 200%;}

.s220 textview.view {font-size: 240%;}
.s220 editablelabel {font-size: 225%;}
.s220 editablelabel.editing {font-size: 220%;}

.s240 textview.view {font-size: 260%;}
.s240 editablelabel {font-size: 245%;}
.s240 editablelabel.editing {font-size: 240%;}

.s260 textview.view {font-size: 280%;}
.s260 editablelabel {font-size: 265%;}
.s260 editablelabel.editing {font-size: 260%;}

.s280 textview.view {font-size: 300%;}
.s280 editablelabel {font-size: 285%;}
.s280 editablelabel.editing {font-size: 280%;}

.s300 textview.view {font-size: 320%;}
.s300 editablelabel {font-size: 305%;}
.s300 editablelabel.editing {font-size: 300%;}


/* ANIMATION */
window.animated,
window.animated overshoot,
window.animated undershoot {
    transition: background 750ms cubic-bezier(0.4, 0, 0.2, 1);
}

window.animated textview,
window.animated textview text,
window.animated headertitle {
    transition: color 750ms cubic-bezier(0.4, 0, 0.2, 1);
}

window.animated actionbar {
    transition: color 750ms cubic-bezier(0.4, 0, 0.2, 1);
}

window.animated actionbar .themedbutton:hover,
window.animated actionbar .themedbutton:focus {
    transition: color 750ms cubic-bezier(0.4, 0, 0.2, 1);
}

window.animated editablelabel,
window.animated actionbar image {
    transition: color 750ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Devel builds get these. Libadwaita has that too, but we do not use it. */
window.devel {
	border-style: solid;
	border-width: 2px;
	border-color: @warning_color;
}