major revision of everything:

- documentation - widget creation process - application configuration - uniform naming conventions - removed some mostly useless functions - more
staubibr · Mar 31, 2022 · dc50d55 · dc50d55
1 parent 5095f6a
commit dc50d55
Show file tree

Hide file tree

Showing 6 changed files with 168 additions and 307 deletions.
diff --git a/application.css b/application.css
@@ -1,175 +1,12 @@
-@import url(https://fonts.googleapis.com/css?family=Varela+Round);
-
-html, body {
-	width:100%;
-	height:100%;
-
-    font-family: sans-serif;
-    font-size: 11pt;
-	background : #f9f9f9;
-}
-
-body *:focus {
-	outline:none;
-}
-
-body main {
-	min-width: 600px;
-	margin: auto;
-}
-
-@media (min-width: 768px) {
-	body main {
-		width: 750px;
-	}
-}
-
-@media (min-width: 992px) {
-	body main {
-		width: 970px;
-	}
-}
-
-@media (min-width: 1200px) {
-	body main {
-		width: 1200px;
-	}
-}
-
-h1, h2, h3, table, input, select,
-.popup .popup-title {
-	font-family: 'Varela Round', sans-serif;
-}
-
-h1, h2 {
-	margin: 0px;
-}
-
-h1 {
-    font-size: 1.5em;
-}
-
-h2 {
-    font-size: 1.3em;
-}
-
-h2 a {
-	color: #198CFF;
-}
-
-h3 {
-    font-size: 1.2em;
-}
-
-.popup {
-	background-color: #fff;
-}
-
-.popup button.close, 
-.popup .popup-title,
-.box-input-files i, 
-.box-input-files label, 
-a {
-    color: #0051A3;
-}
-
-a {
-    text-decoration: none;
-}
-
-select, input, button {
-	cursor: pointer;
-    height: 30px;
-    border-radius: 4px;
-}
-
-select, input {
-    border: solid thin silver;
-    font-size: 11pt;
-}
-
-button {
-    width: 30px;
-	background-color: #198CFF;
-    color: #eee;
-    font-size: 15px;
-    border: none;
-    border-bottom: solid 2px #0051A3;
-}
-
-button:disabled {
-    cursor: not-allowed;
-	background-color: #cacaca;
-    border-color: #7e7e7e;
-}
-
-button:not(:disabled):hover {
-  background: #0a54a2;
-  transition: all .2s ease;
-}
-
-button.clear:not(:disabled):hover {
-  background: #980000;
-}
-
-.popup button:not(:disabled).close:hover {
-	background:none;
-}
-
-.centered-row {
-	text-align:center;
-}
-
-.centered-row > * {
-	display:inline-block; 
-}
-
-/* Box-input files */
-.box-input-files .box-inner:hover {
-  background: #eff7ff;
-  border-color: #0051a3;
-  transition: all .2s ease;
-}
-
-.box-input-files .files-container .file:hover {
-  background: #eff7ff;
-}
-
-.box-input-files .box-inner {
-    background: #fff;
-	border-color: #198CFF;
-}
-
-.box-input-files i, 
-.box-input-files label {
-    font-weight: bold;
-}
-
-/* Style for application header */
-.application-header {
-	margin-top:30px;
-}
-
-.application-header .links-container {
-	float:right;
-}
-
-.application-header .links-container a:hover {
-    border-bottom: solid 3px #898989;
-}
-
-.application-header .second-row > * {
-	display: inline-block;
-}
-
 /* Style for body of application */
 .body.Simple {
     text-align: center;
 	max-width: 1080px;
 	overflow-x : auto;
 }
 
-.body.Simple, .button-column {
+.body.Simple, 
+.button-column {
 	vertical-align: top;
 	margin : 15px 5px;
 }
@@ -191,6 +28,23 @@ button.clear:not(:disabled):hover {
 	margin-left : 2%;
 }
 
+/* Style for application header */
+.application-header {
+	margin-top:30px;
+}
+
+.application-header .links-container {
+	float:right;
+}
+
+.application-header .links-container a:hover {
+    border-bottom: solid 3px #898989;
+}
+
+.application-header .second-row > * {
+	display: inline-block;
+}
+
 .button-column {
     height: 100%;
 	width: 30px;
@@ -209,16 +63,8 @@ button.clear:not(:disabled):hover {
     border-right-color: #eee;
 }
 
-.popup button.close {
-    border: none;
-	outline: none;
-}
-
-.popup.popup-converter {
-    max-height: 460px;
-}
-
-.popup .popup-server-loader {
+/* Height and widths for containers and popups */
+.popup .server-loader-widget {
 	max-height : 350px;
 }
 
@@ -236,7 +82,6 @@ body.Simple main .simulation {
     margin: 20px;
 }
 
-
 .tooltip .legend, 
 .tooltip .legend rect {
 	width:12px;