зеркало из https://github.com/mozilla/gecko-dev.git
165 строки
5.1 KiB
CSS
165 строки
5.1 KiB
CSS
/******* Splitters *******/
|
|
|
|
/**
|
|
* XXX - We want to deprecate all usages of 'box' in this file and replace with
|
|
* vbox/hbox. This should happen after the chrome is converted to use
|
|
* these XUL elements.
|
|
*/
|
|
|
|
splitter
|
|
{
|
|
cursor : e-resize;
|
|
background-color : -moz-Dialog;
|
|
vertical-align : middle;
|
|
text-align : center;
|
|
}
|
|
|
|
grippy, grippy[collapse="before"]
|
|
{
|
|
border : 1px solid ThreeDShadow;
|
|
list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
|
|
cursor : pointer;
|
|
min-height : 1px;
|
|
}
|
|
|
|
grippy:hover
|
|
{
|
|
background-color : #CCCCFF;
|
|
}
|
|
|
|
splitter[state="collapsed"] > grippy
|
|
{
|
|
list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
|
|
}
|
|
|
|
.grippy-box
|
|
{
|
|
border-top : 1px solid ThreeDHighlight;
|
|
border-left : 1px solid ThreeDHighlight;
|
|
border-right : 1px solid ThreeDFace;
|
|
border-bottom : 1px solid ThreeDFace;
|
|
}
|
|
|
|
.grippy-image
|
|
{
|
|
list-style-image : inherit;
|
|
}
|
|
|
|
splitter[state="dragging"],
|
|
splitter:hover:active
|
|
{
|
|
background-color : -moz-Dialog;
|
|
background-image : url("chrome://global/skin/splitter-drag-bg.gif");
|
|
}
|
|
|
|
rows > splitter
|
|
{
|
|
cursor : n-resize;
|
|
}
|
|
|
|
window[orient="vertical"] > splitter,
|
|
box[orient="vertical"] > splitter,
|
|
window[align="vertical"] > splitter,
|
|
box[align="vertical"] > splitter,
|
|
vbox > splitter
|
|
{
|
|
cursor : n-resize;
|
|
border-top : 1px solid ThreeDHighlight;
|
|
}
|
|
|
|
/* Grippy alignment */
|
|
splitter[autostretch="never"]
|
|
{
|
|
vertical-align : middle;
|
|
}
|
|
|
|
splitter[orient="vertical"][autostretch="never"]
|
|
{
|
|
text-align : center;
|
|
}
|
|
|
|
/* Vertical splitter (between two boxes, horizontally stacked), collapse to left */
|
|
window > splitter > grippy,
|
|
box > splitter > grippy,
|
|
hbox > splitter > grippy
|
|
{
|
|
list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
|
|
border-left : none;
|
|
border-right : none;
|
|
}
|
|
|
|
window > splitter > grippy > .grippy-box,
|
|
box > splitter > grippy > .grippy-box,
|
|
hbox > splitter > grippy > .grippy-box
|
|
{
|
|
border-left : none;
|
|
border-right : none;
|
|
}
|
|
|
|
window > splitter[state="collapsed"] > grippy,
|
|
box > splitter[state="collapsed"] > grippy,
|
|
hbox > splitter[state="collapsed"] > grippy
|
|
{
|
|
list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
|
|
}
|
|
|
|
/* Vertical splitter (between two boxes, horizontally stacked), collapse to right */
|
|
window > splitter[collapse="after"] > grippy,
|
|
box > splitter[collapse="after"] > grippy,
|
|
hbox > splitter[collapse="after"] > grippy
|
|
{
|
|
list-style-image : url("chrome://global/skin/grippy-horizontal-after.gif");
|
|
}
|
|
|
|
window > splitter[collapse="after"][state="collapsed"] > grippy,
|
|
box > splitter[collapse="after"][state="collapsed"] > grippy,
|
|
hbox > splitter[collapse="after"][state="collapsed"]> grippy
|
|
{
|
|
list-style-image : url("chrome://global/skin/grippy-horizontal-before.gif");
|
|
}
|
|
|
|
/* Horizontal splitter (between two boxes, vertically stacked), collapse to left */
|
|
window[orient="vertical"] > splitter > grippy,
|
|
box[orient="vertical"] > splitter > grippy,
|
|
vbox > splitter > grippy
|
|
{
|
|
list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
|
|
border-left : 1px solid ThreeDShadow;
|
|
border-right : 1px solid ThreeDHighlight;
|
|
border-top : none;
|
|
border-bottom : none;
|
|
}
|
|
|
|
window[orient="vertical"] > splitter > grippy > .grippy-box,
|
|
box[orient="vertical"] > splitter > grippy > .grippy-box,
|
|
vbox > splitter > grippy > .grippy-box
|
|
{
|
|
border-left : 1px solid ThreeDHighlight;
|
|
border-right : 1px solid ThreeDShadow;
|
|
border-top : none;
|
|
border-bottom : none;
|
|
}
|
|
|
|
window[orient="vertical"] > splitter[state="collapsed"] > grippy,
|
|
box[orient="vertical"] > splitter[state="collapsed"] > grippy,
|
|
vbox > splitter[state="collapsed"] > grippy
|
|
{
|
|
list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
|
|
}
|
|
|
|
/* Horizontal splitter (between two boxes, vertically stacked), collapse to right */
|
|
window[orient="vertical"] > splitter[collapse="after"] > grippy,
|
|
box[orient="vertical"] > splitter[collapse="after"] > grippy,
|
|
vbox > splitter[collapse="after"] > grippy
|
|
{
|
|
list-style-image : url("chrome://global/skin/grippy-vertical-after.gif");
|
|
}
|
|
|
|
window[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
|
|
box[orient="vertical"] > splitter[collapse="after"][state="collapsed"] > grippy,
|
|
vbox > splitter[collapse="after"][state="collapsed"] > grippy
|
|
{
|
|
list-style-image : url("chrome://global/skin/grippy-vertical-before.gif");
|
|
}
|
|
|