Initial commit

client/cssFiles/SEAWebClientGroup.css

@@ -0,0 +1,178 @@
+/* GROUP */
+@CHARSET "UTF-8";
+
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* CONTENT */
+.content {
+	padding: 60px 20px 20px 20px;
+	display: block;
+	width: 100%;
+	height: 100%;
+	overflow-y: auto;
+}
+
+.content-console {
+	display: block;
+	width: 100%;
+	height: 100%;
+	overflow-y: hidden;
+}
+
+.link {
+	transition: 0.4s;
+	cursor: pointer;
+	color: steelblue;
+	text-decoration: underline;
+}
+
+.link:focus {
+	color: orangered;
+	outline: none;
+}
+
+.row {
+	padding: 4px 0px 4px 0px;
+	width: 100%;
+	min-height: 24px;
+	display: block;
+	border-bottom: dotted darkgray 2px;
+	overflow: hidden;
+	transition: 0.2s;
+	position: relative;
+}
+
+.clickable:hover {
+	background-color: lightgray;
+}
+
+.link-static {
+	padding-left: 4px;
+	background-color: #303030;
+	color: white;
+	border-bottom: none;
+}
+
+.info-box {
+	margin: 4px 0px 4px 0px;
+	padding: 4px;
+	border-radius: 4px;
+	background-color: darkslategray;
+	color: white;
+	display: none;
+	width: 100%;
+	cursor: pointer;
+}
+
+.col-left {
+	min-height: 24px;
+	line-height: 24px;
+	float: left;
+}
+
+.event-toggle-info {
+	color: darkslategray;
+	cursor: pointer;
+}
+
+.col-right {
+	float: right;
+}
+
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* TEXT */
+.input-text {
+	height: 24px;
+	font-family: monospace;
+	background-color: lightgray;
+	border: solid 2px dimgray;
+	color: black;
+	text-align: right;
+}
+
+::-ms-clear { /* remove the x in the input box on IE */
+  width : 0;
+  height: 0;
+}
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* CHECKBOX */
+.parameter-checkbox {
+	opacity: 0;
+	float: left;
+}
+
+.parameter-checkbox + .parameter-label {
+	position: relative;
+	cursor: pointer;
+	float: left;
+}
+
+.parameter-checkbox:focus+.parameter-label {
+	opacity: 0.8;
+}
+
+.parameter-checkbox+.parameter-label::before {
+	content: ' ';
+	position: absolute;
+	left: -24px;
+	top: -2px;
+	width: 20px;
+	height: 20px;
+	display: block;
+	background: lightgray;
+	border: 2px solid dimgray;
+}
+
+.parameter-checkbox+.parameter-label::after {
+	content: ' ';
+	position: absolute;
+	left: -19px;
+	top: 3px;
+	width: 14px;
+	height: 14px;
+	display: block;
+ 	z-index: 1;
+	background-color: dimgray;
+	-ms-transition: all .2s ease;
+	-webkit-transition: all .2s ease;
+	transition: all .3s ease;
+	-ms-transform: scale(0);
+	-webkit-transform: scale(0);
+	transform: scale(0);
+	opacity: 0;
+}
+
+.parameter-checkbox:checked+.parameter-label::after {
+	-ms-transform: scale(1);
+	-webkit-transform: scale(1);
+	transform: scale(1);
+	opacity: 1;
+}
+
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* RADIO */
+option {
+	height: 24px;
+	background-color: dimgray;
+	color: white;
+}
+
+.select-params {
+	height: 24px;
+	border: none;
+	background-color: dimgray;
+	color: white;
+	width: auto;
+	min-width: 120px;
+}
+
+.select-params:focus {
+	opacity: 0.85;
+}
+
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* PUSH-BUTTON */
+
+.push-button {
+	border: 2px solid dimgray;
+	border-radius: 4px;
+}