/*****************************************************************************
 * Copyright (c) 2025 by the TMMR Team and Contributors. All rights reserved.
 *
 * 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 3 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, see <https://www.gnu.org/licenses/>. *****************************************************************************/

/*******************************************************************************
 * COMMON STYLES
 ******************************************************************************/
/*
#title { color: #35f; font-family: "Village_font"; }
#story-title { font-size: 25px; line-height: 1; margin-top: 0.15em; }
#story-subtitle { font-size: 15px; line-height: 1; margin-top: 1em; }
#story-author { font-size: 15px; margin-top: 2em; }
#menu a.link-internal:before {
	font-family: 'icomoon-sugarcube';
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#menu a[data-passage="VarTrack"]:before { content: "\e017\00a0\00a0"; }
#menu a.link-click:before { content: "\e016\00a0\00a0"; }
#menu a[data-passage="FAQ"]:before { content: "\e018\00a0\00a0"; }
#menu-story { line-height: 1.1; }
#passages .content tr.even { background-color: #333; }
#passages .content tr.odd { background-color: #444; }
#passages .content th, #passages .content td { padding: 3px; }
#passages .content th { font-weight: bold; }
#passages .content td { border: 1px solid #fff; }
#passages .content th.head { background-color: #336; border: 1px solid #fff; }
#passages .content th.topleft { border-color: #000 #fff #fff #000; }
#passages .content th.topright { border-color: #000 #000 #fff #fff; }
#passages .content th.bottomleft { border-color: #fff #fff #000 #000; }
#passages .content th.bottomright { border-color: #fff #000 #000 #fff; }
#passages .content td.name { background-color: #336; font-weight: bold; }
#passages .content td.name a { color: #fff; }
#passages .content td.name a:hover { color: #79f; }
#passages .content td.name a:active { color: #f70; }
#passages .passage-character-information { border-collapse: collapse; text-align: center; }

@media screen and (max-width: 800px) {
	#ui-bar #menu-story { margin-bottom: 0.6em; line-height: 0.75; }
}
*/



/*******************************************************************************
 * .background STYLES
 ******************************************************************************/
/*
.background { color: #222; background-color: #fff; }
.background a { color: #24f; }
.background a:hover { color: #68f; }
.background a:active { color: #f70; }
.background input, .background textarea { color: #000; background-color: #ddd; border-color: #000; }
.background #ui-bar { background-color: #eee; border-color: #000; }
.background #title { color: #00f; }
.background #credits, .background #version { color: #6f6f6f; }
.background #ui-body { color: #000; background-color: #fff; border-color: #000; }
.background #ui-body hr { background-color: #000; }
.background button, .background #ui-body-close, .background #ui-body.options a[id|="option-input"], .background #ui-body.options select[id|="option-input"] { border-color: #36c; }
.background button:hover, .background #ui-body-close:hover, .background #ui-body.options a[id|="option-input"]:hover { border-color: #58e; }
.background button:active, .background #ui-body-close:active { border-color: #f70; }
.background #ui-body.options a[id|="option-input"].enabled { border-color: #292; }
.background #ui-body.options a[id|="option-input"].enabled:hover { border-color: #4b4; }
.background #ui-body.saves table { border-color: #000; }
.background #ui-body.saves tr:nth-child(even) { background-color: #ddd; }
.background #ui-body.saves .empty { color: #444; }
.background #ui-body.saves > div { border-top: 1px solid #000; }
.background #ui-body.dialog-list li:nth-child(even) { background-color: #ddd; }
.background #ui-body.dialog-list li a { color: #222; }
.background #ui-body.dialog-list li a:hover { color: #fff; background-color: #47b; }
.background #ui-body.dialog-list li a:active { color: #fff; background-color: #f70; }
.background #passages .content tr.even { background-color: #99f; }
.background #passages .content tr.odd { background-color: #aaf; }
.background #passages .content td { border-color: #000; }
.background #passages .content th.head { color: #fff; background-color: #33c; border-color: #000; }
.background #passages .content th.topleft { border-color: #fff #000 #000 #fff; }
.background #passages .content th.topright { border-color: #fff #fff #000 #000; }
.background #passages .content th.bottomleft { border-color: #000 #000 #fff #fff; }
.background #passages .content th.bottomright { border-color: #000 #fff #fff #000; }
.background #passages .content td.name { color: #fff; background-color: #33c; }
.background #passages .content td.name a { color: #fff; }
.background #passages .content td.name a:hover { color: #79f; }
.background #passages .content td.name a:active { color: #f70; }
*/



