From d989420a0c316a8c1f9a643418669496f807094b Mon Sep 17 00:00:00 2001 From: Andreas Unterkircher Date: Sun, 22 Jul 2007 10:09:14 +0000 Subject: issue46, added a javascript-based slider to modify slide-interval git-svn-id: file:///var/lib/svn/phpfspot/trunk@242 fa6a889d-dae6-447d-9e79-4ba9a3039384 --- slider/css/swing/handle.horizontal.png | Bin 0 -> 288 bytes slider/css/swing/handle.vertical.png | Bin 0 -> 271 bytes slider/css/swing/swing.css | 82 +++++++++++++++++++++++++++++++++ 3 files changed, 82 insertions(+) create mode 100644 slider/css/swing/handle.horizontal.png create mode 100644 slider/css/swing/handle.vertical.png create mode 100644 slider/css/swing/swing.css (limited to 'slider/css/swing') diff --git a/slider/css/swing/handle.horizontal.png b/slider/css/swing/handle.horizontal.png new file mode 100644 index 0000000..6c7fb90 Binary files /dev/null and b/slider/css/swing/handle.horizontal.png differ diff --git a/slider/css/swing/handle.vertical.png b/slider/css/swing/handle.vertical.png new file mode 100644 index 0000000..ca1ac4a Binary files /dev/null and b/slider/css/swing/handle.vertical.png differ diff --git a/slider/css/swing/swing.css b/slider/css/swing/swing.css new file mode 100644 index 0000000..53ba9f2 --- /dev/null +++ b/slider/css/swing/swing.css @@ -0,0 +1,82 @@ +/* + dark rgb(102,102,102) + medium rgb(152,153,153) + gray: rgb(204,204,204) + bright: white; + */ + +.dynamic-slider-control { + position: relative; + background-color: rgb(204,204,204); + -moz-user-focus: normal; + -moz-user-select: none; + cursor: default; +} + +.horizontal { + width: 200px; + height: 27px; +} + +.vertical { + width: 29px; + height: 200px; +} + +.dynamic-slider-control input { + display: none; +} + +.dynamic-slider-control .handle { + position: absolute; + font-size: 1px; + overflow: hidden; + -moz-user-select: none; + cursor: default; +} + +.dynamic-slider-control.horizontal .handle { + width: 15px; + height: 16px; + background-image: url("handle.horizontal.png"); +} + +.dynamic-slider-control.horizontal .handle div {} +.dynamic-slider-control.horizontal .handle.hover {} + +.dynamic-slider-control.vertical .handle { + width: 16px; + height: 15px; + background-image: url("handle.vertical.png"); +} + +.dynamic-slider-control.vertical .handle.hover {} + +.dynamic-slider-control .line { + position: absolute; + font-size: 0.01mm; + overflow: hidden; + border: 1px solid; + border-color: rgb(102,102,102) white + white rgb(102,102,102); + + behavior: url("css/boxsizing.htc"); /* ie path bug */ + box-sizing: content-box; + -moz-box-sizing: content-box; +} +.dynamic-slider-control.vertical .line { + width: 4px; +} + +.dynamic-slider-control.horizontal .line { + height: 4px; +} + +.dynamic-slider-control .line div { + width: 2px; + height: 2px; + + border: 1px solid; + border-color: rgb(152,153,153) rgb(102,102,102) + rgb(102,102,102) rgb(152,153,153); +} \ No newline at end of file -- cgit v1.2.3-18-g5258