Updated wcDocker to the latest version

This commit is contained in:
Ashesh Vashi
2015-07-20 16:06:17 +05:30
parent 59e87183a1
commit 9d372a4555
17 changed files with 5224 additions and 1944 deletions

View File

@@ -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);

View 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;
}

View 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}

View File

@@ -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;
}

View 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);
}

File diff suppressed because one or more lines are too long

View File

@@ -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;
}

View File

@@ -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}