From 1ce0bb7ad50129fbab6c0a75f18eee6149ca1be3 Mon Sep 17 00:00:00 2001 From: Roland Reichwein Date: Wed, 15 Apr 2020 15:35:58 +0200 Subject: Minify css/html/js --- plugins/webbox/html/webbox.css | 289 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 289 insertions(+) create mode 100644 plugins/webbox/html/webbox.css (limited to 'plugins/webbox/html/webbox.css') 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; +} -- cgit v1.2.3