1
0
Fork 0
forked from 0x2620/oxjs
This commit is contained in:
Rolux 2010-01-07 21:21:07 +01:00
commit 5b8b31271c
87 changed files with 73788 additions and 0 deletions

BIN
build/css/.DS_Store vendored Normal file

Binary file not shown.

113
build/css/ox.ui.classic.css Normal file
View file

@ -0,0 +1,113 @@
body.OxThemeClassic {
background: rgb(240, 240, 240);
}
.OxThemeClassic div {
color: rgb(16, 16, 16);
}
/*
================================================================================
Bars
================================================================================
*/
.OxThemeClassic .OxBar.OxHorizontal {
background: -moz-linear-gradient(left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
//background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
/*
================================================================================
Forms
================================================================================
*/
.OxThemeClassic .OxButton,
.OxThemeClassic .OxInput,
.OxThemeClassic .OxRange,
.OxThemeClassic .OxTrack {
border: 1px solid rgb(176, 176, 176);
//border: 1px solid rgb(160, 160, 160);
color: rgb(64, 64, 64);
}
.OxThemeClassic .OxButton,
.OxThemeClassic .OxRange {
//background: -moz-linear-gradient(left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(192, 192, 192)), to(rgb(160, 160, 160)));
background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
.OxThemeClassic .OxButton:active,
.OxThemeClassic .OxRange.OxActive {
//background: rgb(160, 160, 160);
background: rgb(192, 192, 192);
color: rgb(48, 48, 48);
}
.OxThemeClassic .OxButton.OxDisabled {
background: rgb(192, 192, 192);
color: rgb(128, 128, 128);
}
.OxThemeClassic .OxButton.OxSelected {
//background: -moz-linear-gradient(left top, left bottom, from(rgb(128, 128, 128)), to(rgb(160, 160, 160)));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(128, 128, 128)), to(rgb(160, 160, 160)));
background: -moz-linear-gradient(left top, left bottom, from(rgb(128, 128, 128)), color-stop(0.1, rgb(160, 160, 160)), to(rgb(192, 192, 192)));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(128, 128, 128)), color-stop(0.1, rgb(160, 160, 160)), to(rgb(192, 192, 192)));
color: rgb(32, 32, 32);
}
.OxThemeClassic .OxButton.OxTab.OxSelected {
border-bottom: 1px solid rgb(192, 192, 192);
}
.OxThemeClassic .OxInput,
.OxThemeClassic .OxTrack {
background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
}
.OxThemeClassic .OxInput:focus {
border: 1px solid rgb(160, 160, 160);
-moz-box-shadow: 0 0 2px rgb(128, 128, 128);
-webkit-box-shadow: 0 2 4px rgb(128, 128, 128);
}
.OxThemeClassic .OxInput.OxPlaceholder {
color: rgb(160, 160, 160)
}
/*
================================================================================
Scrollbars
================================================================================
*/
.OxThemeClassic ::-webkit-scrollbar {
width: 12px;
height: 12px;
border-left: 1px solid rgb(176, 176, 176);
border-right: 1px solid rgb(176, 176, 176);
background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
.OxThemeClassic ::-webkit-scrollbar-button {
width: 12px;
height: 12px;
}
.OxThemeClassic ::-webkit-scrollbar-button:vertical:decrement {
background: url(../png/ox.ui.classic/scrollbarVerticalDecrement.png);
}
.OxThemeClassic ::-webkit-scrollbar-button:vertical:increment {
background: url(../png/ox.ui.classic/scrollbarVerticalIncrement.png);
}
.OxThemeClassic ::-webkit-scrollbar-thumb:vertical {
border: 1px solid rgb(176, 176, 176);
background: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
-webkit-border-radius: 6px;
}
.OxThemeClassic ::-webkit-scrollbar-track:vertical {
border: 1px solid rgb(176, 176, 176);
background-image: -webkit-gradient(linear, left top, right top, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
-webkit-border-radius: 6px;
}
.OxThemeClassic ::-webkit-scrollbar:active,
.OxThemeClassic ::-webkit-scrollbar-thumb:vertical:active {
background: rgb(192, 192, 192);
}

269
build/css/ox.ui.css Normal file
View file

@ -0,0 +1,269 @@
@import url("ox.ui.classic.css");
@import url("ox.ui.modern.css");
@import url("ox.ui.future.css");
/*
================================================================================
Base
================================================================================
*/
body {
margin: 0;
overflow: hidden;
//-webkit-user-select: none
}
div, input {
font-family: Lucida Grande, Lucida Sans Unicode, Segoe UI;
font-size: 11px;
}
/*
================================================================================
Core
================================================================================
*/
.OxContainer {
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.OxContent {
overflow: auto;
}
/*
================================================================================
Bars
================================================================================
*/
.OxBar {
overflow: hidden;
white-space: nowrap;
}
.OxTabbar > .OxButtonGroup {
margin: 4px 0 0 4px;
}
/*
================================================================================
Forms
================================================================================
*/
input {
padding: 0;
border: 1px;
margin: 0;
}
input[type=button],
input[type=reset],
input[type=submit] {
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
input:focus {
outline: none;
}
input.OxXlarge {
height: 26px;
font-size: 19px;
padding: 0 12px 0 12px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
}
input.OxLarge {
height: 22px;
font-size: 16px;
padding: 0 10px 0 10px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
}
input.OxMedium {
height: 18px;
font-size: 13px;
padding: 0 8px 0 8px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
input.OxSmall {
height: 14px;
padding: 0 6px 0 6px;
font-size: 11px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
input.OxXsmall {
height: 10px;
padding: 0 4px 0 4px;
font-size: 8px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
input[type=image] {
padding: 0;
-moz-user-select: none;
-webkit-user-select: none;
}
input[type=image].OxLarge {
width: 22px;
}
input[type=image].OxMedium {
width: 18px;
}
input[type=image].OxSmall {
width: 14px;
}
input::-moz-focus-inner {
border: none;
}
.OxButton.OxSymbol,
.OxButton.OxSymbol:active {
border: 1px solid rgba(0, 0, 0, 0);
background: rgba(0, 0, 0, 0);
}
/*
--------------------------------------------------------------------------------
OxButtonGroup
--------------------------------------------------------------------------------
*/
.OxButtonGroup {
display: table-cell;
float: left;
//overflow: hidden;
//white-space: nowrap;
}
.OxButtonGroup > .OxButton {
border-right-width: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.OxButtonGroup > .OxButton:last-child {
border-right-width: 1px;
}
.OxButtonGroup > .OxButton.OxSmall:first-child {
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
}
.OxButtonGroup > .OxButton.OxSmall:last-child {
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
}
.OxButtonGroup > .OxButton.OxXsmall:first-child {
-moz-border-radius-topleft: 2px;
-moz-border-radius-bottomleft: 2px;
-webkit-border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
}
.OxButtonGroup > .OxButton.OxXsmall:last-child {
-moz-border-radius-topright: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
}
.OxButtonGroup > .OxButton.OxTab {
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-webkit-border-bottom-left-radius: 0;
-webkit-border-bottom-right-radius: 0;
}
.OxButtonGroup > .OxButton.OxTab:first-child {
-moz-border-radius-bottomleft: 0;
-webkit-border-bottom-left-radius: 0;
}
.OxButtonGroup > .OxButton.OxTab:last-child {
-moz-border-radius-bottomright: 0;
-webkit-border-bottom-right-radius: 0;
}
/*
--------------------------------------------------------------------------------
OxRange
--------------------------------------------------------------------------------
*/
.OxRange {
height: 14px;
border: 1px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.OxRange > .OxArrow:first-child {
float: left;
margin-top: -1px;
}
.OxRange > .OxArrow:last-child {
float: left;
margin-left: -1px;
margin-top: -1px;
}
.OxRange > .OxTrack {
float: left;
height: 14px;
margin-left: -1px;
margin-top: -1px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.OxRange > .OxTrack > .OxImage {
float: left;
height: 14px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
.OxRange > .OxTrack > .OxThumb {
float: left;
margin-top: -15px;
}
.OxRange > .OxTrack > .OxThumb:first-child {
margin-top: -1px;
}
/*
================================================================================
Panels
================================================================================
*/
.OxCollapsePanel > .OxBar {
position: relative;
z-index: 1;
}
.OxCollapsePanel > .OxBar > .OxButton {
float: left;
margin: 2px 0 0 4px;
}
.OxCollapsePanel > .OxBar > .OxTitle {
float: left;
margin: 3px 0 0 4px;
font-weight: bold;
}
.OxCollapsePanel > .OxContent {
position: relative;
left: 0;
right: 0;
}
.OxPanel {
overflow: auto;
}
.OxSplitPanel {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
overflow: hidden;
}

View file

@ -0,0 +1,37 @@
body.OxThemeFuture {
background: rgb(240, 240, 240);
}
/*
--------------------------------------------------------------------------------
input
--------------------------------------------------------------------------------
*/
.OxThemeFuture .OxButton,
.OxThemeFuture .OxInput {
border: 1px solid rgb(128, 128, 128);
color: rgb(64, 64, 64);
}
.OxThemeFuture .OxButton {
background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(192, 192, 192)));
}
.OxThemeFuture .OxButton:active {
background: rgb(208, 208, 208);
}
.OxThemeFuture .OxInput {
//border-top-color: rgb(96, 96, 96);
//border-right-color: rgb(128, 128, 128);
//border-bottom-color: rgb(160, 160, 160);
//border-left-color: rgb(128, 128, 128);
background: -moz-linear-gradient(left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(224, 224, 224)), to(rgb(255, 255, 255)));
}
.OxThemeFuture .OxInput:focus {
-moz-box-shadow: 0 0 4px rgb(128, 128, 128);
-webkit-box-shadow: 0 0 4px rgb(128, 128, 128);
}
.OxThemeFuture .OxInput.OxPlaceholder {
color: rgb(160, 160, 160)
}

111
build/css/ox.ui.modern.css Normal file
View file

@ -0,0 +1,111 @@
body.OxThemeModern {
background: rgb(16, 16, 16);
}
.OxThemeModern div {
color: rgb(240, 240, 240);
}
/*
================================================================================
Bars
================================================================================
*/
.OxThemeModern .OxBar.OxHorizontal {
//background: -moz-linear-gradient(left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
background: -moz-linear-gradient(left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
}
/*
================================================================================
Forms
================================================================================
*/
.OxThemeModern .OxButton,
.OxThemeModern .OxInput,
.OxThemeModern .OxRange,
.OxThemeModern .OxTrack {
//border: 1px solid rgb(80, 80, 80);
border: 1px solid rgb(48, 48, 48);
color: rgb(192, 192, 192);
}
.OxThemeModern .OxButton,
.OxThemeModern .OxRange {
background: -moz-linear-gradient(left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
//background: -moz-linear-gradient(left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(64, 64, 64)), to(rgb(32, 32, 32)));
}
.OxThemeModern .OxButton:active,
.OxThemeModern .OxRange.OxActive {
background: rgb(80, 80, 80);
//background: rgb(64, 64, 64);
}
.OxThemeModern .OxButton.OxDisabled {
background: rgb(80, 80, 80);
color: rgb(128, 128, 128);
}
.OxThemeModern .OxButton.OxSelected {
//background: -moz-linear-gradient(left top, left bottom, from(rgb(80, 80, 80)), to(rgb(112, 112, 112)));
//background: -webkit-gradient(linear, left top, left bottom, from(rgb(80, 80, 80)), to(rgb(112, 112, 112)));
background: -moz-linear-gradient(left top, left bottom, from(rgb(0, 0, 0)), color-stop(0.1, rgb(32, 32, 32)), to(rgb(64, 64, 64)));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), color-stop(0.1, rgb(32, 32, 32)), to(rgb(64, 64, 64)));
color: rgb(224, 224, 224);
}
.OxThemeModern .OxButton.OxTab.OxSelected {
border-bottom: 1px solid rgb(64, 64, 64);
}
.OxThemeModern .OxInput,
.OxThemeModern .OxTrack {
background: -moz-linear-gradient(left top, left bottom, from(rgb(0, 0, 0)), to(rgb(32, 32, 32)));
background: -webkit-gradient(linear, left top, left bottom, from(rgb(0, 0, 0)), to(rgb(32, 32, 32)));
}
.OxThemeModern .OxInput:focus {
border: 1px solid rgb(80, 80, 80);
-moz-box-shadow: 0 0 2px rgb(128, 128, 128);
-webkit-box-shadow: 0 0 2px rgb(128, 128, 128);
}
.OxThemeModern .OxInput.OxPlaceholder {
color: rgb(96, 96, 96)
}
/*
================================================================================
Scrollbars
================================================================================
*/
.OxThemeModern ::-webkit-scrollbar {
width: 12px;
height: 12px;
border-left: 1px solid rgb(48, 48, 48);
border-right: 1px solid rgb(48, 48, 48);
background: -webkit-gradient(linear, left top, right top, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
}
.OxThemeModern ::-webkit-scrollbar-button {
width: 12px;
height: 12px;
}
.OxThemeModern ::-webkit-scrollbar-button:vertical:decrement {
background: url(../png/ox.ui.modern/scrollbarVerticalDecrement.png);
}
.OxThemeModern ::-webkit-scrollbar-button:vertical:increment {
background: url(../png/ox.ui.modern/scrollbarVerticalIncrement.png);
}
.OxThemeModern ::-webkit-scrollbar-thumb:vertical {
border: 1px solid rgb(48, 48, 48);
background: -webkit-gradient(linear, left top, right top, from(rgb(96, 96, 96)), to(rgb(64, 64, 64)));
-webkit-border-radius: 6px;
}
.OxThemeModern ::-webkit-scrollbar-track:vertical {
border: 1px solid rgb(32, 32, 32);
background: -webkit-gradient(linear, left top, right top, from(rgb(0, 0, 0)), to(rgb(32, 32, 32)));
-webkit-border-radius: 6px;
}
.OxThemeModern ::-webkit-scrollbar:active,
.OxThemeModern ::-webkit-scrollbar-thumb:vertical:active {
background: rgb(64, 64, 64);
}