Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/Sketchometry.activity/css/gui.css
diff options
context:
space:
mode:
Diffstat (limited to 'Sketchometry.activity/css/gui.css')
-rw-r--r--Sketchometry.activity/css/gui.css1115
1 files changed, 1115 insertions, 0 deletions
diff --git a/Sketchometry.activity/css/gui.css b/Sketchometry.activity/css/gui.css
new file mode 100644
index 0000000..1984a65
--- /dev/null
+++ b/Sketchometry.activity/css/gui.css
@@ -0,0 +1,1115 @@
+/**********************************************************/
+
+::-webkit-scrollbar { /* NO scrollbars on WebKit Browsers */
+ width: 0px;
+ height: 0px;
+}
+
+/**********************************************************/
+
+a, .link {
+ color: #ff4400;
+ cursor: pointer;
+ text-decoration: underline;
+}
+
+a.highlight {
+ padding: 10px;
+ margin: 0px 15px;
+ color: black;
+ font-weight: bold;
+}
+
+a.highlight:active, a.highlight:hover {
+ background-color: #cdaadc;
+ border-radius: 10px;
+}
+
+a.proplight, a.proplight:active, a.proplight:hover {
+ padding: 5px;
+ margin: 0px 15px;
+ color: white;
+ font-size: 19px;
+ text-decoration: none;
+}
+
+.proplight_active {
+ background-color: #cdaadc;
+ border-radius: 8px;
+}
+
+/****************************************/
+
+body {
+ height: 100%;
+ margin: 0;
+ padding: 0;
+ font-family: Helvetica, Arial, sans-serif;
+}
+
+button {
+ -webkit-border-radius: 12px;
+ -moz-border-radius: 12px;
+ border-radius: 12px;
+ color: #fff;
+ border: 1px solid #CCC;
+ padding: 5px 15px;
+}
+
+button {
+ font-size: 18px;
+}
+
+button.hwr {
+ color: #000;
+}
+
+label {
+ color: white;
+}
+
+pre {
+ white-space: pre-wrap;
+}
+
+table, th, tr {
+ border-width: 0px;
+}
+
+/****************************************/
+
+.block {
+ display: block;
+}
+
+.inline {
+ display: inline;
+}
+
+/****************************************/
+
+.center {
+ text-align: center;
+}
+
+.bottom {
+ vertical-align: bottom;
+}
+
+.middle {
+ vertical-align: middle;
+}
+
+.top {
+ vertical-align: top;
+}
+
+.centered {
+ margin: 0px auto;
+}
+
+.fleft {
+ float: left;
+}
+
+.fright {
+ float: right;
+}
+
+.vcenter {
+ display: table-cell;
+ vertical-align: middle;
+}
+
+/****************************************/
+
+.clear {
+ clear: both;
+}
+
+.nobr {
+ text-wrap: none;
+}
+
+/****************************************/
+
+.height {
+ height: 100%;
+}
+
+.width {
+ width: 100%;
+}
+
+/****************************************/
+
+.padding {
+ padding: 8px;
+}
+
+/****************************************/
+
+.hidden {
+ visibility: hidden !important;
+}
+
+.not-displayed {
+ display: none !important;
+}
+
+/****************************************/
+
+.border-l {
+ border-radius: 16px;
+}
+
+.border-s {
+ border-radius: 8px;
+}
+
+.border-t {
+ border-radius: 4px;
+}
+
+/****************************************/
+
+.border-dashed {
+ border: 1px dashed white !important;
+}
+
+.border-solid {
+ border: 1px solid white !important;
+}
+
+/****************************************/
+
+.shadow-l {
+ box-shadow: 2px 2px 8px #667788;
+}
+
+.shadow-s {
+ box-shadow: inset 1px 1px 2px #000000;
+}
+
+/****************************************/
+
+.hspacer-xs {
+ float: left;
+ height: 1px;
+ width: 2px;
+}
+
+.hspacer-s {
+ float: left;
+ height: 1px;
+ width: 4px;
+}
+
+.hspacer-small {
+ float: left;
+ height: 5px;
+ width: 8px;
+}
+
+.hspacer-medium {
+ float: left;
+ height: 1px;
+ width: 16px;
+}
+
+.hspacer-long {
+ float: left;
+ height: 1px;
+ width: 64px;
+}
+
+.hspacer {
+ float: left;
+ height: 1px;
+ width: 46px;
+}
+
+.tspacer {
+ min-width: 1px;
+ min-height: 1px;
+ margin-top: 8px;
+}
+
+.bspacer-s {
+ min-width: 1px;
+ min-height: 1px;
+}
+
+.bspacer-m {
+ min-width: 1px;
+ min-height: 3px;
+}
+
+.bspacer {
+ min-width: 1px;
+ min-height: 6px;
+}
+
+/****************************************/
+
+.hmirrored {
+ transform: scaleX(-1);
+ filter: FlipH;
+ -moz-transform: scaleX(-1);
+ -o-transform: scaleX(-1);
+ -webkit-transform: scaleX(-1);
+ -ms-filter: "FlipH";
+}
+
+.vmirrored {
+ transform: scaleY(-1);
+ filter: FlipV;
+ -moz-transform: scaleY(-1);
+ -o-transform: scaleY(-1);
+ -webkit-transform: scaleY(-1);
+ -ms-filter: "FlipV";
+}
+
+/****************************************/
+
+.boardText {
+ padding: 5px;
+ border-radius: 5px;
+ background-color: rgba(85%, 95%, 0%, 0.75);
+}
+
+.cell-container {
+ padding-top: 2px;
+ margin-top: 1px;
+ border-spacing: 8px 4px;
+ padding-bottom: 2px;
+ margin-bottom: 1px;
+}
+
+.dialog {
+ opacity: 0.85;
+ padding: 3px;
+ position: absolute;
+ left: 75px;
+ top: 80px;
+ z-index: 20;
+ background-color: #000000;
+ border-radius: 10px;
+ border: 3px solid black;
+ font-family: Arial,sans-serif;
+}
+
+.gradient {
+ background: -moz-radial-gradient(circle, #8899aa, white);
+ background: -webkit-gradient(radial, center center, 0, center center, 200, from(#8899aa), to(white));
+ background: -webkit-radial-gradient(circle, #8899aa, white);
+}
+
+.info {
+ position: absolute;
+ width: auto;
+ height: auto;
+ opacity: 0.85;
+ padding: 10px;
+ margin: 5px;
+ z-index: 20;
+ color: #ffff00;
+ border: 2px solid #aaaaaa;
+ -moz-border-radius: 15px;
+ -webkit-border-radius: 15px;
+}
+
+.JXGtext, .JXGinfobox {
+ text-shadow: none;
+ font-weight: normal;
+}
+
+.scroll-left {
+ border-top: 2px solid white;
+ border-left: 2px solid white;
+}
+
+.scroll-right {
+ border-top: 2px solid white;
+ border-right: 2px solid white;
+}
+
+.tbHeight-small {
+ height: 60px;
+}
+
+.tbHeight-big {
+ height: 76px;
+}
+
+.tools {
+ background-color: #009900 !important;
+ /* background-color: #007700; */
+ /* nothing for heiko or alfred */
+}
+
+.triangle-left {
+ float: left;
+ height: 0;
+ width: 0;
+ line-height: 0;
+ font-size: 0;
+ border-top: 8px solid transparent;
+ border-bottom: 8px solid transparent;
+ border-right: 8px solid #fff;
+}
+
+.triangle-right {
+ float: left;
+ height: 0;
+ width: 0;
+ line-height: 0;
+ font-size: 0;
+ border-top: 8px solid transparent;
+ border-bottom: 8px solid transparent;
+ border-left: 8px solid #fff;
+}
+
+/****************************************/
+
+.button {
+ height: 36px;
+ overflow: hidden;
+ width: 40px;
+}
+
+.button-selected {
+ background-color: #aa3333 !important;
+}
+
+.button-emphasized {
+ background-color: #8899aa;
+ box-shadow: 1px 1px 2px #000000 !important;
+}
+
+.button-disabled {
+ background-color: #8899aa;
+ opacity: 0.3;
+}
+
+.button-color {
+ background-color: #556677;
+}
+
+.button-color-box {
+ background-color: #667788;
+}
+
+.buttonLabel {
+ font-family: Arial, Helvetica, sans-serif;
+ font-size: 8pt;
+ text-align: center;
+ font-weight: normal;
+ line-height: 1.0;
+ padding-top: 2px;
+ padding-bottom: 7px;
+ clear: both;
+ text-shadow: none;
+ color: #ffffff;
+ /* max-height:2.5ex; The prop labels for grid look badly bad with this setting! */
+}
+
+.sui-button-box {
+ background-color: #556677;
+ border: none;
+ border-radius: 8px;
+ overflow: hidden;
+ padding-top: 8px;
+ width: 54px;
+}
+
+.sui-button-box-narrow {
+ background-color: #556677;
+ border: none;
+ border-radius: 8px;
+ overflow: hidden;
+ margin: 3px;
+ padding: 4px;
+ width: 38px;
+}
+
+.sui-button-box-wide {
+ background-color: #556677;
+ border: none;
+ border-radius: 8px;
+ overflow: hidden;
+ margin: 3px;
+ padding: 4px;
+ width: 84px;
+}
+
+.sui-button-box-xl {
+ background-color: #556677;
+ border: none;
+ border-radius: 8px;
+ overflow: hidden;
+ margin: 3px;
+ padding: 4px;
+ width: 148px;
+}
+
+.sui-button-box-xxl {
+ background-color: #556677;
+ border: none;
+ border-radius: 8px;
+ overflow: hidden;
+ margin: 3px;
+ padding: 4px;
+ width: 162px;
+}
+
+.sui-button-xs {
+ height: 28px;
+ width: 27px;
+}
+
+.sui-button {
+ border: none;
+ border-radius: 8px;
+ height: 38px;
+ overflow: hidden;
+ width: 50px;
+}
+
+.sui-button-wide {
+ border: none;
+ border-radius: 8px;
+ height: 38px;
+ overflow: hidden;
+ width: 84px;
+}
+
+.sui-dialog {
+ border-radius: 16px;
+ position: relative;
+ width: 200px;
+ text-align: center;
+ line-height: 100px;
+ border: 8px solid #666;
+ box-shadow: 2px 2px 4px #888;
+ float: none;
+}
+
+/****************************************/
+
+#dlg-content {
+ overflow-y: auto;
+ padding: 15px;
+ clear: both;
+ border-radius: 10px;
+ border: 2px solid black;
+ background-color: #ffffff;
+ font-family: Helvetica,sans-serif;
+ font-size: 18px;
+}
+
+#dlg-header-middle {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ padding-top: 5px;
+ padding-bottom: 5px;
+ min-height: 22px;
+ width: auto;
+ font-size: 20px;
+ border-radius: 15px;
+ color: white;
+}
+
+#toolbar {
+ position: absolute;
+ width: 100%;
+ -ms-touch-action: none;
+}
+
+#menu {
+ padding-top: 6px;
+ width: 100%;
+}
+
+#toolbar-overflow {
+ overflow-x: scroll;
+ overflow-y: hidden;
+}
+
+#tool-stage {
+ width: 78%;
+ height: 100%;
+ color: white;
+}
+
+#tool-exe {
+ border-radius: 8px;
+ border: 1px solid black;
+ height: 100%;
+ width: 100%;
+ background-image: url(../pics/icon-close.png);
+ background-repeat: no-repeat;
+ background-position: 9px 9px;
+}
+
+#color-box {
+ box-shadow: none !important;
+ height: 188px;
+ margin: -8px;
+ margin-top: 0px;
+ margin-bottom: 0px;
+ padding: 8px;
+ width: 176px;
+}
+
+#ctxPanel {
+ position: absolute;
+ min-width: 208px;
+ padding-top: 0px;
+ padding-bottom: 8px;
+ overflow-y: auto;
+ z-index: 10;
+ box-shadow: 2px 2px 10px #000000;
+ border-radius: 16px !important;
+ color: white;
+}
+
+#ctxBoard {
+ text-align: center;
+}
+
+#ctxProps {
+ margin-top: 8px;
+}
+
+#ctxObjects {
+ margin-top: 22px;
+ margin-bottom: 12px;
+}
+
+#content {
+ position: absolute;
+ padding: 0px;
+}
+
+#jxgbox {
+ background-color: #ffffff;
+ cursor: default;
+ overflow: hidden;
+ -ms-touch-action: none;
+}
+
+#textboxInput {
+ margin-top: 9px;
+ width: 480px;
+ max-width: 480px;
+ height: 70px;
+ font-size: 24px;
+}
+
+#magnifier {
+ width: 100px;
+ height: 100px;
+ position: absolute;
+ top: 80px;
+ right: 10px;
+ background-color: white;
+ border: 1px solid black;
+}
+
+#confirm {
+ z-index: 1011;
+}
+
+#modalWindow {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background-color:#336699;
+ opacity: 0.75;
+ z-index: 1010;
+}
+
+#mainWindow {
+ z-index: 20;
+}
+
+#inputWindow {
+ overflow: hidden;
+ width: 0px;
+ height: 0px;
+}
+
+#status-box {
+ position: absolute;
+ z-index: 20;
+}
+
+#status {
+ width: 242px;
+ height: 38px;
+ opacity: 0.85;
+ padding: 10px;
+ padding-left: 15px;
+ padding-right: 15px;
+ font-size: 18px;
+ color: #ffec92;
+ line-height: 1.2;
+ display:table-cell;
+ vertical-align:middle;
+}
+
+#fx-input {
+ padding: 2px;
+ border-radius: 4px;
+}
+
+#plot-fx-label {
+ margin-top: 7px;
+ margin-left: 14px;
+ margin-right: 7px;
+}
+
+#keyboardPanel {
+ position: absolute;
+ padding-top: 8px;
+ padding-left: 8px;
+ padding-right: 8px;
+ padding-bottom: 6px;
+ background-color: #334455;
+ box-shadow: 2px 2px 10px #000000;
+ border-radius: 16px !important;
+ line-height: 1.4;
+ font-size: 16px;
+ font-family: Helvetica, Arial, sans-serif;
+ font-weight: bold;
+ z-index: 20;
+ width: 654px;
+
+}
+
+#kb-textbox {
+ margin-top: 6px;
+ margin-bottom: 6px;
+ width: 560px;
+ max-width: 560px;
+ height: 70px;
+ color: red;
+ font-size: 18px;
+}
+
+#kb-jc-func-panel {
+ width: 440px;
+}
+
+#hwrCanvas {
+ background-color: #eeeeee;
+ width: 548px;
+ height: 180px;
+ border-radius: 8px;
+}
+
+/****************************************/
+
+div.file-input {
+ position: relative;
+}
+
+div.fakefile {
+ position: absolute;
+ top: 10px;
+ left: 0px;
+ z-index: 1;
+ width: 100%;
+}
+
+input.file {
+ position: relative;
+ text-align: right;
+ -moz-opacity:0 ;
+ filter:alpha(opacity: 0);
+ opacity: 0;
+ z-index: 2;
+}
+
+#files {
+ height: 38px;
+}
+
+/****************************************/
+
+#axis-scale-group {
+ margin-top: 12px;
+}
+
+#object-label-group,
+#color-group,
+#status-group {
+ margin: 0px auto;
+ padding-top: 0px;
+ padding-bottom: 0px;
+}
+
+#status-group {
+ margin-top: 8px;
+}
+
+#navigation-group {
+ height: 130px;
+}
+
+#color-tab-none {
+ background-image: none;
+}
+
+#color-field-group,
+#point-style-group,
+#point-style,
+#point-coord {
+ width: 176px;
+}
+
+#point-size-control {
+ height: 36px;
+ width: 176px;
+}
+
+.color-l, .color-item {
+ background-color: #8899aa;
+}
+
+.color-l:hover {
+ background-color: #444444;
+}
+
+.color-m {
+ background-color: #bbbbcc;
+}
+
+.color-s {
+ background-color: #336699;
+}
+
+.color-toolbar {
+ background-color: #8899aa;
+}
+
+.color-control {
+ background-color: #999900;
+}
+
+.color-group {
+ background-color: #334455;
+}
+
+.color-text-field {
+ background-color: #ffffff;
+}
+
+.color-palette-c00 {
+}
+
+.color-palette-c01 {
+ background-color: #ffffff;
+}
+
+.color-palette-c02 {
+ background-color: #999999;
+}
+
+.color-palette-c03 {
+ background-color: #000000;
+}
+
+.color-palette-c04 {
+ background-color: #ff0000;
+}
+
+.color-palette-c05 {
+ background-color: #00ff00;
+}
+
+.color-palette-c06 {
+ background-color: #0000ff;
+}
+
+.color-palette-c07 {
+ background-color: #ff00ff;
+}
+
+.color-palette-c08 {
+ background-color: #c00;
+}
+
+.color-palette-c09 {
+ background-color: #ffff00;
+}
+
+.color-palette-c10 {
+ background-color: #00ffff;
+}
+
+.color-palette-c11 {
+ background-color: #ff99ff;
+}
+
+/* -------------------------------------------------------------------------------------------------------------- */
+
+.radio-button-group {
+ margin-top: 8px !important;
+ height: 16px !important;
+ border: solid 2px #DDDDFF !important;
+ background-color: #DDDDFF;
+}
+
+.radio-button {
+ margin: -2px !important;
+ margin-top: -10px !important;
+ margin-right: 8px !important;
+ background-color: #DDDDFF !important;
+ width: 32px !important;
+ height: 32px !important;
+ padding: 2px !important;
+ border: none !important;
+}
+
+/* --- sui ------------------------------------------------------------------------------------------------------ */
+
+.sui-toolbar {
+ margin: 0px;
+ padding: 0px;
+}
+
+.sui-group,
+.sui-group-top,
+.sui-group-bottom {
+ border: solid 0px #000000;
+ border-radius: 8px;
+ padding: 8px;
+ padding-bottom: 0px;
+ width: 192px;
+ overflow: hidden;
+}
+
+.sui-group-top {
+ padding-top: 0px;
+}
+
+.sui-item,
+.sui-item-double,
+.sui-item-top {
+ border: solid 0px #000000;
+ border-top: none;
+ border-bottom: none;
+ padding-left: 8px;
+ padding-right: 8px;
+ padding-top: 4px;
+ padding-bottom: 2px;
+ width: 176px;
+ overflow: hidden;
+}
+
+.sui-item-double {
+ height: 84px;
+}
+
+.sui-item-top {
+ border-top: solid 0px #000000;
+ border-top-left-radius: 8px;
+ border-top-right-radius: 8px;
+}
+
+.sui-item-bottom {
+ border-bottom-left-radius: 8px;
+ border-bottom-right-radius: 8px;
+ padding-left: 8px;
+ padding-right: 8px;
+ padding-top: 2px;
+ padding-bottom: 4px;
+ width: 176px;
+ overflow: hidden;
+}
+
+.sui-label,
+.sui-label-xs,
+.sui-label-small,
+.sui-label-medium {
+ float: left;
+ height: 38px;
+ width: 38px;
+}
+
+.sui-label-xs {
+ width: 15px;
+}
+
+.sui-label-small {
+ width: 20px;
+}
+
+.sui-label-medium {
+ width: 30px;
+}
+
+.sui-button-wide-square,
+.sui-button-quattro,
+.sui-tab {
+ border: none;
+ border-radius: 8px;
+ /*float: left;*/ /* interferes with centered buttons + labels */
+ height: 38px;
+ overflow: hidden;
+ width: 50px;
+}
+
+.sui-radio-button {
+ background: none;
+ border-radius: 8px;
+ height: 38px;
+ width: 38px;
+ margin-bottom: -5px;
+}
+
+.sui-button-narrow {
+ border: none;
+ border-radius: 8px;
+ width: 38px;
+}
+
+.sui-button-small {
+ margin-bottom: 1px;
+ margin-top: 7px;
+ height: 28px;
+ width: 27px;
+}
+
+.sui-button-wide-square {
+ width: 84px;
+}
+
+.sui-button-quattro {
+ width: 176px;
+}
+
+.sui-button-wide-square {
+ height: 84px;
+}
+
+
+.sui-button-tab {
+ border-bottom-left-radius: 0px;
+ border-bottom-right-radius: 0px;
+ padding-bottom: 5px;
+}
+
+.sui-text-field,
+.sui-text-field-medium,
+.sui-text-field-large {
+ border: solid 1px #334455;
+ border-radius: 8px;
+ font-size: 18px;
+ height: 28px !important;
+ margin: 0px;
+ margin-bottom: 0px;
+ margin-top: 4px;
+ overflow: hidden;
+ padding: 2px;
+ text-align: right;
+ width: 48px;
+}
+
+.sui-text-field-medium {
+ width: 104px;
+}
+
+.sui-text-field-large {
+ width: 134px;
+}
+
+.sui-radio-group {
+ border-radius: 8px;
+ float: left;
+ height: 28px;
+ margin-top: 5px;
+ padding: 0px;
+}
+
+.sui-radio-button {
+ box-shadow: none;
+ margin-top: -5px;
+}
+
+.sui-spacer {
+ margin-right: 8px;
+}
+
+.sui-spacer-medium {
+ margin-right: 7px;
+}
+
+.sui-spacer-small {
+ margin-right: 4px;
+}
+
+.sui-bottom-spacer {
+ margin-bottom: 8px;
+}
+
+.sui-bottom-spacer-small {
+ margin-bottom: 4px;
+}
+
+.sui-top-spacer {
+ margin-top: 8px;
+}
+
+.sui-no-background {
+ background: none;
+ box-shadow: none;
+}
+
+.sui-arrow-down {
+ border-left: 20px solid transparent;
+ border-right: 20px solid transparent;
+ border-top: 20px solid #222220;
+ font-size: 0px;
+ line-height: 0%;
+ width: 0px;
+}
+
+.sui-arrow-up {
+ border-left: 20px solid transparent;
+ border-right: 20px solid transparent;
+ border-bottom: 22px solid #334455;
+ font-size: 0px;
+ line-height: 0%;
+ width: 0px;
+}
+
+.sui-arrow-left {
+ border-bottom: 20px solid transparent;
+ border-right: 20px solid #222220;
+ border-top: 20px solid transparent;
+ font-size: 0px;
+ line-height: 0%;
+ width: 0px;
+}
+
+.sui-arrow-right {
+ border-bottom: 20px solid transparent;
+ border-left: 20px solid #222220;
+ border-top: 20px solid transparent;
+ font-size: 0px;
+ line-height: 0%;
+ width: 0px;
+}
+
+.sui-keyboard-text {
+ color: white;
+ font-family: sans-serif;
+ font-size: 18px !important;
+ height: 32px;
+ text-align: center;
+} \ No newline at end of file
generated by cgit v0.9.1 at 2024-05-08 06:32:18 (GMT)