/*******************************************************************************
 * .girl STYLES
 ******************************************************************************/
.girl a { color: #ff69b4; }
.girl a:hover { color: #ffb6c1; }
.girl a:active { color: #f70; }
.girl input:hover, .girl textarea:hover { border-color: #ffb6c1; }
.girl #title { color: #ff1493; }
.girl button, .girl #ui-body-close, .girl #ui-body.options a[id|="option-input"], .girl #ui-body.options select[id|="option-input"] { background-color: #ff69b4; border-color: #ff8bd6; }
.girl button:hover, .girl #ui-body-close:hover, .girl #ui-body.options a[id|="option-input"]:hover { background-color: #ffb6c1; border-color: #ffd8e3; }
.girl button:active, .girl #ui-body-close:active { background-color: #f70; border-color: #f92; }
.girl #ui-body.options a[id|="option-input"].enabled { background-color: #292; border-color: #4b4; }
.girl #ui-body.options a[id|="option-input"].enabled:hover { background-color: #4b4; border-color: #6d6; }
.girl #ui-body.saves tr:nth-child(even) { background-color: #d9b; }
.girl #ui-body.saves tr:nth-child(even) .empty { color: #666; }
.girl #ui-body.dialog-list li:nth-child(even) { background-color: #d9b; }
.girl #ui-body.dialog-list li a:hover { color: #222; background-color: #ffb6c1; }
.girl #ui-body.dialog-list li a:active { color: #222; background-color: #f70; }
.girl #passages .content th.head, .girl #passages .content td.name { background-color: #c36; }
.girl #passages .content tr.even { background-color: #d78; }
.girl #passages .content tr.odd  { background-color: #d9b; }
.girl #passages .content td.name a { color: #fff; }
.girl #passages .content td.name a:hover { color: #ffb6c1; }
.girl #passages .content td.name a:active { color: #f70; }



/*******************************************************************************
 * .girl.background STYLES
 ******************************************************************************/
.girl.background button, .girl.background #ui-body-close, .girl.background #ui-body.options a[id|="option-input"], .girl.background #ui-body.options select[id|="option-input"] { border-color: #ff69b4; }
.girl.background button:hover, .girl.background #ui-body-close:hover, .girl.background #ui-body.options a[id|="option-input"]:hover { border-color: #ffb6c1; }
.girl.background button:active, .girl.background #ui-body-close:active { border-color: #f70; }
.girl.background #ui-body.options a[id|="option-input"].enabled { border-color: #292; }
.girl.background #ui-body.options a[id|="option-input"].enabled:hover { border-color: #4b4; }
.girl.background #ui-body.saves tr:nth-child(even) { background-color: #fde; }
.girl.background #ui-body.dialog-list li:nth-child(even) { background-color: #fde; }
.girl.background #passages .content th.head, .girl.background #passages .content td.name { background-color: #ff1493; }
.girl.background #passages .content tr.even { background-color: #ffb6c1; }
.girl.background #passages .content tr.odd  { background-color: #fde; }
.girl.background #passages .content td.name a:hover { color: #ffb6c1; }



/*******************************************************************************
 * :not(.widescreen) STYLES
 ******************************************************************************/
body:not(.widescreen) #passages { max-width: 62.5em; }



/*******************************************************************************
 * :not(.fade-in) STYLES
 ******************************************************************************/
body:not(.fade-in) #passages .passage { transition: none; -webkit-transition: none; }



/*******************************************************************************
 * #ui-body.bugreport STYLES
 ******************************************************************************/
/*
#ui-body.bugreport{padding:1em;border:4px solid red}
#ui-body.bugreport #bugreport-info{margin-bottom:1em}
.background #ui-body.bugreport #bugreport-data{display:block;overflow:auto;margin:0;padding:6px;height:auto;min-height:200px;white-space:normal;font-family:"DejaVu Sans Mono","Lucida Console",monospace;background-color:#ddd;border:1px solid #000}
#ui-body.bugreport .scroll-pad{margin:0;padding:0}

#ui-body.bugreport #bugreport-data{display:block;overflow:auto;margin:0;padding:6px;height:auto;min-height:200px;white-space:normal;font-family:"DejaVu Sans Mono","Lucida Console",monospace;background-color:#111;border:1px solid #444}
*/