0x2620/oxjs
2
0
Fork 1
Code Issues 172 Pull requests Releases Wiki Activity

update CSS (overlay form elements, image viewer)

Browse source
This commit is contained in:
rolux 2014-01-05 15:30:19 +05:30
parent 84e9b96562
commit 5341dfeba5
1 changed files with 75 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

75
source/Ox.UI/css/Ox.UI.css
View file

@ -699,6 +699,9 @@ input[type=image] {
width: 10px;
padding: 2px;
}
input[type=image].OxOverlay {
padding: 1px;
}
input::-moz-focus-inner {
border: none;
@ -747,6 +750,9 @@ OxButton
border-style: solid;
text-align: center;
}
.OxButton.OxOverlay {
border-width: 2px;
}
.OxButton.OxSymbol,
.OxButton.OxSymbol:active,
.OxButton.OxSymbol:focus {
@ -774,6 +780,9 @@ OxButtonGroup
.OxButtonGroup > .OxButton:last-child {
border-right-width: 1px;
}
.OxButtonGroup > .OxButton.OxOverlay:last-child {
border-right-width: 2px;
}
.OxButtonGroup > .OxButton.OxLarge:first-child {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
@ -1279,6 +1288,72 @@ Images
transform: scaleY(-1);
}
/*
================================================================================
ImageViewer
================================================================================
*/
.OxImageViewer {
overflow: hidden;
}
.OxImageViewer .OxInterface {
position: absolute;
}
.OxImageViewer .OxScaleButton {
right: 52px;
top: 4px;
}
.OxImageViewer .OxZoomButton {
right: 4px;
top: 4px;
}
.OxImageViewer .OxImage {
position: absolute;
cursor: move;
}
.OxImageViewer .OxImageOverview {
border-width: 2px;
border-style: solid;
right: 4px;
bottom: 4px;
overflow: hidden;
}
.OxImageViewer .OxImageOverlay {
position: absolute;
left: 0;
top: 0;
}
.OxImageViewer .OxImageOverlayArea {
position: absolute;
}
.OxImageViewer #OxImageOverlayCenter {
border-width: 2px;
border-style: solid;
cursor: move;
}
.OxImageViewer #OxImageOverlayBottom {
left: 0;
bottom: 0;
right: 0;
}
.OxImageViewer #OxImageOverlayLeft {
left: 0;
}
.OxImageViewer #OxImageOverlayRight {
right: 0;
}
.OxImageViewer #OxImageOverlayTop {
left: 0;
top: 0;
right: 0;
}
/*
================================================================================
Layers