htmx/test/servers/sse/static/stylesheet.css

*{
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
	box-sizing: border-box;
}

body {
	background-color: white;
	padding:0px;
	margin:0px;
	width:100%;
}

#header {
	width:100%;
	height: 100px;
	background-image:url('white_transparent.svg');
	background-position:left 50px center;
	background-repeat:no-repeat;
	background-size: 300px;
	background-color:black;
}

#navigation {
	position:absolute;
	width:150px;
	margin-top:50px;
	margin-left:20px;
}

#navigation > a {
	display:block;
	cursor: pointer;
	text-decoration:none;
	padding:10px 20px;
	white-space: nowrap;
}

#navigation > a:hover {
	background-color:#eee;
}

#navigation > a.selected {
	font-weight:bold;
}

#page {
	margin: 50px;
	padding-left:150px;
}

.container {
	padding: 10px;
	border: solid 1px gray;
	margin-bottom: 20px;
	background-color:#f7f7f7;
	height:130px;
	overflow:hidden;
}

.container.htmx-settling {
	border:solid 3px red!important;
	padding:8px!important;
}

pre.code {
	font-family:'Courier New', Courier, monospace;
	background-color: #444440;
	color: #0f0;
	padding:30px 5px 30px 15px;
	overflow-y:scroll;
	display:block;
}

.bold {
	font-weight:bold;
}

.nowrap {
	white-space: nowrap;
}

table {
	border-collapse: collapse;
}

td {
	padding:10px 20px;
	border:solid 1px #ddd;
	vertical-align: top;
}

.demo {
	padding:10px;
	margin:20px 0px;
	color:white;
	background-color: #999;
	height:100px;
}

a, a:visited {
	color:#3465a4;
}