annotate onlypaths/css/slider.css @ 75:874a6a2c28cf laserkard

session with nick. redisigned faq page
author Robert McIntyre <rlm@mit.edu>
date Tue, 29 Jun 2010 15:36:30 -0400
parents 26c2b3ad21c7
children
rev   line source
rlm@46 1 /*
rlm@46 2 * Ext JS Library 2.1
rlm@46 3 * Copyright(c) 2006-2008, Ext JS, LLC.
rlm@46 4 * licensing@extjs.com
rlm@46 5 *
rlm@46 6 * http://extjs.com/license
rlm@46 7 */
rlm@46 8 #slider-fill {
rlm@46 9 width:50px;
rlm@46 10 height:20px;
rlm@46 11 padding:0px;
rlm@46 12 margin:0px;
rlm@46 13 background-image:url(../img/rainbow1.png);
rlm@46 14 background-position: 0px 2px;
rlm@46 15 background-repeat: no-repeat;
rlm@46 16
rlm@46 17 }
rlm@46 18 #slider-stroke {
rlm@46 19 width:50px;
rlm@46 20 height:20px;
rlm@46 21 padding:0px;
rlm@46 22 margin:0px;
rlm@46 23 background-image:url(../img/rainbow1.png);
rlm@46 24 background-position: 0px 2px;
rlm@46 25 background-repeat: no-repeat;
rlm@46 26 }
rlm@46 27 #opacity-slider-fill {
rlm@46 28 position: relative;
rlm@46 29 top:-3px;
rlm@46 30
rlm@46 31 width:50px;
rlm@46 32 height:14px;
rlm@46 33 padding-top:0px;
rlm@46 34 padding-left:0px;
rlm@46 35 padding-right:0px;
rlm@46 36 margin-left:0px;
rlm@46 37 margin-right:0px;
rlm@46 38 background-image:url(../img/bar.gif);
rlm@46 39 background-position: 0px 2px;
rlm@46 40 background-repeat: repeat-x;
rlm@46 41 background-color: #ff0000;
rlm@46 42 opacity: 1;
rlm@46 43 -moz-opacity: 1;
rlm@46 44 filter: alpha(opacity=100);
rlm@46 45
rlm@46 46 }
rlm@46 47
rlm@46 48 #opacity-slider-stroke {
rlm@46 49 position: relative;
rlm@46 50 top:-20px;
rlm@46 51
rlm@46 52
rlm@46 53 width:50px;
rlm@46 54 height:14px;
rlm@46 55 padding-top:0px;
rlm@46 56 padding-left:0px;
rlm@46 57 padding-right:0px;
rlm@46 58 margin-left:0px;
rlm@46 59 margin-right:0px;
rlm@46 60 background-image:url(../img/bar.gif);
rlm@46 61 background-position: 0px 2px;
rlm@46 62 background-repeat: repeat-x;
rlm@46 63 background-color: #000000;
rlm@46 64 opacity: 1;
rlm@46 65 -moz-opacity: 1;
rlm@46 66 filter: alpha(opacity=100);
rlm@46 67
rlm@46 68 }
rlm@46 69
rlm@46 70 #width-slider-stroke-mask {
rlm@46 71 position: relative;
rlm@46 72 top:-4px;
rlm@46 73 width:1px;
rlm@46 74 height:14px;
rlm@46 75 padding-top:0px;
rlm@46 76 padding-left:0px;
rlm@46 77 padding-right:0px;
rlm@46 78 margin-left:0px;
rlm@46 79 margin-right:0px;
rlm@46 80 background-color: #000000;
rlm@46 81
rlm@46 82 }
rlm@46 83 #width-slider-stroke {
rlm@46 84 position:relative;
rlm@46 85 width:50px;
rlm@46 86 height:14px;
rlm@46 87 top:-18px;
rlm@46 88 padding-top:0px;
rlm@46 89 padding-left:0px;
rlm@46 90 padding-right:0px;
rlm@46 91 margin-left:0px;
rlm@46 92 margin-right:0px;
rlm@46 93 background-image:url(../img/bar.gif);
rlm@46 94 background-position: 0px 2px;
rlm@46 95 background-repeat: repeat-x;
rlm@46 96 background-color: transparent;
rlm@46 97
rlm@46 98 }
rlm@46 99 #slider-fill .x-slider-thumb {
rlm@46 100 top:0px;
rlm@46 101 height:12px;
rlm@46 102 background-image:url(../img/slider-point.gif);
rlm@46 103 padding:0px;
rlm@46 104 margin:0px;
rlm@46 105
rlm@46 106 }
rlm@46 107 #slider-stroke .x-slider-thumb {
rlm@46 108 top:0px;
rlm@46 109 height:12px;
rlm@46 110 background-image:url(../img/slider-point.gif);
rlm@46 111 }
rlm@46 112 #opacity-slider-fill .x-slider-thumb {
rlm@46 113 top:0px;
rlm@46 114 background-image:url(../img/slider-metal.gif);
rlm@46 115 }
rlm@46 116 #opacity-slider-stroke .x-slider-thumb {
rlm@46 117 top:0px;
rlm@46 118 background-image:url(../img/slider-metal.gif);
rlm@46 119 }
rlm@46 120 #width-slider-stroke .x-slider-thumb {
rlm@46 121 top:0px;
rlm@46 122 background-image:url(../img/slider-metal.gif);
rlm@46 123 }
rlm@46 124
rlm@46 125 .x-slider{zoom:1;}
rlm@46 126 .x-slider-inner{position:relative;left:0;top:0;overflow:visible;zoom:1;}
rlm@46 127 .x-slider-focus{position:absolute;left:0;top:0;width:1px;height:1px;line-height:1px;font-size:1px;-moz-outline:0 none;outline:0 none;-moz-user-select:normal;-khtml-user-select:normal;}
rlm@46 128
rlm@46 129 .x-slider-horz .x-slider-thumb-over{background-position:-14px -15px;}
rlm@46 130 .x-slider-horz .x-slider-thumb-drag{background-position:-28px -30px;}
rlm@46 131
rlm@46 132
rlm@46 133 .x-slider-horz{padding-left:7px;background:transparent url() no-repeat 0 -22px;}
rlm@46 134 .x-slider-horz .x-slider-end{padding-right:7px;zoom:1;background:transparent url() no-repeat right -44px;}
rlm@46 135 .x-slider-horz .x-slider-inner{background:transparent url() repeat-x 0 0;height:22px;}
rlm@46 136 .x-slider-horz .x-slider-thumb{width:14px;height:15px;position:absolute;left:0;top:3px;background:transparent url() no-repeat 0 0;}