/*
 * Copyright (c) 2019 Jerome Kasper <neon.king.fr@gmail.com>
 * Copyright (c) 2019, 2020 Tracey Emery <tracey@traceyemery.net>
 * Copyright (c) 2024 Stefan Sperling <stsp@chirpysoft.be>
 *
 * Permission to use, copy, modify, and distribute this software for any
 * purpose with or without fee is hereby granted, provided that the above
 * copyright notice and this permission notice appear in all copies.
 *
 * THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
 * WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
 * MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
 * ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
 * WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
 * ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
 * OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
 */

*, *::after, *::before {
	box-sizing: border-box;
}

a {
	color: white;
	text-decoration: underline;
}
a:hover {
	color: Gold;
	text-decoration: none;
}
body {
	background-color: #ffffff;
	color: #000000;
	margin: 0;
	padding: 0;
	font-family: sans-serif;
	font-size: 16px;
}

pre {
	font-family: monospace;
	margin: 0;
}

hr {
	margin: 0;
	height: 0;
	border: 0px;
	border-top: 1px dotted #444444;
}
#header {
	background-image: linear-gradient(to right, White, LightSlateGray);
}
#header a {
	color: #ffffff;
	text-decoration: none;
}
#header a:hover {
	color: Gold;
	text-decoration: none;
}
#site_banner {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: LightSlateGray;
	color: white;
	overflow: hidden;
}
#site_banner a {
	color: white;
	text-decoration: underline;
}
#site_banner a:hover {
	color: Gold;
	text-decoration: none;
}
#site_path {
	overflow: auto;
	width: 100%;
	background-color: #243647;
}
#site_link {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	overflow: hidden;
}
#site_link a {
	color: #ffffff;
	text-decoration: none;
}
#got_link {
	padding-bottom: 10px;
	padding-top: 10px;
}

#site_sponsor_wrapper {
	width: 100%;
	background-color: LightSlateGray;
	color: #ffffff;
}
#site_sponsor {
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 0;
}

header.subtitle {
	background-color: LightSlateGray;
}
header.subtitle h2 {
	margin: 0;
	padding: 5px 10px;
	font-size: 1rem;
	font-weight: normal;
	color: #ffffff;
}

#index_header {
	background-color: Khaki;
}

.index_wrapper {
	display: grid;
	grid-template-columns: 1fr;
}

@media (max-width: 500px) {
	.index_wrapper {
		display: grid;
		grid-template-columns: 1fr;
	}
}

.index_repositories, .index_mirroring, .index_cloning {
	display: inline-block;
	padding: 10px;
	overflow: hidden;
	vertical-align: middle;
}

.index_repositories a {
	color: #444444;
	text-decoration: underline;
}
.index_repositories a:hover {
	color: SteelBlue;
	text-decoration: none;
}

.index_mirroring a {
	color: #444444;
	text-decoration: underline;
}
.index_mirroring a:hover {
	color: SteelBlue;
	text-decoration: none;
}

.index_cloning a {
	color: #444444;
	text-decoration: underline;
}
.index_cloning a:hover {
	color: SteelBlue;
	text-decoration: none;
}

/* dark theme */
@media (prefers-color-scheme: dark) {
	body {
		color: #eee;
		background-color: #282A36;
	}

	hr {
		border-style: solid;
	}

	#index_header {
		background-color: #BD93F9;
		color: #222;
	}

	#header {
		background-image: unset;
	}

	.index_repositories a {
		color: #8BE9FD;
		text-decoration: underline;
	}
	.index_repositories a:hover {
		color: #FFFFA5;
		text-decoration: none;
	}

	.index_mirroring a {
		color: #8BE9FD;
		text-decoration: underline;
	}
	.index_mirroring a:hover {
		color: #FFFFA5;
		text-decoration: none;
	}

	.index_cloning a {
		color: #8BE9FD;
		text-decoration: underline;
	}
	.index_cloning a:hover {
		color: #FFFFA5;
		text-decoration: none;
	}

	.index_wrapper {
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-image: linear-gradient(90deg, #FF79C6, #BD93F9 50%) 1;
	}

	a {
		color: #FF79C6;
	}

	#site_sponsor_wrapper {
		background-color: unset;
	}

        #site_sponsor_wrapper {
            border-top: 1px solid #444444;
        }
}