1 files changed, 289 insertions, 0 deletions
diff --git a/plugins/webbox/html/webbox.css b/plugins/webbox/html/webbox.css
new file mode 100644
index 0000000..89f4885
--- /dev/null
+++ b/plugins/webbox/html/webbox.css
@@ -0,0 +1,289 @@
+div, td, h1 {
+	font-family: "sans-serif";
+}
+
+.title {
+	font-size: 16pt;
+	width: 100%;
+}
+
+.greyout {
+	opacity: 0.7;
+	background-color: #FFFFFF;
+	z-index: 9; /* behind dialog window which is 10 */
+}
+
+.button {
+	background-color: #303060;
+	border: none;
+	color: white;
+	padding: 18px;
+	text-align: center;
+	text-decoration: none;
+	display: inline-block;
+	font-size: 16px;
+	margin: 2px 2px;
+	border-radius: 6px;
+	cursor: pointer;
+}
+
+.leftbutton {
+	position: absolute;
+	left: 20px;
+	bottom: 20px;
+}
+
+.rightbutton {
+	position: absolute;
+	right: 20px;
+	bottom: 20px;
+}
+
+.menuwindow {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	width: 400px;
+	height: 400px;
+	margin-top: -200px;
+	margin-left: -200px;
+	background-color: #FFFFFF;
+	opacity: 1;
+	z-index: 10;
+	border-width: 3px;
+	border-style: solid;
+	border-color: #808080;
+	padding: 10pt;
+	box-sizing: border-box;
+}
+
+.menusymbol {
+	cursor: pointer;
+}
+
+.dialogwindow {
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	width: 400px;
+	height: 400px;
+	margin-top: -200px;
+	margin-left: -200px;
+	background-color: #FFFFFF;
+	opacity: 1;
+	z-index: 10;
+	border-width: 3px;
+	border-style: solid;
+	border-color: #808080;
+	padding: 10pt;
+	box-sizing: border-box;
+}
+
+
+.progresswindow {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background-color: rgba(0, 0, 0, 0);
+	opacity: 1;
+	z-index: 20;
+	border-width: 0;
+	border-collapse: collapse;
+	box-sizing: border-box;
+}
+
+.progresscanvas {
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translate(-50%, -50%);
+	background-color: rgba(0, 0, 0, 0);
+}
+table.menudialog {
+	width: 100%;
+}
+
+.menudiv {
+        height: 100%;
+        overflow-y: scroll;
+}
+
+table.menudialog td.entry {
+	cursor: pointer;
+	border-width: 0;
+	border-bottom-width: 1px;
+	border-style: solid;
+	border-color: #808080;
+	padding: 10px;
+}
+
+.dialog {
+        height: calc(100% - 85px);
+        overflow-y: scroll;
+}
+
+.textinput {
+	width: calc(100% - 20px);
+}
+
+.fullscreen {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	border: 0;
+}
+
+div.footer {
+	font-size: 8pt;
+	padding-top: 30pt;
+	text-align: center;
+}
+
+table.menu {
+	border: 0; /* 1px solid #000000; */
+	border-collapse: collapse;
+	margin: 0;
+	padding: 0;
+	table-layout: fixed;
+}
+
+table.menu tr {
+	border: 0; /* 1px solid #000000; */
+	margin: 0;
+	padding: 0;
+}
+
+table.menu td.firsttd {
+	width: 100%;
+	border: 0; /* 1px solid #000000; */
+	color: #FFFFFF;
+	background-color: #404070;
+	margin: 0;
+	padding: 0 5px 0 5px;
+}
+
+table.menu td.entry {
+	border: 0; /* 1px solid #000000; */
+	color: #FFFFFF;
+	background-color: #404070;
+	padding: 9px;
+	margin: 0;
+	cursor: pointer;
+}
+
+table.list {
+	width: 100%;
+	table-layout: fixed;
+	border: 0; /* 1px solid #000000; */
+	cursor: pointer;
+	background-color: #FFFFFF;
+	border-collapse: collapse;
+}
+
+table.list tr {
+	background-color: #FFFFFF;
+}
+
+table.list tr.selectedrow {
+	background-color: #CCCCFF;
+}
+
+table.list td {
+	border-width: 0;
+	border-bottom-width: 1px;
+	border-style: solid;
+	border-color: #808080;
+}
+
+table.list td.type {
+	width: 30px;
+}
+
+table.list td.name {
+	width: 100%;
+	color: #0000FF;
+	white-space: pre;
+	overflow: hidden;
+}
+
+@media only screen and (min-width: 1px) and (max-width: 630px) {
+	.menuwindow {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		margin: 0;
+	}
+
+	.dialogwindow {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		margin: 0;
+	}
+
+	.progresswindow {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		margin: 0;
+	}
+
+	table.list td {
+		padding: 5px;
+	}
+}
+
+/* Tooltip container */
+.tooltip {
+	position: relative;
+	display: inline-block;
+}
+
+/* Tooltip text */
+.tooltip .tooltiptext {
+	visibility: hidden;
+	background-color: #FFFFDD;
+	color: #000000;
+	text-align: center;
+	padding: 5px;
+	border-style: solid;
+	border-width: 1px;
+	border-color: #000000;
+	position: fixed;
+	right: 20px;
+	bottom: 20px;
+	z-index: 1;
+}
+
+/* Show the tooltip text when you mouse over the tooltip container */
+.tooltip:hover .tooltiptext {
+	visibility: visible;
+}
+
+.fullwidth {
+	width: 100%;
+	border: 0;
+	margin: 0;
+	padding: 0;
+	border-collapse: collapse;
+}
+
+::-moz-selection { /* Firefox */
+	color: #000000;
+	background: #FFFFFF;
+}
+
+::selection {
+	color: #000000;
+	background: #FFFFFF;
+}