basic select (in demos/test/index.html)

build/css/ox.ui.css

@@ -139,6 +139,10 @@ input[type=submit] {
 input:focus {
     outline: none;
 }
+input.OxSelect {
+    text-align: left;
+}
+/*
 input.OxXlarge {
     height: 26px;
     font-size: 19px;
@@ -153,21 +157,22 @@ input.OxLarge {
     -moz-border-radius: 12px;
     -webkit-border-radius: 12px;
 }
-input.OxMedium {
+*/
+input.OxLarge {
     height: 18px;
     font-size: 13px;
     padding: 0 8px 0 8px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
 }
-input.OxSmall {
+input.OxMedium {
     height: 14px;
     padding: 0 6px 0 6px;
     font-size: 11px;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
 }
-input.OxXsmall {
+input.OxSmall {
     height: 10px;
     padding: 0 4px 0 4px;
     font-size: 8px;
@@ -179,15 +184,20 @@ input[type=image] {
     -moz-user-select: none;
     -webkit-user-select: none;
 }
+/*
 input[type=image].OxLarge {
     width: 22px;
 }
-input[type=image].OxMedium {
+*/
+input[type=image].OxLarge {
     width: 18px;
 }
-input[type=image].OxSmall {
+input[type=image].OxMedium {
     width: 14px;
 }
+input[type=image].OxSmall {
+    width: 10px;
+}
 input::-moz-focus-inner {
     border: none;
 }
@@ -298,7 +308,27 @@ OxRange
 .OxRange > .OxTrack > .OxThumb:first-child {
     margin-top: -1px;
 }
+/*
+--------------------------------------------------------------------------------
+OxSelect
+--------------------------------------------------------------------------------
+*/
+.OxSelect.OxMedium {
 
+}
+.OxSelect > .OxButton {
+    text-align: left;
+}
+.OxSelect > .OxSymbol {
+    text-align: right;
+    cursor: pointer;
+    -moz-user-select: none;
+    -webkit-user-select: none;
+}
+.OxSelect.OxMedium > .OxSymbol {
+    margin-left: 8px;
+    margin-top: -16px;
+}
 /*
 ================================================================================
 Menus