diff options
author | tof <> | 2007-09-23 12:02:44 +0000 |
---|---|---|
committer | tof <> | 2007-09-23 12:02:44 +0000 |
commit | eae868ae7b80cfeebb8e732014d352d6cf8075c3 (patch) | |
tree | c911356b7a9ec5f37d05b0f1ea5f5257eb111be2 /framework/Web/UI/WebControls/assets/TSlider | |
parent | e1e00df22e6e9a589c3273822ec8ce90c21da84e (diff) |
Update TSlider, and make it looks nicer by default.
Diffstat (limited to 'framework/Web/UI/WebControls/assets/TSlider')
-rwxr-xr-x | framework/Web/UI/WebControls/assets/TSlider/TSlider.css | 95 | ||||
-rw-r--r-- | framework/Web/UI/WebControls/assets/TSlider/TSliderHandleHorizontal.png | bin | 0 -> 286 bytes | |||
-rw-r--r-- | framework/Web/UI/WebControls/assets/TSlider/TSliderHandleVertical.png | bin | 0 -> 249 bytes |
3 files changed, 95 insertions, 0 deletions
diff --git a/framework/Web/UI/WebControls/assets/TSlider/TSlider.css b/framework/Web/UI/WebControls/assets/TSlider/TSlider.css new file mode 100755 index 00000000..c0364d91 --- /dev/null +++ b/framework/Web/UI/WebControls/assets/TSlider/TSlider.css @@ -0,0 +1,95 @@ +/* Base CSS Class for the slider */ +.Slider
+{
+ position: relative;
+ margin: 10px;
+ padding: 0;
+ background-color: Gainsboro;
+ border: 1px outset;
+}
+
+/* Class for horizontal slider */ +.HorizontalSlider +{ + width: 210px;
+ height: 14px;
+} +
+/* Class for vertical slider */
+.VerticalSlider
+{
+ height: 210px;
+ width: 14px;
+}
+
+/* Class for Track */ +.Track
+{
+ border-style: inset;
+ outline-color: invert;
+ outline-style: none;
+ outline-width: 1px;
+ border-width: 1px;
+ position: absolute;
+ background-color: lightBlue;
+}
+
+/* Horizontal Track */ +.HorizontalSlider .Track +{ + + height: 3px;
+ top: 5px; + width: 200px;
+ left: 3px; +} +
+/* Vertical Track */
+.VerticalSlider .Track
+{
+ height: 200px;
+ width: 3px;
+ left: 5px;
+ top: 3px;
+}
+
+/* Class for the progress indicator */
+.Progress
+{
+ background-color: red;
+}
+
+/* Horizontal one, take 100% of track (parent) height*/
+.HorizontalSlider .Progress
+{
+ height: 100%;
+}
+
+/* Vertical progress indicator, take 100% of track width*/
+.VerticalSlider .Progress
+{
+ width: 100%
+}
+
+/* Class for handle */
+.Handle {
+ border: 0px none;
+ position: relative;
+ cursor: move;
+}
+
+/* Horizontal slider handle */ +.HorizontalSlider .Handle +{ + width: 31px; + height: 14px; + background: transparent url("TSliderHandleHorizontal.png") no-repeat scroll center; +}
+
+/* Vertical slider handle */
+.VerticalSlider .Handle
+{
+ width: 14px;
+ height: 31px;
+ background: transparent url("TSliderHandleVertical.png") no-repeat scroll center;
+} diff --git a/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleHorizontal.png b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleHorizontal.png Binary files differnew file mode 100644 index 00000000..d9dc7ff9 --- /dev/null +++ b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleHorizontal.png diff --git a/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleVertical.png b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleVertical.png Binary files differnew file mode 100644 index 00000000..00532fbe --- /dev/null +++ b/framework/Web/UI/WebControls/assets/TSlider/TSliderHandleVertical.png |