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/bluecurve/bluecurve.css | 79 +++++++++++++++++++++++++++++ slider/css/bluecurve/handle.horizontal.png | Bin 0 -> 286 bytes slider/css/bluecurve/handle.vertical.png | Bin 0 -> 352 bytes slider/css/bluecurve/horizontal.gif | Bin 0 -> 1242 bytes slider/css/bluecurve/vertical.gif | Bin 0 -> 345 bytes 5 files changed, 79 insertions(+) create mode 100644 slider/css/bluecurve/bluecurve.css create mode 100644 slider/css/bluecurve/handle.horizontal.png create mode 100644 slider/css/bluecurve/handle.vertical.png create mode 100644 slider/css/bluecurve/horizontal.gif create mode 100644 slider/css/bluecurve/vertical.gif (limited to 'slider/css/bluecurve') diff --git a/slider/css/bluecurve/bluecurve.css b/slider/css/bluecurve/bluecurve.css new file mode 100644 index 0000000..6867382 --- /dev/null +++ b/slider/css/bluecurve/bluecurve.css @@ -0,0 +1,79 @@ +/* + back: rgb(230,230,230) + dark: rgb(90,97,90) + medium rgb(189,190,189) + */ + +.dynamic-slider-control { + position: relative; + -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: 31px; + height: 14px; + background-image: url("handle.horizontal.png"); +} + +.dynamic-slider-control.horizontal .handle div {} +.dynamic-slider-control.horizontal .handle.hover {} + +.dynamic-slider-control.vertical .handle { + width: 15px; + height: 31px; + 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 rgb(90,97,90); + background: rgb(189,190,189); + + behavior: url("css/boxsizing.htc"); /* ie path bug */ + box-sizing: content-box; + -moz-box-sizing: content-box; +} +.dynamic-slider-control.vertical .line { + width: 3px; +} + +.dynamic-slider-control.horizontal .line { + height: 3px; +} + +.dynamic-slider-control .line div { + width: 1px; + height: 1px; + + border: 1px solid; + border-color: rgb(230,230,230) rgb(189,190,189) + rgb(189,190,189) rgb(230,230,230); +} diff --git a/slider/css/bluecurve/handle.horizontal.png b/slider/css/bluecurve/handle.horizontal.png new file mode 100644 index 0000000..d9dc7ff Binary files /dev/null and b/slider/css/bluecurve/handle.horizontal.png differ diff --git a/slider/css/bluecurve/handle.vertical.png b/slider/css/bluecurve/handle.vertical.png new file mode 100644 index 0000000..0c00f85 Binary files /dev/null and b/slider/css/bluecurve/handle.vertical.png differ diff --git a/slider/css/bluecurve/horizontal.gif b/slider/css/bluecurve/horizontal.gif new file mode 100644 index 0000000..39d816b Binary files /dev/null and b/slider/css/bluecurve/horizontal.gif differ diff --git a/slider/css/bluecurve/vertical.gif b/slider/css/bluecurve/vertical.gif new file mode 100644 index 0000000..781eaac Binary files /dev/null and b/slider/css/bluecurve/vertical.gif differ -- cgit v1.2.3-18-g5258