mirror of
https://github.com/pgadmin-org/pgadmin4.git
synced 2025-02-25 18:55:31 -06:00
Updated wcDocker to the latest version
This commit is contained in:
@@ -15,7 +15,9 @@ body {
|
||||
.container {
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
|
||||
.pg-panel-content { position:absolute;top:0px;left:0px;right:0px;bottom:0px; }
|
||||
|
||||
/* Restyle the Alertify dialogs */
|
||||
.alertify .ajs-dialog {
|
||||
border: 0px solid rgba(0,0,0,.2);
|
||||
|
||||
286
web/pgadmin/static/css/wcDocker/Themes/default.css
Normal file
286
web/pgadmin/static/css/wcDocker/Themes/default.css
Normal file
@@ -0,0 +1,286 @@
|
||||
/*!
|
||||
* Web Cabin Docker - Docking Layout Interface.
|
||||
*
|
||||
* Dependancies:
|
||||
* JQuery 1.11.1
|
||||
*
|
||||
* Version: git-master
|
||||
*
|
||||
* Author: Jeff Houde (lochemage@webcabin.org)
|
||||
* Web: http://docker.webcabin.org/
|
||||
*
|
||||
* Licensed under
|
||||
* MIT License http://www.opensource.org/licenses/mit-license
|
||||
* GPL v3 http://opensource.org/licenses/GPL-3.0
|
||||
*
|
||||
*/
|
||||
.wcDocker {
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
.wcModalBlocker {
|
||||
background-color: black;
|
||||
opacity: 0.8;
|
||||
}
|
||||
|
||||
.wcPanelBackground {
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
.wcPanelBackground .wcCenter {
|
||||
background-color: darkgray;
|
||||
}
|
||||
|
||||
.wcFrameFlasher {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.wcFrameShadower {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.wcFrameTitleBar {
|
||||
height: 17px;
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.wcFrameTitle {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
padding-top: 3px;
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
.wcFrameButton {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
border: 2px outset #444444;
|
||||
font-size: 11px;
|
||||
background-color: #555555;
|
||||
}
|
||||
|
||||
.wcFrameButton:hover {
|
||||
background-color: #666;
|
||||
}
|
||||
|
||||
.wcFrameButton:active {
|
||||
border: 2px inset #444;
|
||||
}
|
||||
|
||||
.wcFrameCenter {
|
||||
top: 17px;
|
||||
}
|
||||
|
||||
.wcLayoutGrid, .wcLayoutGrid tr, .wcLayoutGrid td {
|
||||
border: 1px solid #555555;
|
||||
}
|
||||
|
||||
.wcLayoutGridAlternate tr:nth-child(even), .wcLayoutGridAltColor {
|
||||
background-color: rgba(200, 200, 200, 0.2) !important;
|
||||
}
|
||||
|
||||
.wcPanelTab {
|
||||
color: #42454a;
|
||||
background-color: #777;
|
||||
border: 1px solid #000;
|
||||
border-radius: 2px 2px 0px 0px;
|
||||
border-bottom: 0px;
|
||||
margin-right: 1px;
|
||||
margin-top: 3px;
|
||||
font-size: 12px;
|
||||
padding-left: 2px;
|
||||
padding-right: 2px;
|
||||
padding-bottom: 0px;
|
||||
}
|
||||
|
||||
.wcPanelTab:hover {
|
||||
background-color: #AAA;
|
||||
}
|
||||
|
||||
.wcPanelTabActive {
|
||||
color: #000;
|
||||
background-color: gray;
|
||||
font-weight: bold;
|
||||
margin-top: 1px;
|
||||
}
|
||||
|
||||
.wcPanelTabActive:hover {
|
||||
background-color: #CCC;
|
||||
}
|
||||
|
||||
.wcFrameEdge {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
border: 2px outset #444;
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.wcSplitterBar {
|
||||
border: 1px outset darkgray;
|
||||
background-color: gray;
|
||||
}
|
||||
|
||||
.wcSplitterBarV.wcSplitterBarStatic {
|
||||
width: 0px;
|
||||
}
|
||||
.wcSplitterBarH.wcSplitterBarStatic {
|
||||
height: 0px;
|
||||
}
|
||||
|
||||
.wcGhost {
|
||||
background-color: #444444;
|
||||
border: 0px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background-color: #888;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
|
||||
border-radius: 10px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
border-radius: 10px;
|
||||
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7);
|
||||
}
|
||||
|
||||
.wcMenuList, .context-menu-list {
|
||||
border: 1px solid #111;
|
||||
}
|
||||
|
||||
.wcMenuItem, .context-menu-item, .context-menu-list {
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.wcMenuItemHover, .wcMenuItem:hover, .context-menu-item.hover {
|
||||
background-color: #666;
|
||||
}
|
||||
|
||||
.wcMenuItem.disabled, .context-menu-item.disabled {
|
||||
color: #333;
|
||||
background-color: #444;
|
||||
}
|
||||
|
||||
.wcMenuSeparator, .context-menu-separator {
|
||||
border: 2px solid #444;
|
||||
background-color: #777;
|
||||
}
|
||||
|
||||
.wcLoadingBackground {
|
||||
background-color: rgba(55, 55, 55, 1);
|
||||
}
|
||||
|
||||
.wcLoadingIcon {
|
||||
color: #222;
|
||||
}
|
||||
|
||||
.wcLoadingLabel {
|
||||
color: #111;
|
||||
}
|
||||
|
||||
|
||||
/*
|
||||
The following are not actually used in docker, they are provided as a convenience when
|
||||
controls are used in your panels, if you want to match the active theme.
|
||||
*/
|
||||
|
||||
.wcInput, input {
|
||||
vertical-align: middle;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.wcSelect, select {
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.wcButton, button {
|
||||
border: 1px outset #777;
|
||||
background-color: #777;
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
.wcButtonHover, .wcButton:hover, button:hover {
|
||||
border: 1px outset #999;
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
.wcButtonActive, .wcButton:active, button:active {
|
||||
border: 1px inset #666;
|
||||
background-color: #666;
|
||||
}
|
||||
|
||||
.wcButtonActive.wcButtonHover, .wcButton:hover.wcButtonActive, .wcButton:active.wcButtonHover, .wcButton:active:hover, button:active:hover {
|
||||
border: 1px inset #999;
|
||||
background-color: #999;
|
||||
}
|
||||
|
||||
.wcButtonDisabled, .wcButton.disabled, button:disabled {
|
||||
border: 1px outset #666 !important;
|
||||
background-color: #666 !important;
|
||||
color: #555 !important;
|
||||
}
|
||||
|
||||
.wcButton:focus, button:focus {
|
||||
outline: 0px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*
|
||||
Mobile style changes.
|
||||
*/
|
||||
|
||||
.wcMobile .wcFrameTitleBar {
|
||||
height: 29px;
|
||||
}
|
||||
|
||||
.wcMobile .wcFrameTitle {
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.wcMobile .wcFrameButton, .wcMobile .wcFrameButton {
|
||||
width: 25px;
|
||||
height: 25px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.wcMobile .wcFrameCenter {
|
||||
top: 29px;
|
||||
}
|
||||
|
||||
.wcMobile .wcPanelTab {
|
||||
font-size: 14px;
|
||||
height: 29px;
|
||||
}
|
||||
|
||||
.wcMobile .wcPanelTab > div {
|
||||
margin-top: 4px;
|
||||
}
|
||||
|
||||
.wcMobile .wcSplitterBarV.wcSplitterBar:not(.wcSplitterBarStatic) {
|
||||
width: 12px;
|
||||
border-width: 3px;
|
||||
}
|
||||
.wcMobile .wcSplitterBarH.wcSplitterBar:not(.wcSplitterBarStatic) {
|
||||
height: 12px;
|
||||
border-width: 3px;
|
||||
}
|
||||
|
||||
.wcMobile .wcInput, .wcMobile input,
|
||||
.wcMobile .wcSelect, .wcMobile select,
|
||||
.wcMobile .wcButton, .wcMobile button {
|
||||
font-size: 22px;
|
||||
}
|
||||
16
web/pgadmin/static/css/wcDocker/Themes/default.min.css
vendored
Normal file
16
web/pgadmin/static/css/wcDocker/Themes/default.min.css
vendored
Normal file
@@ -0,0 +1,16 @@
|
||||
/*!
|
||||
* Web Cabin Docker - Docking Layout Interface.
|
||||
*
|
||||
* Dependancies:
|
||||
* JQuery 1.11.1
|
||||
*
|
||||
* Version: git-master
|
||||
*
|
||||
* Author: Jeff Houde (lochemage@webcabin.org)
|
||||
* Web: http://docker.webcabin.org/
|
||||
*
|
||||
* Licensed under
|
||||
* MIT License http://www.opensource.org/licenses/mit-license
|
||||
* GPL v3 http://opensource.org/licenses/GPL-3.0
|
||||
*
|
||||
*/.wcDocker{background-color:gray}.wcModalBlocker{background-color:black;opacity:.8}.wcPanelBackground{background-color:gray}.wcPanelBackground .wcCenter{background-color:darkgray}.wcFrameFlasher{background-color:white}.wcFrameShadower{background-color:white}.wcFrameTitleBar{height:17px;background-color:#555}.wcFrameTitle{font-size:12px;font-weight:bold;text-align:center;padding-top:3px;background-color:gray}.wcFrameButton{width:13px;height:13px;border:2px outset #444;font-size:11px;background-color:#555}.wcFrameButton:hover{background-color:#666}.wcFrameButton:active{border:2px inset #444}.wcFrameCenter{top:17px}.wcLayoutGrid,.wcLayoutGrid tr,.wcLayoutGrid td{border:1px solid #555}.wcLayoutGridAlternate tr:nth-child(even),.wcLayoutGridAltColor{background-color:rgba(200,200,200,0.2) !important}.wcPanelTab{color:#42454a;background-color:#777;border:1px solid #000;border-radius:2px 2px 0 0;border-bottom:0;margin-right:1px;margin-top:3px;font-size:12px;padding-left:2px;padding-right:2px;padding-bottom:0}.wcPanelTab:hover{background-color:#AAA}.wcPanelTabActive{color:#000;background-color:gray;font-weight:bold;margin-top:1px}.wcPanelTabActive:hover{background-color:#CCC}.wcFrameEdge{position:absolute;z-index:2;border:2px outset #444;background-color:#222}.wcSplitterBar{border:1px outset darkgray;background-color:gray}.wcSplitterBarV.wcSplitterBarStatic{width:0}.wcSplitterBarH.wcSplitterBarStatic{height:0}.wcGhost{background-color:#444;border:0;border-radius:6px}::-webkit-scrollbar{width:12px;height:12px;background-color:#888}::-webkit-scrollbar-corner{background-color:#888}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.7)}.wcMenuList,.context-menu-list{border:1px solid #111}.wcMenuItem,.context-menu-item,.context-menu-list{background-color:#444}.wcMenuItemHover,.wcMenuItem:hover,.context-menu-item.hover{background-color:#666}.wcMenuItem.disabled,.context-menu-item.disabled{color:#333;background-color:#444}.wcMenuSeparator,.context-menu-separator{border:2px solid #444;background-color:#777}.wcLoadingBackground{background-color:rgba(55,55,55,1)}.wcLoadingIcon{color:#222}.wcLoadingLabel{color:#111}.wcInput,input{vertical-align:middle;border:1px solid black}.wcSelect,select{border:1px solid black}.wcButton,button{border:1px outset #777;background-color:#777;line-height:1em}.wcButtonHover,.wcButton:hover,button:hover{border:1px outset #999;background-color:#999}.wcButtonActive,.wcButton:active,button:active{border:1px inset #666;background-color:#666}.wcButtonActive.wcButtonHover,.wcButton:hover.wcButtonActive,.wcButton:active.wcButtonHover,.wcButton:active:hover,button:active:hover{border:1px inset #999;background-color:#999}.wcButtonDisabled,.wcButton.disabled,button:disabled{border:1px outset #666 !important;background-color:#666 !important;color:#555 !important}.wcButton:focus,button:focus{outline:0}.wcMobile .wcFrameTitleBar{height:29px}.wcMobile .wcFrameTitle{font-size:20px}.wcMobile .wcFrameButton,.wcMobile .wcFrameButton{width:25px;height:25px;font-size:22px}.wcMobile .wcFrameCenter{top:29px}.wcMobile .wcPanelTab{font-size:14px;height:29px}.wcMobile .wcPanelTab>div{margin-top:4px}.wcMobile .wcSplitterBarV.wcSplitterBar:not(.wcSplitterBarStatic){width:12px;border-width:3px}.wcMobile .wcSplitterBarH.wcSplitterBar:not(.wcSplitterBarStatic){height:12px;border-width:3px}.wcMobile .wcInput,.wcMobile input,.wcMobile .wcSelect,.wcMobile select,.wcMobile .wcButton,.wcMobile button{font-size:22px}
|
||||
@@ -18,15 +18,19 @@
|
||||
background-color: #dddddd;
|
||||
}
|
||||
|
||||
.wcFrameTitle {
|
||||
height: 50px;
|
||||
background-color: #e6e6e6;
|
||||
text-align: left;
|
||||
border-bottom: 1px;
|
||||
.wcFrameTitleBar {
|
||||
height: 38px;
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
.wcFrameCenter {
|
||||
top: 40px;
|
||||
.wcFrameTitle {
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
padding-top: 3px;
|
||||
padding-left: 3px;
|
||||
vertical-align: middle;
|
||||
background-color: #e6e6e6;
|
||||
}
|
||||
|
||||
.wcFrameButton {
|
||||
@@ -51,6 +55,10 @@
|
||||
background-color: #dddddd;
|
||||
}
|
||||
|
||||
.wcFrameCenter {
|
||||
top: 40px;
|
||||
}
|
||||
|
||||
.wcFrameButtonToggled, .wcFrameButtonToggled:hover {
|
||||
border-style: inset;
|
||||
}
|
||||
@@ -122,7 +130,7 @@
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
/*
|
||||
/*
|
||||
::-webkit-scrollbar {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
@@ -206,3 +214,10 @@
|
||||
.context-menu-submenu:after {
|
||||
content: '>' !important;
|
||||
}
|
||||
|
||||
.wcTabIcon {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
padding-left: 1.25em;
|
||||
margin-top: -5px;
|
||||
}
|
||||
611
web/pgadmin/static/css/wcDocker/wcDocker.css
Normal file
611
web/pgadmin/static/css/wcDocker/wcDocker.css
Normal file
@@ -0,0 +1,611 @@
|
||||
/*!
|
||||
* Web Cabin Docker - Docking Layout Interface.
|
||||
*
|
||||
* Dependancies:
|
||||
* JQuery 1.11.1
|
||||
*
|
||||
* Version: git-master
|
||||
*
|
||||
* Author: Jeff Houde (lochemage@webcabin.org)
|
||||
* Web: http://docker.webcabin.org/
|
||||
*
|
||||
* Licensed under
|
||||
* MIT License http://www.opensource.org/licenses/mit-license
|
||||
* GPL v3 http://opensource.org/licenses/GPL-3.0
|
||||
*
|
||||
*/
|
||||
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.wcDisableSelection {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.wcModalBlocker {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
z-index: -30;
|
||||
}
|
||||
|
||||
.wcWide {
|
||||
width: 100%;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.wcTall {
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.wcDocker {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.wcDockerTransition {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.wcFrame {
|
||||
position: relative;
|
||||
/*overflow: hidden;*/
|
||||
}
|
||||
|
||||
.wcFrameFlasher, .wcFrameShadower {
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.wcFrameTitleBar {
|
||||
width: 100%;
|
||||
cursor: move;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.wcFrameTitle {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.wcFrameTitleBar.wcNotMoveable {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.wcCustomTabTitle {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
.wcCustomTabMoveable {
|
||||
cursor: move !important;
|
||||
}
|
||||
|
||||
.wcCustomTab {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wcTabScroller {
|
||||
height: 100%;
|
||||
width: 10000px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wcFrameButtonBar {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
width: auto !important;
|
||||
}
|
||||
|
||||
.wcFrameButton {
|
||||
position: relative;
|
||||
float: right;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.wcFrameButton > div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wcFrameCenter {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.wcFloating {
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.wcFloatingFocus {
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.wcModal {
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.wcLayout, .wcLayout tr, .wcLayout td {
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
border-spacing: 0px;
|
||||
}
|
||||
|
||||
.wcLayout {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.wcFrameEdge {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
border: 2px outset #444;
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.wcFrameEdgeV {
|
||||
width: 2px;
|
||||
cursor: ew-resize;
|
||||
border-top: 0px;
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
.wcFrameEdgeH {
|
||||
height: 2px;
|
||||
cursor: ns-resize;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
.wcFrameCornerNW {
|
||||
height: 2px;
|
||||
width: 2px;
|
||||
cursor: nwse-resize;
|
||||
}
|
||||
|
||||
.wcFrameCornerNE {
|
||||
height: 2px;
|
||||
width: 2px;
|
||||
cursor: nesw-resize;
|
||||
}
|
||||
|
||||
.wcSplitterBar {
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
border: 1px outset darkgray;
|
||||
}
|
||||
|
||||
.wcSplitterBarV {
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
.wcSplitterBarH {
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
cursor: ns-resize;
|
||||
}
|
||||
|
||||
.wcSplitterHidden {
|
||||
width: 0px !important;
|
||||
border: 0px !important;
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.wcSplitterBarV.wcSplitterBarStatic {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
.wcSplitterBarH.wcSplitterBarStatic {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
.wcLayoutPane {
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.wcPanelTab {
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
cursor: move;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.wcPanelTab.wcNotMoveable {
|
||||
cursor: default;
|
||||
}
|
||||
|
||||
.wcTabLeft {
|
||||
-webkit-transform: rotate(-90deg) scaleX(-1);
|
||||
-ms-transform: rotate(-90deg) scaleX(-1);
|
||||
-moz-transform: rotate(-90deg) scaleX(-1);
|
||||
-o-transform: rotate(-90deg) scaleX(-1);
|
||||
transform: rotate(-90deg) scaleX(-1);
|
||||
-webkit-transform-origin: left top;
|
||||
-ms-transform-origin: left top;
|
||||
-moz-transform-origin: left top;
|
||||
-o-transform-origin: left top;
|
||||
transform-origin: left top;
|
||||
top: 0%;
|
||||
left: 0%;
|
||||
}
|
||||
|
||||
.wcTabLeft .wcFrameButton {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform-origin: center center;
|
||||
-ms-transform-origin: center center;
|
||||
-moz-transform-origin: center center;
|
||||
-o-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.wcTabLeft .wcFrameButton span {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform-origin: center center;
|
||||
-ms-transform-origin: center center;
|
||||
-moz-transform-origin: center center;
|
||||
-o-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.wcTabLeft .wcPanelTab > div {
|
||||
-webkit-transform: scaleX(-1);
|
||||
-ms-transform: scaleX(-1);
|
||||
-moz-transform: scaleX(-1);
|
||||
-o-transform: scaleX(-1);
|
||||
transform: scaleX(-1);
|
||||
}
|
||||
|
||||
.wcTabRight {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform-origin: left top;
|
||||
-ms-transform-origin: left top;
|
||||
-moz-transform-origin: left top;
|
||||
-o-transform-origin: left top;
|
||||
transform-origin: left top;
|
||||
top: 0px;
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
.wcTabRight .wcFrameButton {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform-origin: center center;
|
||||
-ms-transform-origin: center center;
|
||||
-moz-transform-origin: center center;
|
||||
-o-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.wcTabRight .wcFrameButton span {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform-origin: center center;
|
||||
-ms-transform-origin: center center;
|
||||
-moz-transform-origin: center center;
|
||||
-o-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.wcTabBottom {
|
||||
-webkit-transform: rotate(180deg) scaleX(-1);
|
||||
-ms-transform: rotate(180deg) scaleX(-1);
|
||||
-moz-transform: rotate(180deg) scaleX(-1);
|
||||
-o-transform: rotate(180deg) scaleX(-1);
|
||||
transform: rotate(180deg) scaleX(-1);
|
||||
-webkit-transform-origin: left top;
|
||||
-ms-transform-origin: left top;
|
||||
-moz-transform-origin: left top;
|
||||
-o-transform-origin: left top;
|
||||
transform-origin: left top;
|
||||
top: 100%;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.wcTabBottom .wcFrameButton {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform-origin: center center;
|
||||
-ms-transform-origin: center center;
|
||||
-moz-transform-origin: center center;
|
||||
-o-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.wcTabBottom .wcFrameButton span {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform-origin: center center;
|
||||
-ms-transform-origin: center center;
|
||||
-moz-transform-origin: center center;
|
||||
-o-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.wcTabBottom .wcPanelTab > div {
|
||||
-webkit-transform: scaleY(-1);
|
||||
-ms-transform: scaleY(-1);
|
||||
-moz-transform: scaleY(-1);
|
||||
-o-transform: scaleY(-1);
|
||||
transform: scaleY(-1);
|
||||
}
|
||||
|
||||
.wcCollapseLeft.wcCollapsible,
|
||||
.wcCollapseRight.wcCollapsed {
|
||||
-webkit-transform: scaleX(-1);
|
||||
-ms-transform: scaleX(-1);
|
||||
-moz-transform: scaleX(-1);
|
||||
-o-transform: scaleX(-1);
|
||||
transform: scaleX(-1);
|
||||
-webkit-transform-origin: center center;
|
||||
-ms-transform-origin: center center;
|
||||
-moz-transform-origin: center center;
|
||||
-o-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.wcCollapseBottom.wcCollapsible {
|
||||
-webkit-transform: rotate(90deg);
|
||||
-ms-transform: rotate(90deg);
|
||||
-moz-transform: rotate(90deg);
|
||||
-o-transform: rotate(90deg);
|
||||
transform: rotate(90deg);
|
||||
-webkit-transform-origin: center center;
|
||||
-ms-transform-origin: center center;
|
||||
-moz-transform-origin: center center;
|
||||
-o-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.wcCollapseBottom.wcCollapsed {
|
||||
-webkit-transform: rotate(-90deg);
|
||||
-ms-transform: rotate(-90deg);
|
||||
-moz-transform: rotate(-90deg);
|
||||
-o-transform: rotate(-90deg);
|
||||
transform: rotate(-90deg);
|
||||
-webkit-transform-origin: center center;
|
||||
-ms-transform-origin: center center;
|
||||
-moz-transform-origin: center center;
|
||||
-o-transform-origin: center center;
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
.wcPanelTabContent {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wcPanelTabContent.wcPanelTabContentHidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wcResizing .wcHideOnResize .wcPanelTabContent {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wcGhost {
|
||||
opacity: 0.0;
|
||||
position: fixed;
|
||||
z-index: 100;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.wcScrollableX {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.wcScrollableY {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.wcOverflowVisible {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.wcTabIcon {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wcMenuIcon {
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fa-menu {
|
||||
margin-left: -24px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.context-menu-submenu:after {
|
||||
content: '' !important;
|
||||
}
|
||||
|
||||
.wcMenuSubMenu {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.wcIFrame, .wcIFrame iframe {
|
||||
position: absolute;
|
||||
|
||||
overflow: auto;
|
||||
z-index: 1;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.wcIFrameFocus {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
z-index: 2;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wcDisableSelection .wcIFrameFocus {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.wcIFrame.wcDrawer {
|
||||
z-index: 6;
|
||||
}
|
||||
|
||||
.wcIFrameFloating {
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
.wcIFrameFloatingFocus {
|
||||
z-index: 21;
|
||||
}
|
||||
|
||||
.wcIFrameHidden, .wcIFramePanelHidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wcIFrameMoving {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.wcCollapserFrame {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.wcDrawer {
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.wcCreatePanel {
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.wcLoadingContainer, .wcLoadingBackground {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.wcLoadingContainer {
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.wcLoadingIconContainer {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.wcLoadingIcon {
|
||||
position: absolute;
|
||||
font-size: 200px;
|
||||
left: calc(50% - 100px);
|
||||
top: calc(50% - 100px);
|
||||
height: 195px;
|
||||
}
|
||||
|
||||
.wcLoadingLabel {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
font-size: 100px;
|
||||
top: calc(50% + 100px);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fa-pulse {
|
||||
-webkit-animation: fa-spin 1s infinite steps(8);
|
||||
animation: fa-spin 1s infinite steps(8);
|
||||
}
|
||||
16
web/pgadmin/static/css/wcDocker/wcDocker.min.css
vendored
Normal file
16
web/pgadmin/static/css/wcDocker/wcDocker.min.css
vendored
Normal file
File diff suppressed because one or more lines are too long
@@ -1,355 +0,0 @@
|
||||
/*!
|
||||
* Web Cabin Docker - Docking Layout Interface.
|
||||
*
|
||||
* Dependancies:
|
||||
* JQuery 1.11.1
|
||||
*
|
||||
* Version: git-master
|
||||
*
|
||||
* Author: Jeff Houde (Lochemage@gmail.com)
|
||||
* Web: http://docker.webcabin.org/
|
||||
*
|
||||
* Licensed under
|
||||
* MIT License http://www.opensource.org/licenses/mit-license
|
||||
* GPL v3 http://opensource.org/licenses/GPL-3.0
|
||||
*
|
||||
*/
|
||||
|
||||
html, body {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
margin: 0px;
|
||||
}
|
||||
|
||||
.wcDisableSelection {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.wcModalBlocker {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
bottom: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
z-index: -30;
|
||||
}
|
||||
|
||||
.wcWide {
|
||||
width: 100%;
|
||||
left: 0px;
|
||||
}
|
||||
|
||||
.wcTall {
|
||||
height: 100%;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.wcDocker {
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.wcDockerTransition {
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.wcFrame {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wcFrameFlasher, .wcFrameShadower {
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.wcFrameTitle {
|
||||
width: 100%;
|
||||
cursor: move;
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
text-align: left;
|
||||
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select: none;
|
||||
-khtml-user-select: none;
|
||||
-moz-user-select: -moz-none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
|
||||
.wcFrameTitle.wcNotMoveable {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
.wcCustomTabTitle {
|
||||
cursor: default !important;
|
||||
}
|
||||
|
||||
.wcCustomTabMoveable {
|
||||
cursor: move !important;
|
||||
}
|
||||
|
||||
.wcCustomTab {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wcTabScroller {
|
||||
height: 100%;
|
||||
width: 10000px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.wcFrameButton, .wcFrameMiniButton {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
position: relative;
|
||||
float: right;
|
||||
border: 2px outset #444444;
|
||||
font-size: 11px;
|
||||
cursor: pointer;
|
||||
text-align: center;
|
||||
/*margin-right: 3px;*/
|
||||
overflow: hidden;
|
||||
z-index: 1;
|
||||
|
||||
background-color: #555555;
|
||||
}
|
||||
|
||||
.wcFrameButton > div, .wcFrameMiniButton > div {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.wcFrameMiniButton {
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
.wcFrameButton:hover {
|
||||
border: 2px outset #666666;
|
||||
background-color: #686868;
|
||||
}
|
||||
|
||||
.wcFrameButton:active {
|
||||
border: 2px inset #AAAAAA;
|
||||
background-color: #888888;
|
||||
}
|
||||
|
||||
.wcFrameButtonToggled, .wcFrameButtonToggled:hover {
|
||||
border-style: inset;
|
||||
}
|
||||
|
||||
.wcFrameCenter {
|
||||
overflow: hidden;
|
||||
position: absolute;
|
||||
top: 15px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
}
|
||||
|
||||
.wcFloating {
|
||||
position: fixed;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.wcFloatingFocus {
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
.wcModal {
|
||||
z-index: 40;
|
||||
}
|
||||
|
||||
.wcLayout, .wcLayout tr, .wcLayout td {
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
background-color: transparent;
|
||||
|
||||
border-spacing: 0px;
|
||||
}
|
||||
|
||||
.wcLayout {
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
right: 0px;
|
||||
bottom: 0px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.wcFrameEdge {
|
||||
position: absolute;
|
||||
z-index: 2;
|
||||
border: 2px outset #444;
|
||||
background-color: #222;
|
||||
}
|
||||
|
||||
.wcFrameEdgeV {
|
||||
width: 2px;
|
||||
cursor: ew-resize;
|
||||
border-top: 0px;
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
.wcFrameEdgeH {
|
||||
height: 2px;
|
||||
cursor: ns-resize;
|
||||
border-left: 0px;
|
||||
border-right: 0px;
|
||||
}
|
||||
|
||||
.wcFrameCornerNW {
|
||||
height: 2px;
|
||||
width: 2px;
|
||||
cursor: nwse-resize;
|
||||
}
|
||||
|
||||
.wcFrameCornerNE {
|
||||
height: 2px;
|
||||
width: 2px;
|
||||
cursor: nesw-resize;
|
||||
}
|
||||
|
||||
.wcSplitterBar {
|
||||
z-index: 2;
|
||||
position: absolute;
|
||||
border: 1px outset darkgray;
|
||||
}
|
||||
|
||||
.wcSplitterBarV {
|
||||
width: 2px;
|
||||
height: 100%;
|
||||
cursor: ew-resize;
|
||||
}
|
||||
|
||||
.wcSplitterBarH {
|
||||
height: 2px;
|
||||
width: 100%;
|
||||
cursor: ns-resize;
|
||||
}
|
||||
|
||||
.wcLayoutPane {
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
|
||||
display: inline-block;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.wcPanelTab {
|
||||
vertical-align: top;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
text-decoration: none;
|
||||
top: 0px;
|
||||
}
|
||||
|
||||
.wcPanelTabContent {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.wcPanelTabContent.wcPanelTabContentHidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wcResizing .wcHideOnResize .wcPanelTabContent {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wcGhost {
|
||||
opacity: 0.0;
|
||||
background-color: #444444;
|
||||
position: fixed;
|
||||
border: 0px;
|
||||
border-radius: 6px;
|
||||
z-index: 100;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
.wcScrollableX {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.wcScrollableY {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.wcOverflowVisible {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.wcTabIcon {
|
||||
display: inline-block;
|
||||
width: 1.28571429em;
|
||||
height: 1em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.wcMenuIcon {
|
||||
margin-left: -24px;
|
||||
width: 1.28571429em;
|
||||
font-size: 1.33333333em;
|
||||
line-height: 0.75em;
|
||||
height: 1em;
|
||||
display: inline-block;
|
||||
vertical-align: -15%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.fa-menu {
|
||||
margin-left: -24px;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
.context-menu-submenu:after {
|
||||
content: '' !important;
|
||||
}
|
||||
|
||||
.wcMenuSubMenu {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.wcIFrame {
|
||||
position: fixed;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
z-index: 1;
|
||||
|
||||
border: 0px;
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.wcIFrameFloating {
|
||||
z-index: 11;
|
||||
}
|
||||
|
||||
.wcIFrameFloatingFocus {
|
||||
z-index: 21;
|
||||
}
|
||||
|
||||
.wcIFrameHidden, .wcIFramePanelHidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.wcIFrameMoving {
|
||||
pointer-events: none;
|
||||
}
|
||||
@@ -1,16 +0,0 @@
|
||||
/*!
|
||||
* Web Cabin Docker - Docking Layout Interface.
|
||||
*
|
||||
* Dependancies:
|
||||
* JQuery 1.11.1
|
||||
*
|
||||
* Version: git-master
|
||||
*
|
||||
* Author: Jeff Houde (Lochemage@gmail.com)
|
||||
* Web: http://docker.webcabin.org/
|
||||
*
|
||||
* Licensed under
|
||||
* MIT License http://www.opensource.org/licenses/mit-license
|
||||
* GPL v3 http://opensource.org/licenses/GPL-3.0
|
||||
*
|
||||
*/html,body{width:100%;height:100%;overflow:hidden;position:relative;margin:0}.wcDisableSelection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.wcModalBlocker{position:fixed;top:0;bottom:0;left:0;right:0;z-index:-30}.wcWide{width:100%;left:0}.wcTall{height:100%;top:0}.wcDocker{position:absolute}.wcDockerTransition{opacity:0}.wcFrame{position:relative}.wcFrameFlasher,.wcFrameShadower{border:0;margin:0;padding:0;position:absolute;top:0;left:0;right:0;bottom:0;opacity:0}.wcFrameTitle{width:100%;cursor:move;overflow:hidden;position:absolute;text-align:left;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:-moz-none;-ms-user-select:none;user-select:none}.wcFrameTitle.wcNotMoveable{cursor:default !important}.wcCustomTabTitle{cursor:default !important}.wcCustomTabMoveable{cursor:move !important}.wcCustomTab{position:relative}.wcTabScroller{height:100%;width:10000px;position:relative}.wcFrameButton,.wcFrameMiniButton{width:13px;height:13px;position:relative;float:right;border:2px outset #444;font-size:11px;cursor:pointer;text-align:center;overflow:hidden;z-index:1;background-color:#555}.wcFrameButton>div,.wcFrameMiniButton>div{width:100%}.wcFrameMiniButton{width:6px}.wcFrameButton:hover{border:2px outset #666;background-color:#686868}.wcFrameButton:active{border:2px inset #aaa;background-color:#888}.wcFrameButtonToggled,.wcFrameButtonToggled:hover{border-style:inset}.wcFrameCenter{overflow:hidden;position:absolute;top:15px;left:0;right:0;bottom:0}.wcFloating{position:fixed;z-index:10}.wcFloatingFocus{z-index:20}.wcModal{z-index:40}.wcLayout,.wcLayout tr,.wcLayout td{border:0;margin:0;padding:0;background-color:transparent;border-spacing:0}.wcLayout{top:0;left:0;right:0;bottom:0;position:absolute}.wcFrameEdge{position:absolute;z-index:2;border:2px outset #444;background-color:#222}.wcFrameEdgeV{width:2px;cursor:ew-resize;border-top:0;border-bottom:0}.wcFrameEdgeH{height:2px;cursor:ns-resize;border-left:0;border-right:0}.wcFrameCornerNW{height:2px;width:2px;cursor:nwse-resize}.wcFrameCornerNE{height:2px;width:2px;cursor:nesw-resize}.wcSplitterBar{z-index:2;position:absolute;border:1px outset darkgray}.wcSplitterBarV{width:2px;height:100%;cursor:ew-resize}.wcSplitterBarH{height:2px;width:100%;cursor:ns-resize}.wcLayoutPane{border:0;margin:0;padding:0;display:inline-block;position:absolute}.wcPanelTab{vertical-align:top;position:relative;display:inline-block;text-decoration:none;top:0}.wcPanelTabContent{width:100%;height:100%}.wcPanelTabContent.wcPanelTabContentHidden{display:none}.wcResizing .wcHideOnResize .wcPanelTabContent{display:none}.wcGhost{opacity:0;background-color:#444;position:fixed;border:0;border-radius:6px;z-index:100;cursor:move}.wcScrollableX{overflow-x:auto}.wcScrollableY{overflow-y:auto}.wcOverflowVisible{overflow:visible}.wcTabIcon{display:inline-block;width:1.28571429em;height:1em;text-align:center}.wcMenuIcon{margin-left:-24px;width:1.28571429em;font-size:1.33333333em;line-height:.75em;height:1em;display:inline-block;vertical-align:-15%;text-align:center}.fa-menu{margin-left:-24px;width:24px}.context-menu-submenu:after{content:'' !important}.wcMenuSubMenu{float:right}.wcIFrame{position:fixed;width:100%;height:100%;z-index:1;border:0;margin:0;padding:0}.wcIFrameFloating{z-index:11}.wcIFrameFloatingFocus{z-index:21}.wcIFrameHidden,.wcIFramePanelHidden{display:none}.wcIFrameMoving{pointer-events:none}
|
||||
Reference in New Issue
Block a user