Diverse Anpassungen besonders bei SEAWebClientGroup

client/cssFiles/SEAWebClientConsole.css

@@ -27,13 +27,12 @@
 }
 
 .history {
-	position: absolute;
 	font-family: monospace;
 	font-size: 12px;
 	padding: 80px 8px 50px 8px;
 	width: 100%;
 	height: 100%;
 	overflow-y: auto;
-	background-color: #303030;
-	color: lightgray;
+	background-color: lightgray;
+	color: #303030;
 }

client/cssFiles/SEAWebClientGroup.css

@@ -18,17 +18,13 @@
 	overflow-y: hidden;
 }
 
-.link {
-	transition: 0.4s;
-	cursor: pointer;
-	color: steelblue;
-	text-decoration: underline;
-}
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* panel */
 
-.link:focus {
-	color: orangered;
-	outline: none;
-}
+/* ------------------------------ modules-icons ------------------------------ */
+
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* row */
 
 .row {
 	padding: 4px 0px 4px 0px;
@@ -36,7 +32,7 @@
 	min-height: 24px;
 	display: block;
 	border-bottom: dotted darkgray 2px;
-	overflow: hidden;
+	/* overflow: hidden; */
 	transition: 0.2s;
 	position: relative;
 }
@@ -55,59 +51,6 @@
 	/* background-color: lightgray; */
 }
 
-.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-modules {
-	position: absolute;
-	right: 16px;
-}
-
-.col-right-parameters {
-	float: right;
-}
-
-.col-right-disabled {
-	display: none;
-}
-
-.modules-title {
-	display: inline-block;
-	min-width: 120px;
-}
-
-/* ------------------------------ modules-icons ------------------------------ */
-
 .modules-icon {
 	display: inline-block;
 	width: 12px;
@@ -118,6 +61,29 @@
 	margin-bottom: 4px;
 }
 
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* left */
+
+.col-left {
+	display: inline-block;
+	min-width: 140px;
+}
+
+/* ------------------------------ info ------------------------------ */
+
+.info-box {
+	padding: 4px;
+	border-radius: 4px;
+	background-color: #303030;
+	color: white;
+	width: 100%;
+	display: none;
+}
+
+.button-info:hover + .info-box {
+	display: inline-block;
+}
+
 /* ------------------------------ status-icon ------------------------------ */
 
 .status-icon {
@@ -149,32 +115,40 @@
 .status-info {
 	color: white;
 	background-color: #303030;
-	opacity: 0;
 	position: absolute;
 	left: 20px;
 	top: 2px;
-	z-index: 100;
 	padding: 2px;
 	border-radius: 6px;
-	transition: 1s;
+	display: none;
 } 
 
 .status-icon:hover ~ .status-info {
-	opacity: 1.0;
+	display: inline-block;
 }
 
-/* ------------------------------ value ------------------------------ */
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* right */
 
-.col-right-parameters-value {
-	position: absolute;
-  	right: 16px;
+.col-right-modules {
+	float: right;
+}
+
+.col-right-parameters {
+	float: right;
+}
+
+.col-right-value {
+	padding-right: 4px;
+}
+
+.col-right-disabled {
+	display: none;
 }
 
 /* ------------------------------ edit-icon ------------------------------ */
 
 .edit-icon {
-	/* position: absolute; */
-	/* right: 0; */
 	float: right;
 	cursor: pointer;
 }
@@ -184,9 +158,17 @@
 	opacity: .6;
 }
 
-/* ------------------------------ hidden-input_element ------------------------------ */
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* INPUT ELEMENTS */
 
-.hidden-input-element {
+.input-element {
+  	z-index: 100;
+  	position: absolute;
+  	right: 0;
+  	top: 20px;
+}
+
+.input-element-hidden {
 	display: none;
 }
 
@@ -199,6 +181,7 @@
 	border: solid 2px dimgray;
 	color: black;
 	text-align: right;
+	margin-top: 4px;
 }
 
 ::-ms-clear { /* remove the x in the input box on IE */
@@ -207,22 +190,21 @@
 }
 /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 /* CHECKBOX */
-.parameter-checkbox {
+/* .parameter-checkbox {
 	opacity: 0;
 	float: left;
-}
+} */
 
-.parameter-checkbox + .parameter-label {
+/* .parameter-checkbox + .parameter-label {
 	position: relative;
 	cursor: pointer;
-	float: left;
-}
+} */
 
-.parameter-checkbox:focus+.parameter-label {
+/* .parameter-checkbox:focus+.parameter-label {
 	opacity: 0.8;
-}
+} */
 
-.parameter-checkbox+.parameter-label::before {
+/* .parameter-checkbox+.parameter-label::before {
 	content: ' ';
 	position: absolute;
 	left: -24px;
@@ -232,9 +214,9 @@
 	display: block;
 	background: lightgray;
 	border: 2px solid dimgray;
-}
+} */
 
-.parameter-checkbox+.parameter-label::after {
+/* .parameter-checkbox+.parameter-label::after {
 	content: ' ';
 	position: absolute;
 	left: -19px;
@@ -251,14 +233,14 @@
 	-webkit-transform: scale(0);
 	transform: scale(0);
 	opacity: 0;
-}
+} */
 
-.parameter-checkbox:checked+.parameter-label::after {
+/* .parameter-checkbox:checked+.parameter-label::after {
 	-ms-transform: scale(1);
 	-webkit-transform: scale(1);
 	transform: scale(1);
 	opacity: 1;
-}
+} */
 
 /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 /* RADIO */

client/cssFiles/SEAWebClientMain.css

@@ -136,23 +136,6 @@ meta, body {
 	overflow: hidden;
 }
 
-/* ------------------------------ log ------------------------------ */
-
-.grid-element-3 {
-	position: absolute;
-	display: block;
-	bottom: 0;
-	width: 100%;
-	height: 0;
-	opacity: .9;
-	z-index: 1000;
-	/* transition: 1s; */
-}
-
-.grid-element-3-visible {
-	height: 50%;
-}
-
 /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 /* PANEL */
 .panel {
@@ -198,7 +181,7 @@ meta, body {
 /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 /* LOG ICON */
 
-#log-icon-container {
+.log-icon-container {
 	z-index: 1001;
 	bottom: 9px;
 	right: 12px;
@@ -207,6 +190,10 @@ meta, body {
 	cursor: pointer;
 }
 
+.log-icon-container-hidden {
+	display: none;
+}
+
 .log-icon {
 	height: 20px;
 	width: 20px;