/* Copyright (C) 2026 AB Open Ltd */
/* Additions to the 2011 stylesheets. */

.viewer.zoomable {
	height: 32em;
	background: #fff;
}
body > .viewer.zoomable {
	height: 100%;
}

.description img {
	max-width: 100%;
}

/* File browser */
.tree h1 { font-size: 1.4em; }
.tree .path a { text-decoration: none; }
table.files {
	width: 100%;
	border-collapse: collapse;
	margin: 1em 0;
}
table.files td {
	padding: 0.25em 0.5em;
	border-bottom: 1px solid #eee;
}
table.files td.size {
	text-align: right;
	color: #6a6a6a;
	white-space: nowrap;
}
table.files .dir a { font-weight: bold; }
pre.blob {
	overflow: auto;
	padding: 1em;
	border: 1px solid #dcdcdc;
	background: #fafafa;
	font-size: 0.85em;
	line-height: 1.4;
}
.blob-meta {
	color: #6a6a6a;
}
.blob-image img {
	max-width: 100%;
	border: 1px solid #dcdcdc;
}

/* Accounts */
form.inline { display: inline; width: auto; margin: 0; }
/* The top bar's links (a <div>, because a <form> may not sit inside a <p>). */
.topnav .session { font-size: 0.8em; margin: 0; }
/* A form button (sign out) that looks like the links beside it. */
button.link,
button.link:hover,
button.link:active {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #CE0125;
	font: inherit;
	line-height: inherit;
	text-transform: none;
	text-decoration: none;
	vertical-align: baseline;
	display: inline;
	cursor: pointer;
}
button.link:hover { text-decoration: underline; }
button.link:active { color: #8E0125; }
.flash, .notice {
	padding: 0.75em 1em;
	margin: 1em 0;
	background: #fff8d6;
	border: 1px solid #e8d77a;
}
.error, .input.bad .message { color: #c00; }
.input.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
.tabs { margin: 1em 0; }
input.token { width: 100%; font-family: monospace; }
textarea#bio { width: 100%; min-height: 8em; }

/* Project form */
ul.licences { list-style: none; margin: 0.5em 0; padding: 0; }
ul.licences li { margin: 0.25em 0; }
ul.licences input { width: auto; }
textarea#description { width: 100%; min-height: 12em; }
a.cancel { margin-left: 1em; }
pre.commands { overflow: auto; padding: 1em; background: #fafafa; border: 1px solid #dcdcdc; font-size: 0.85em; }
.danger h2 { color: #c00; }
button.danger:hover { background-color: #c00; border-color: #900; }