Updated the wcDocker to make use of wcSplitter (new functionalities),

which will be used by the debugger tool.

Updating the wcDocker from the repository -
'https://github.com/WebCabin/wcDocker' up to commit-id:
0f5690318ce0bf457fdd374dcec7418d22b72e22
This commit is contained in:
Ashesh Vashi
2016-02-29 19:22:42 +05:30
parent 54edb4b482
commit 18d767b107
7 changed files with 26824 additions and 7917 deletions

View File

@@ -19,8 +19,7 @@
}
.wcModalBlocker {
background-color: black;
opacity: 0.8;
background-color: rgba(0, 0, 0, 0.8);
}
.wcPanelBackground {
@@ -32,11 +31,11 @@
}
.wcFrameFlasher {
background-color: white;
background-color: rgba(255, 255, 255, 0.25);
}
.wcFrameShadower {
background-color: white;
background-color: rgba(255, 255, 255, 0.25);
}
.wcFrameTitleBar {
@@ -60,11 +59,11 @@
background-color: #555555;
}
.wcFrameButton:hover {
.wcFrameButton:hover, .wcFrameButtonHover {
background-color: #666;
}
.wcFrameButton:active {
.wcFrameButton:active, .wcFrameButtonActive {
border: 2px inset #444;
}
@@ -77,7 +76,7 @@
}
.wcLayoutGridAlternate tr:nth-child(even), .wcLayoutGridAltColor {
background-color: rgba(200, 200, 200, 0.2) !important;
background-color: rgba(200, 200, 200, 0.2);
}
.wcPanelTab {
@@ -94,7 +93,7 @@
padding-bottom: 0px;
}
.wcPanelTab:hover {
.wcPanelTab:hover, .wcPanelTabHover {
background-color: #AAA;
}
@@ -105,7 +104,7 @@
margin-top: 1px;
}
.wcPanelTabActive:hover {
.wcPanelTabActive:hover, .wcPanelTabActiveHover {
background-color: #CCC;
}
@@ -134,24 +133,24 @@
border-radius: 6px;
}
::-webkit-scrollbar {
.wcScrollbar, ::-webkit-scrollbar {
width: 12px;
height: 12px;
background-color: #888;
}
::-webkit-scrollbar-corner {
.wcScrollbarCorner, ::-webkit-scrollbar-corner {
background-color: #888;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
.wcScrollbarTrack, ::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
border-radius: 10px;
}
::-webkit-scrollbar-thumb {
.wcScrollbarThumb, ::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.7);
box-shadow: inset -2px 0 6px rgba(0,0,0,0.7);
}
.wcMenuList, .context-menu-list {
@@ -230,7 +229,7 @@
color: #555 !important;
}
.wcButton:focus, button:focus {
.wcButtonFocus, .wcButton:focus, button:focus {
outline: 0px;
}

View File

@@ -13,4 +13,4 @@
* 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}
*/.wcDocker{background-color:gray}.wcModalBlocker{background-color:rgba(0,0,0,.8)}.wcPanelBackground{background-color:gray}.wcPanelBackground .wcCenter{background-color:#a9a9a9}.wcFrameFlasher,.wcFrameShadower{background-color:rgba(255,255,255,.25)}.wcFrameTitleBar{height:17px;background-color:#555}.wcFrameTitle{font-size:12px;font-weight:700;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,.wcFrameButtonHover{background-color:#666}.wcFrameButton:active,.wcFrameButtonActive{border:2px inset #444}.wcFrameCenter{top:17px}.wcLayoutGrid,.wcLayoutGrid td,.wcLayoutGrid tr{border:1px solid #555}.wcLayoutGridAltColor,.wcLayoutGridAlternate tr:nth-child(even){background-color:rgba(200,200,200,.2)}.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,.wcPanelTabHover{background-color:#AAA}.wcPanelTabActive{color:#000;background-color:gray;font-weight:700;margin-top:1px}.wcPanelTabActive:hover,.wcPanelTabActiveHover{background-color:#CCC}.wcFrameEdge{position:absolute;z-index:2;border:2px outset #444;background-color:#222}.wcSplitterBar{border:1px outset #a9a9a9;background-color:gray}.wcSplitterBarV.wcSplitterBarStatic{width:0}.wcSplitterBarH.wcSplitterBarStatic{height:0}.wcGhost{background-color:#444;border:0;border-radius:6px}.wcScrollbar,::-webkit-scrollbar{width:12px;height:12px;background-color:#888}.wcScrollbarCorner,::-webkit-scrollbar-corner{background-color:#888}.wcScrollbarTrack,::-webkit-scrollbar-track{box-shadow:inset 0 0 6px rgba(0,0,0,.5);border-radius:10px}.wcScrollbarThumb,::-webkit-scrollbar-thumb{border-radius:10px;box-shadow:inset -2px 0 6px rgba(0,0,0,.7)}.context-menu-list,.wcMenuList{border:1px solid #111}.context-menu-item,.context-menu-list,.wcMenuItem{background-color:#444}.context-menu-item.hover,.wcMenuItem:hover,.wcMenuItemHover{background-color:#666}.context-menu-item.disabled,.wcMenuItem.disabled{color:#333;background-color:#444}.context-menu-separator,.wcMenuSeparator{border:2px solid #444;background-color:#777}.wcInput,.wcSelect,input,select{border:1px solid #000}.wcLoadingBackground{background-color:rgba(55,55,55,1)}.wcLoadingIcon{color:#222}.wcLoadingLabel{color:#111}.wcInput,input{vertical-align:middle}.wcButton,button{border:1px outset #777;background-color:#777;line-height:1em}.wcButton:hover,.wcButtonHover,button:hover{border:1px outset #999;background-color:#999}.wcButton:active,.wcButtonActive,button:active{border:1px inset #666;background-color:#666}.wcButton:active.wcButtonHover,.wcButton:active:hover,.wcButton:hover.wcButtonActive,.wcButtonActive.wcButtonHover,button:active:hover{border:1px inset #999;background-color:#999}.wcButton.disabled,.wcButtonDisabled,button:disabled{border:1px outset #666!important;background-color:#666!important;color:#555!important}.wcButton:focus,.wcButtonFocus,button:focus{outline:0}.wcMobile .wcFrameTitleBar{height:29px}.wcMobile .wcFrameTitle{font-size:20px}.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 .wcButton,.wcMobile .wcInput,.wcMobile .wcSelect,.wcMobile button,.wcMobile input,.wcMobile select{font-size:22px}

View File

@@ -140,12 +140,17 @@ html, body {
text-align: center;
overflow: hidden;
z-index: 1;
box-sizing: content-box;
}
.wcFrameButton > div {
width: 100%;
}
.wcButton {
box-sizing: content-box;
}
.wcFrameCenter {
overflow: hidden;
position: absolute;
@@ -157,15 +162,12 @@ html, body {
.wcFloating {
position: fixed;
z-index: 10;
}
.wcFloatingFocus {
z-index: 20;
}
.wcModal {
z-index: 40;
}
.wcLayout, .wcLayout tr, .wcLayout td {
@@ -501,7 +503,9 @@ html, body {
}
.wcMenuSubMenu {
float: right;
position: absolute;
right: 3px;
top: 3px;
}
.wcIFrame, .wcIFrame iframe {
@@ -532,16 +536,20 @@ html, body {
display: block;
}
.wcDisableSelection .wcIFrameFocus {
display: block;
}
.wcIFrame.wcDrawer {
z-index: 6;
}
.wcIFrameFloating {
z-index: 11;
/*z-index: 11;*/
}
.wcIFrameFloatingFocus {
z-index: 21;
/*z-index: 21;*/
}
.wcIFrameHidden, .wcIFramePanelHidden {
@@ -605,7 +613,35 @@ html, body {
text-align: center;
}
.wcFullSized {
width: 100% !important;
height: 100% !important;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
.wcAttributeLabel {
white-space: nowrap;
padding-right: 10px;
text-align: right;
}
.wcAttributeControl {
width: 100%;
}
.wcAttributeSpacer, .wcAttributeSpacerSolid {
width: 100%;
height: 22px;
text-align: center;
margin-top: 3px;
margin-bottom: 3px;
}
.wcAttributeSpacerSolid {
background-color: rgba(0, 0, 0, 0.25);
border-radius: 20px;
}

File diff suppressed because one or more lines are too long