From cd20fe050d256d55f7b7fc6bf53ca4db6ccf93a0 Mon Sep 17 00:00:00 2001 From: "caleb.mabry.15@cnu.edu" Date: Fri, 18 Mar 2022 11:45:24 -0400 Subject: Remove local golden code --- webAO/golden/css/goldenlayout.css | 525 -------------------------------------- 1 file changed, 525 deletions(-) delete mode 100644 webAO/golden/css/goldenlayout.css (limited to 'webAO/golden/css/goldenlayout.css') diff --git a/webAO/golden/css/goldenlayout.css b/webAO/golden/css/goldenlayout.css deleted file mode 100644 index ecb0d6b..0000000 --- a/webAO/golden/css/goldenlayout.css +++ /dev/null @@ -1,525 +0,0 @@ -h2 { - font: 14px Arial, sans-serif; - color: #fff; - padding: 10px; -} -.lm_content { - text-align: center; - color: white; -} -body { - height: 100%; - width: 100%; - position: absolute; - transition: all 0.5s ease; -} -#menuContainer { - list-style: none; - margin: 10px; - padding: 0; -} -#menuContainer:after { - content: ""; - display: table; - clear: both; -} -#menuContainer li { - float: left; - margin-right: 10px; -} -#menuContainer li a { - background-color: black; - color: white; - padding: 5px; - text-decoration: none; - font-family: Arial, sans-serif; - font-size: 12px; -} -.lm_root { - position: relative; -} -.lm_row > .lm_item { - float: left; -} -.lm_content { - overflow: hidden; - position: relative; -} -.lm_dragging, -.lm_dragging * { - cursor: move !important; - user-select: none; -} -.lm_maximised { - position: absolute; - top: 0; - left: 0; - z-index: 40; -} -.lm_maximise_placeholder { - display: none; -} -.lm_splitter { - position: relative; - z-index: 2; -} -.lm_splitter:hover, -.lm_splitter.lm_dragging { - background: orange; -} -.lm_splitter.lm_vertical .lm_drag_handle { - width: 100%; - position: absolute; - cursor: ns-resize; -} -.lm_splitter.lm_horizontal { - float: left; - height: 100%; -} -.lm_splitter.lm_horizontal .lm_drag_handle { - height: 100%; - position: absolute; - cursor: ew-resize; -} -.lm_header { - overflow: visible; - position: relative; - z-index: 1; - user-select: none; -} -.lm_header.lm_selectable { - cursor: pointer; -} -.lm_header [class^=lm_] { - box-sizing: content-box !important; -} -.lm_header .lm_controls { - position: absolute; - right: 3px; -} -.lm_header .lm_controls > li { - cursor: pointer; - float: left; - width: 18px; - height: 18px; - text-align: center; -} -.lm_header ul { - margin: 0; - padding: 0; - list-style-type: none; -} -.lm_header .lm_tabs { - position: absolute; -} -.lm_header .lm_tab { - cursor: pointer; - float: left; - height: 14px; - margin-top: 1px; - padding: 0px 10px 5px; - padding-right: 25px; - position: relative; -} -.lm_header .lm_tab i { - width: 2px; - height: 19px; - position: absolute; -} -.lm_header .lm_tab i.lm_left { - top: 0; - left: -2px; -} -.lm_header .lm_tab i.lm_right { - top: 0; - right: -2px; -} -.lm_header .lm_tab .lm_title { - display: inline-block; - overflow: hidden; - text-overflow: ellipsis; -} -.lm_header .lm_tab .lm_close_tab { - width: 14px; - height: 14px; - position: absolute; - top: 0; - right: 0; - text-align: center; -} -.lm_stack { - position: relative; -} -.lm_stack > .lm_items { - overflow: hidden; -} -.lm_stack.lm_left > .lm_items { - position: absolute; - left: 20px; - top: 0; -} -.lm_stack.lm_right > .lm_items { - position: absolute; - right: 20px; - top: 0; -} -.lm_stack.lm_right > .lm_header { - position: absolute; - right: 0; - top: 0; -} -.lm_stack.lm_bottom > .lm_items { - position: absolute; - bottom: 20px; -} -.lm_stack.lm_bottom > .lm_header { - position: absolute; - bottom: 0; -} -.lm_stack.lm_docked { - overflow: visible; - z-index: 3; -} -.lm_stack.lm_docked > .lm_header { - z-index: 5; -} -.lm_stack.lm_docked > .lm_items { - *z-index: 3; - transition: height 0.4s ease-in; - border: solid 2px; - border-image-slice: 1 !important; - margin: -2px 0; -} -.lm_stack.lm_docked.lm_left > .lm_items, -.lm_stack.lm_docked.lm_right > .lm_items { - transition: width 0.4s ease-in, height 0.001s linear; -} -.lm_left.lm_stack .lm_header, -.lm_right.lm_stack .lm_header { - height: 100%; -} -.lm_left.lm_dragProxy .lm_header, -.lm_right.lm_dragProxy .lm_header, -.lm_left.lm_dragProxy .lm_items, -.lm_right.lm_dragProxy .lm_items { - float: left; -} -.lm_left.lm_dragProxy .lm_header, -.lm_right.lm_dragProxy .lm_header, -.lm_left.lm_stack .lm_header, -.lm_right.lm_stack .lm_header { - width: 20px; - vertical-align: top; -} -.lm_left.lm_dragProxy .lm_header .lm_tabs, -.lm_right.lm_dragProxy .lm_header .lm_tabs, -.lm_left.lm_stack .lm_header .lm_tabs, -.lm_right.lm_stack .lm_header .lm_tabs { - transform-origin: left top; - top: 0; - width: 1000px; - /*hack*/ -} -.lm_left.lm_dragProxy .lm_header .lm_controls, -.lm_right.lm_dragProxy .lm_header .lm_controls, -.lm_left.lm_stack .lm_header .lm_controls, -.lm_right.lm_stack .lm_header .lm_controls { - bottom: 0; -} -.lm_dragProxy.lm_left .lm_header .lm_tabs, -.lm_stack.lm_left .lm_header .lm_tabs { - transform: rotate(-90deg) scaleX(-1); - left: 0; -} -.lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab, -.lm_stack.lm_left .lm_header .lm_tabs .lm_tab { - transform: scaleX(-1); - margin-top: 1px; -} -.lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list, -.lm_stack.lm_left .lm_header .lm_tabdropdown_list { - top: initial; - right: initial; - left: 20px; -} -.lm_dragProxy.lm_right .lm_content { - float: left; -} -.lm_dragProxy.lm_right .lm_header .lm_tabs, -.lm_stack.lm_right .lm_header .lm_tabs { - transform: rotate(90deg) scaleX(1); - left: 100%; - margin-left: 0; -} -.lm_dragProxy.lm_right .lm_header .lm_controls, -.lm_stack.lm_right .lm_header .lm_controls { - left: 3px; -} -.lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list, -.lm_stack.lm_right .lm_header .lm_tabdropdown_list { - top: initial; - right: 20px; -} -.lm_dragProxy.lm_bottom .lm_header, -.lm_stack.lm_bottom .lm_header { - width: 100%; -} -.lm_dragProxy.lm_bottom .lm_header .lm_tab, -.lm_stack.lm_bottom .lm_header .lm_tab { - margin-top: 0; - border-top: none; -} -.lm_dragProxy.lm_bottom .lm_header .lm_controls, -.lm_stack.lm_bottom .lm_header .lm_controls { - top: 3px; -} -.lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list, -.lm_stack.lm_bottom .lm_header .lm_tabdropdown_list { - top: initial; - bottom: 20px; -} -.lm_drop_tab_placeholder { - float: left; - width: 100px; - height: 10px; - visibility: hidden; -} -.lm_header .lm_controls .lm_tabdropdown:before { - content: ''; - width: 0; - height: 0; - vertical-align: middle; - display: inline-block; - border-top: 5px dashed; - border-right: 5px solid transparent; - border-left: 5px solid transparent; - color: white; -} -.lm_header .lm_tabdropdown_list { - position: absolute; - top: 20px; - right: 0; - z-index: 5; - overflow: hidden; -} -.lm_header .lm_tabdropdown_list .lm_tab { - clear: both; - padding-right: 10px; - margin: 0; -} -.lm_header .lm_tabdropdown_list .lm_tab .lm_title { - width: 100px; -} -.lm_header .lm_tabdropdown_list .lm_close_tab { - display: none !important; -} -/*********************************** -* Drag Proxy -***********************************/ -.lm_dragProxy { - position: absolute; - top: 0; - left: 0; - z-index: 30; -} -.lm_dragProxy .lm_header { - background: transparent; -} -.lm_dragProxy .lm_content { - border-top: none; - overflow: hidden; -} -.lm_dropTargetIndicator { - display: none; - position: absolute; - z-index: 20; - transition: all 200ms ease; -} -.lm_dropTargetIndicator .lm_inner { - width: 100%; - height: 100%; - position: relative; - top: 0; - left: 0; -} -.lm_transition_indicator { - display: none; - width: 20px; - height: 20px; - position: absolute; - top: 0; - left: 0; - z-index: 20; -} -.lm_popin { - width: 20px; - height: 20px; - position: absolute; - bottom: 0; - right: 0; - z-index: 9999; -} -.lm_popin > * { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; -} -.lm_popin > .lm_bg { - z-index: 10; -} -.lm_popin > .lm_icon { - z-index: 20; -} -.lm_goldenlayout { - background: #000000; -} -.lm_content { - background: #222222; - border: 1px solid transparent; -} -.lm_dragProxy .lm_content { - box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); -} -.lm_dropTargetIndicator { - box-shadow: inset 0 0 30px #000000; - outline: 1px dashed #cccccc; -} -.lm_dropTargetIndicator .lm_inner { - background: #000000; - opacity: 0.2; -} -.lm_splitter { - background: #000000; - opacity: 0.001; - transition: opacity 200ms ease; -} -.lm_splitter:hover, -.lm_splitter.lm_dragging { - background: #444444; - opacity: 1; -} -.lm_header { - height: 20px; -} -.lm_header .lm_tab { - font-family: Arial, sans-serif; - font-size: 12px; - color: #999999; - background: #111111; - box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.3); - margin-right: 2px; - padding-bottom: 2px; - padding-top: 2px; - /*.lm_title // Present in LIGHT Theme - { - padding-top:1px; - }*/ -} -.lm_header .lm_tab .lm_close_tab { - width: 11px; - height: 11px; - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII="); - background-position: center center; - background-repeat: no-repeat; - top: 4px; - right: 6px; - opacity: 0.4; -} -.lm_header .lm_tab .lm_close_tab:hover { - opacity: 1; -} -.lm_header .lm_tab.lm_active { - border-bottom: none; - box-shadow: 0 -2px 2px #000000; - padding-bottom: 3px; -} -.lm_header .lm_tab.lm_active .lm_close_tab { - opacity: 1; -} -.lm_dragProxy.lm_right .lm_header .lm_tab.lm_active, -.lm_stack.lm_right .lm_header .lm_tab.lm_active { - box-shadow: 2px -2px 2px #000000; -} -.lm_dragProxy.lm_bottom .lm_header .lm_tab, -.lm_stack.lm_bottom .lm_header .lm_tab { - box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -} -.lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active, -.lm_stack.lm_bottom .lm_header .lm_tab.lm_active { - box-shadow: 0 2px 2px #000000; -} -.lm_selected .lm_header { - background-color: #452500; -} -.lm_tab:hover, -.lm_tab.lm_active { - background: #222222; - color: #dddddd; -} -.lm_header .lm_controls .lm_tabdropdown:before { - color: #ffffff; -} -.lm_controls > li { - position: relative; - background-position: center center; - background-repeat: no-repeat; - opacity: 0.4; - transition: opacity 300ms ease; -} -.lm_controls > li:hover { - opacity: 1; -} -.lm_controls .lm_popout { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII="); -} -.lm_controls .lm_maximise { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKElEQVR4nGP8////fwYCgImQAgYGBgYWKM2IR81/okwajIpgvsMbVgAwgQYRVakEKQAAAABJRU5ErkJggg=="); -} -.lm_controls .lm_close { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII="); -} -.lm_controls .lm_dock { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QQLExoPDb+5JQAAAKZJREFUOMvV0tENgjAUhWFGYBQ20FG6iYzgBo4gG8gIbAAbyAafD5akwWIATYz3sWn+e/qfFsUvBsevQDzn8gmkRI8a3W4YGjQJdD0MFQ44YUQ5S/geFgF99NFhyEmOz5QtIG4a0aYJMneuSwvmiUaEhebu0Vm51s8LLKaotzY1OQjJWbvpUyJESD0li26g2goJs2feMOyCZJxVuyFp7WvTnJcg/zkPjGQks0ox9/8AAAAASUVORK5CYII="); - transform: rotate(-45deg); - transition: transform 300ms; -} -.lm_stack.lm_docked .lm_controls .lm_dock { - transform: rotate(0deg); -} -.lm_stack.lm_docked > .lm_items { - border-color: #555555; - border-image: linear-gradient(to right, #444444 1%, #999999 100%); - box-shadow: 0 2px 2px #000000; -} -.lm_maximised .lm_header { - background-color: #000000; -} -.lm_maximised .lm_controls .lm_maximise { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJ0lEQVR4nGP8//8/AzGAiShVI1YhCwMDA8OsWbPwBmZaWhoj0SYCAN1lBxMAX4n0AAAAAElFTkSuQmCC"); -} -.lm_transition_indicator { - background-color: #000000; - border: 1px dashed #555555; -} -.lm_popin { - cursor: pointer; -} -.lm_popin .lm_bg { - background: #ffffff; - opacity: 0.3; -} -.lm_popin .lm_icon { - background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC"); - background-position: center center; - background-repeat: no-repeat; - border-left: 1px solid #eeeeee; - border-top: 1px solid #eeeeee; - opacity: 0.7; -} -.lm_popin:hover .lm_icon { - opacity: 1; -} - -/*# sourceMappingURL=goldenlayout.css.map*/ \ No newline at end of file -- cgit From 2b47bc4dd7af5f0ed4b12ab0f55a0d44f483e11a Mon Sep 17 00:00:00 2001 From: "caleb.mabry.15@cnu.edu" Date: Fri, 18 Mar 2022 11:50:57 -0400 Subject: Revert "Remove local golden code" This reverts commit cd20fe050d256d55f7b7fc6bf53ca4db6ccf93a0. --- webAO/golden/css/goldenlayout.css | 525 ++++++++++++++++++++++++++++++++++++++ 1 file changed, 525 insertions(+) create mode 100644 webAO/golden/css/goldenlayout.css (limited to 'webAO/golden/css/goldenlayout.css') diff --git a/webAO/golden/css/goldenlayout.css b/webAO/golden/css/goldenlayout.css new file mode 100644 index 0000000..ecb0d6b --- /dev/null +++ b/webAO/golden/css/goldenlayout.css @@ -0,0 +1,525 @@ +h2 { + font: 14px Arial, sans-serif; + color: #fff; + padding: 10px; +} +.lm_content { + text-align: center; + color: white; +} +body { + height: 100%; + width: 100%; + position: absolute; + transition: all 0.5s ease; +} +#menuContainer { + list-style: none; + margin: 10px; + padding: 0; +} +#menuContainer:after { + content: ""; + display: table; + clear: both; +} +#menuContainer li { + float: left; + margin-right: 10px; +} +#menuContainer li a { + background-color: black; + color: white; + padding: 5px; + text-decoration: none; + font-family: Arial, sans-serif; + font-size: 12px; +} +.lm_root { + position: relative; +} +.lm_row > .lm_item { + float: left; +} +.lm_content { + overflow: hidden; + position: relative; +} +.lm_dragging, +.lm_dragging * { + cursor: move !important; + user-select: none; +} +.lm_maximised { + position: absolute; + top: 0; + left: 0; + z-index: 40; +} +.lm_maximise_placeholder { + display: none; +} +.lm_splitter { + position: relative; + z-index: 2; +} +.lm_splitter:hover, +.lm_splitter.lm_dragging { + background: orange; +} +.lm_splitter.lm_vertical .lm_drag_handle { + width: 100%; + position: absolute; + cursor: ns-resize; +} +.lm_splitter.lm_horizontal { + float: left; + height: 100%; +} +.lm_splitter.lm_horizontal .lm_drag_handle { + height: 100%; + position: absolute; + cursor: ew-resize; +} +.lm_header { + overflow: visible; + position: relative; + z-index: 1; + user-select: none; +} +.lm_header.lm_selectable { + cursor: pointer; +} +.lm_header [class^=lm_] { + box-sizing: content-box !important; +} +.lm_header .lm_controls { + position: absolute; + right: 3px; +} +.lm_header .lm_controls > li { + cursor: pointer; + float: left; + width: 18px; + height: 18px; + text-align: center; +} +.lm_header ul { + margin: 0; + padding: 0; + list-style-type: none; +} +.lm_header .lm_tabs { + position: absolute; +} +.lm_header .lm_tab { + cursor: pointer; + float: left; + height: 14px; + margin-top: 1px; + padding: 0px 10px 5px; + padding-right: 25px; + position: relative; +} +.lm_header .lm_tab i { + width: 2px; + height: 19px; + position: absolute; +} +.lm_header .lm_tab i.lm_left { + top: 0; + left: -2px; +} +.lm_header .lm_tab i.lm_right { + top: 0; + right: -2px; +} +.lm_header .lm_tab .lm_title { + display: inline-block; + overflow: hidden; + text-overflow: ellipsis; +} +.lm_header .lm_tab .lm_close_tab { + width: 14px; + height: 14px; + position: absolute; + top: 0; + right: 0; + text-align: center; +} +.lm_stack { + position: relative; +} +.lm_stack > .lm_items { + overflow: hidden; +} +.lm_stack.lm_left > .lm_items { + position: absolute; + left: 20px; + top: 0; +} +.lm_stack.lm_right > .lm_items { + position: absolute; + right: 20px; + top: 0; +} +.lm_stack.lm_right > .lm_header { + position: absolute; + right: 0; + top: 0; +} +.lm_stack.lm_bottom > .lm_items { + position: absolute; + bottom: 20px; +} +.lm_stack.lm_bottom > .lm_header { + position: absolute; + bottom: 0; +} +.lm_stack.lm_docked { + overflow: visible; + z-index: 3; +} +.lm_stack.lm_docked > .lm_header { + z-index: 5; +} +.lm_stack.lm_docked > .lm_items { + *z-index: 3; + transition: height 0.4s ease-in; + border: solid 2px; + border-image-slice: 1 !important; + margin: -2px 0; +} +.lm_stack.lm_docked.lm_left > .lm_items, +.lm_stack.lm_docked.lm_right > .lm_items { + transition: width 0.4s ease-in, height 0.001s linear; +} +.lm_left.lm_stack .lm_header, +.lm_right.lm_stack .lm_header { + height: 100%; +} +.lm_left.lm_dragProxy .lm_header, +.lm_right.lm_dragProxy .lm_header, +.lm_left.lm_dragProxy .lm_items, +.lm_right.lm_dragProxy .lm_items { + float: left; +} +.lm_left.lm_dragProxy .lm_header, +.lm_right.lm_dragProxy .lm_header, +.lm_left.lm_stack .lm_header, +.lm_right.lm_stack .lm_header { + width: 20px; + vertical-align: top; +} +.lm_left.lm_dragProxy .lm_header .lm_tabs, +.lm_right.lm_dragProxy .lm_header .lm_tabs, +.lm_left.lm_stack .lm_header .lm_tabs, +.lm_right.lm_stack .lm_header .lm_tabs { + transform-origin: left top; + top: 0; + width: 1000px; + /*hack*/ +} +.lm_left.lm_dragProxy .lm_header .lm_controls, +.lm_right.lm_dragProxy .lm_header .lm_controls, +.lm_left.lm_stack .lm_header .lm_controls, +.lm_right.lm_stack .lm_header .lm_controls { + bottom: 0; +} +.lm_dragProxy.lm_left .lm_header .lm_tabs, +.lm_stack.lm_left .lm_header .lm_tabs { + transform: rotate(-90deg) scaleX(-1); + left: 0; +} +.lm_dragProxy.lm_left .lm_header .lm_tabs .lm_tab, +.lm_stack.lm_left .lm_header .lm_tabs .lm_tab { + transform: scaleX(-1); + margin-top: 1px; +} +.lm_dragProxy.lm_left .lm_header .lm_tabdropdown_list, +.lm_stack.lm_left .lm_header .lm_tabdropdown_list { + top: initial; + right: initial; + left: 20px; +} +.lm_dragProxy.lm_right .lm_content { + float: left; +} +.lm_dragProxy.lm_right .lm_header .lm_tabs, +.lm_stack.lm_right .lm_header .lm_tabs { + transform: rotate(90deg) scaleX(1); + left: 100%; + margin-left: 0; +} +.lm_dragProxy.lm_right .lm_header .lm_controls, +.lm_stack.lm_right .lm_header .lm_controls { + left: 3px; +} +.lm_dragProxy.lm_right .lm_header .lm_tabdropdown_list, +.lm_stack.lm_right .lm_header .lm_tabdropdown_list { + top: initial; + right: 20px; +} +.lm_dragProxy.lm_bottom .lm_header, +.lm_stack.lm_bottom .lm_header { + width: 100%; +} +.lm_dragProxy.lm_bottom .lm_header .lm_tab, +.lm_stack.lm_bottom .lm_header .lm_tab { + margin-top: 0; + border-top: none; +} +.lm_dragProxy.lm_bottom .lm_header .lm_controls, +.lm_stack.lm_bottom .lm_header .lm_controls { + top: 3px; +} +.lm_dragProxy.lm_bottom .lm_header .lm_tabdropdown_list, +.lm_stack.lm_bottom .lm_header .lm_tabdropdown_list { + top: initial; + bottom: 20px; +} +.lm_drop_tab_placeholder { + float: left; + width: 100px; + height: 10px; + visibility: hidden; +} +.lm_header .lm_controls .lm_tabdropdown:before { + content: ''; + width: 0; + height: 0; + vertical-align: middle; + display: inline-block; + border-top: 5px dashed; + border-right: 5px solid transparent; + border-left: 5px solid transparent; + color: white; +} +.lm_header .lm_tabdropdown_list { + position: absolute; + top: 20px; + right: 0; + z-index: 5; + overflow: hidden; +} +.lm_header .lm_tabdropdown_list .lm_tab { + clear: both; + padding-right: 10px; + margin: 0; +} +.lm_header .lm_tabdropdown_list .lm_tab .lm_title { + width: 100px; +} +.lm_header .lm_tabdropdown_list .lm_close_tab { + display: none !important; +} +/*********************************** +* Drag Proxy +***********************************/ +.lm_dragProxy { + position: absolute; + top: 0; + left: 0; + z-index: 30; +} +.lm_dragProxy .lm_header { + background: transparent; +} +.lm_dragProxy .lm_content { + border-top: none; + overflow: hidden; +} +.lm_dropTargetIndicator { + display: none; + position: absolute; + z-index: 20; + transition: all 200ms ease; +} +.lm_dropTargetIndicator .lm_inner { + width: 100%; + height: 100%; + position: relative; + top: 0; + left: 0; +} +.lm_transition_indicator { + display: none; + width: 20px; + height: 20px; + position: absolute; + top: 0; + left: 0; + z-index: 20; +} +.lm_popin { + width: 20px; + height: 20px; + position: absolute; + bottom: 0; + right: 0; + z-index: 9999; +} +.lm_popin > * { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; +} +.lm_popin > .lm_bg { + z-index: 10; +} +.lm_popin > .lm_icon { + z-index: 20; +} +.lm_goldenlayout { + background: #000000; +} +.lm_content { + background: #222222; + border: 1px solid transparent; +} +.lm_dragProxy .lm_content { + box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9); +} +.lm_dropTargetIndicator { + box-shadow: inset 0 0 30px #000000; + outline: 1px dashed #cccccc; +} +.lm_dropTargetIndicator .lm_inner { + background: #000000; + opacity: 0.2; +} +.lm_splitter { + background: #000000; + opacity: 0.001; + transition: opacity 200ms ease; +} +.lm_splitter:hover, +.lm_splitter.lm_dragging { + background: #444444; + opacity: 1; +} +.lm_header { + height: 20px; +} +.lm_header .lm_tab { + font-family: Arial, sans-serif; + font-size: 12px; + color: #999999; + background: #111111; + box-shadow: 2px -2px 2px rgba(0, 0, 0, 0.3); + margin-right: 2px; + padding-bottom: 2px; + padding-top: 2px; + /*.lm_title // Present in LIGHT Theme + { + padding-top:1px; + }*/ +} +.lm_header .lm_tab .lm_close_tab { + width: 11px; + height: 11px; + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII="); + background-position: center center; + background-repeat: no-repeat; + top: 4px; + right: 6px; + opacity: 0.4; +} +.lm_header .lm_tab .lm_close_tab:hover { + opacity: 1; +} +.lm_header .lm_tab.lm_active { + border-bottom: none; + box-shadow: 0 -2px 2px #000000; + padding-bottom: 3px; +} +.lm_header .lm_tab.lm_active .lm_close_tab { + opacity: 1; +} +.lm_dragProxy.lm_right .lm_header .lm_tab.lm_active, +.lm_stack.lm_right .lm_header .lm_tab.lm_active { + box-shadow: 2px -2px 2px #000000; +} +.lm_dragProxy.lm_bottom .lm_header .lm_tab, +.lm_stack.lm_bottom .lm_header .lm_tab { + box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); +} +.lm_dragProxy.lm_bottom .lm_header .lm_tab.lm_active, +.lm_stack.lm_bottom .lm_header .lm_tab.lm_active { + box-shadow: 0 2px 2px #000000; +} +.lm_selected .lm_header { + background-color: #452500; +} +.lm_tab:hover, +.lm_tab.lm_active { + background: #222222; + color: #dddddd; +} +.lm_header .lm_controls .lm_tabdropdown:before { + color: #ffffff; +} +.lm_controls > li { + position: relative; + background-position: center center; + background-repeat: no-repeat; + opacity: 0.4; + transition: opacity 300ms ease; +} +.lm_controls > li:hover { + opacity: 1; +} +.lm_controls .lm_popout { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAPklEQVR4nI2Q0QoAIAwCNfr/X7aXCpGN8snBdgejJOzckpkxs9jR6K6T5JpU0nWl5pSXTk7qwh8SnNT+CAAWCgkKFpuSWsUAAAAASUVORK5CYII="); +} +.lm_controls .lm_maximise { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAKElEQVR4nGP8////fwYCgImQAgYGBgYWKM2IR81/okwajIpgvsMbVgAwgQYRVakEKQAAAABJRU5ErkJggg=="); +} +.lm_controls .lm_close { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAAQUlEQVR4nHXOQQ4AMAgCQeT/f6aXpsGK3jSTuCVJAAr7iBdoAwCKd0nwfaAdHbYERw5b44+E8JoBjEYGMBq5gAYP3usUDu2IvoUAAAAASUVORK5CYII="); +} +.lm_controls .lm_dock { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QQLExoPDb+5JQAAAKZJREFUOMvV0tENgjAUhWFGYBQ20FG6iYzgBo4gG8gIbAAbyAafD5akwWIATYz3sWn+e/qfFsUvBsevQDzn8gmkRI8a3W4YGjQJdD0MFQ44YUQ5S/geFgF99NFhyEmOz5QtIG4a0aYJMneuSwvmiUaEhebu0Vm51s8LLKaotzY1OQjJWbvpUyJESD0li26g2goJs2feMOyCZJxVuyFp7WvTnJcg/zkPjGQks0ox9/8AAAAASUVORK5CYII="); + transform: rotate(-45deg); + transition: transform 300ms; +} +.lm_stack.lm_docked .lm_controls .lm_dock { + transform: rotate(0deg); +} +.lm_stack.lm_docked > .lm_items { + border-color: #555555; + border-image: linear-gradient(to right, #444444 1%, #999999 100%); + box-shadow: 0 2px 2px #000000; +} +.lm_maximised .lm_header { + background-color: #000000; +} +.lm_maximised .lm_controls .lm_maximise { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAJ0lEQVR4nGP8//8/AzGAiShVI1YhCwMDA8OsWbPwBmZaWhoj0SYCAN1lBxMAX4n0AAAAAElFTkSuQmCC"); +} +.lm_transition_indicator { + background-color: #000000; + border: 1px dashed #555555; +} +.lm_popin { + cursor: pointer; +} +.lm_popin .lm_bg { + background: #ffffff; + opacity: 0.3; +} +.lm_popin .lm_icon { + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAJCAYAAADpeqZqAAAAWklEQVR4nJWOyw3AIAxDHcQC7L8jbwT3AlJBfNp3SiI7dtRaLSlKKeoA1oEsKSQZCEluexw8Tm3ohk+E7bnOUHUGcNh+HwbBygw4AZ7FN/Lt84p0l+yTflV8AKQyLdcCRJi/AAAAAElFTkSuQmCC"); + background-position: center center; + background-repeat: no-repeat; + border-left: 1px solid #eeeeee; + border-top: 1px solid #eeeeee; + opacity: 0.7; +} +.lm_popin:hover .lm_icon { + opacity: 1; +} + +/*# sourceMappingURL=goldenlayout.css.map*/ \ No newline at end of file -- cgit From df721fdce507625f7649e4d28eeffba7910533ab Mon Sep 17 00:00:00 2001 From: "caleb.mabry.15@cnu.edu" Date: Fri, 18 Mar 2022 12:31:58 -0400 Subject: Final touches --- webAO/golden/css/goldenlayout.css | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) (limited to 'webAO/golden/css/goldenlayout.css') diff --git a/webAO/golden/css/goldenlayout.css b/webAO/golden/css/goldenlayout.css index ecb0d6b..d515f65 100644 --- a/webAO/golden/css/goldenlayout.css +++ b/webAO/golden/css/goldenlayout.css @@ -97,13 +97,24 @@ body { position: absolute; right: 3px; } -.lm_header .lm_controls > li { - cursor: pointer; + +.lm_header .lm_controls .lm_maximise { + top: 5px; + position: absolute; float: left; - width: 18px; - height: 18px; + width: 9px; + height: 9px; + right: 2px; + cursor: pointer; text-align: center; + opacity: .5; + transition: opacity 0.3s; + -webkit-transition: opacity 0.3s; } +.lm_header .lm_controls .lm_maximise:hover { + opacity: 1; +} + .lm_header ul { margin: 0; padding: 0; -- cgit