blue.js/css/css.css

*|* {
	margin:0;
	padding:0;
}

body {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content:center;
	align-items:center;
}

body > .bui_window_root {
	flex:1;
	width: 99%;
	height: 99%;
	overflow: hidden;
}

.bui_window_content {
	display:block;
	text-align:center;
	padding: 5px;
	
}

.bui_button_root {
	display: inline-block;
	background: rgba(150,150,150,0.7);
	user-select: none;
	margin:1px;
	padding:2px;
	border:solid 1px rgba(90,90,90,0.5);
	border-radius:5px;
	cursor:pointer;
}

.bui_button_root:hover {
	background: rgba(140,140,140,1);
	margin:0px;
	padding:3px;
	transition:0.2s;
}

.bui_window_root {
	display: block;
	position: absolute;
	background: rgba(200,200,200,0.7);
	backdrop-filter: blur(5px);
	color: black;
	border: solid 1px rgba(140,140,140,1);
	border-radius: 5px;
}

.bui_window_titlebar {
	background: rgba(100,100,100,1);
	padding: 5px;
	padding-right:20px;
	user-select: none;
}

.bui_window_title {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.bui_window_controls {
	position: absolute;
	right: 0;
	top: 0;
}

.bui_window_resize_handle {
	position: absolute;
	display: block;
	bottom: 0;
	right: 0;
	height: 5px;
	width: 5px;
	background: rgba(0,0,0,0.01);
	cursor: pointer;
}

.focus_window {
	z-index: 1000;
}