body			{ background-color:black; color:white }
a			{ color:#aaf; text-decoration:none }
a:visited		{ color:#4ff }
a:hover			{ color:#ff0; text-decoration:underline }
a:active 		{ color:#f80 }

.resizer		{ display:flex; margin:0; padding:0; border:0; resize:both; overflow:hidden }
.resizer > *		{ width:100%; height:100%; margin:0; padding:0; border:0 }

.fr			{ float:right }
.fl			{ float:left }
.w288			{ width:288px }

.tiny			{ font-size:x-small }

tr:hover		{ background-color:#044 }
td			{ vertical-align:top }

/* https://pixelbar.be/blog/css-profi-tip-tooltip-attributen/ */
a.hint, a.hint:hover, a.hint:focus, a.hint:active, a.hint:visited		{ color:white }
a.hint,
a.hint,
a.extern		{ position:relative }
a.extern:after		{ content:"Externer Link" }
a.insecure:after	{ content:"unverschlüsselter Link" !important }
a.hint:after		{ content:"Signatur des commits der Datei in git" }
a.hint:after,
a.extern:after		{
			position:absolute;
			display:none;

			white-space:nowrap;
			text-align:center;
			font-size:x-small;
			padding:5px 15px;

			left:calc(50% - 20px);
			bottom:calc(100% + 20px);
			background:#800;
			border:3px solid #fb4;
			border-radius:10px;
			}
a.hint:before,
a.extern:before		{
			position:absolute;
			display:none;

			content:"";
			width:0;
			height:0;

			left:50%;
			bottom:100%;
			border-style:solid;
			border-width:20px 5px 0 5px;
			border-color:#fb4 transparent transparent transparent;
			}
a.hint:hover:before, a.hint:hover:after,
a.hint:focus:before, a.hint:focus:after,
a.extern:hover:before, a.extern:hover:after,
a.extern:focus:before, a.extern:focus:after { display:inherit; color:#fff }