Mercurial > laserkard

     1 /*

     2  * Ext JS Library 2.1

     3  * Copyright(c) 2006-2008, Ext JS, LLC.

     4  * licensing@extjs.com

     5  * 

     6  * http://extjs.com/license

     7  */

     8 #slider-fill {

     9     width:50px; 

    10     height:20px;

    11     padding:0px;

    12     margin:0px;   

    13     background-image:url(../img/rainbow1.png);  

    14     background-position: 0px 2px;  

    15     background-repeat: no-repeat; 

    16     

    17 }  

    18 #slider-stroke {

    19     width:50px; 

    20     height:20px;

    21     padding:0px;

    22     margin:0px;   

    23     background-image:url(../img/rainbow1.png);  

    24     background-position: 0px 2px;  

    25     background-repeat: no-repeat;

    26 }    

    27 #opacity-slider-fill {  

    28     position: relative; 

    29     top:-3px;

    30 

    31     width:50px; 

    32     height:14px;

    33     padding-top:0px;

    34     padding-left:0px;

    35     padding-right:0px; 

    36     margin-left:0px; 

    37     margin-right:0px;   

    38     background-image:url(../img/bar.gif);  

    39     background-position: 0px 2px;  

    40     background-repeat: repeat-x;    

    41     background-color: #ff0000;

    42     opacity: 1;

    43     -moz-opacity: 1;

    44     filter: alpha(opacity=100);

    45 

    46 }

    47 

    48 #opacity-slider-stroke {   

    49     position: relative; 

    50     top:-20px;

    51 

    52 

    53     width:50px; 

    54     height:14px;

    55     padding-top:0px; 

    56     padding-left:0px;

    57     padding-right:0px;

    58     margin-left:0px;  

    59     margin-right:0px; 

    60     background-image:url(../img/bar.gif);  

    61     background-position: 0px 2px;  

    62     background-repeat: repeat-x;  

    63     background-color: #000000;  

    64     opacity: 1;

    65     -moz-opacity: 1;

    66     filter: alpha(opacity=100);

    67 

    68 } 

    69 

    70 #width-slider-stroke-mask {   

    71     position: relative; 

    72     top:-4px;

    73     width:1px; 

    74     height:14px;      

    75     padding-top:0px; 

    76     padding-left:0px;

    77     padding-right:0px;

    78     margin-left:0px;  

    79     margin-right:0px; 

    80     background-color: #000000; 

    81  

    82 } 

    83 #width-slider-stroke { 

    84     position:relative;

    85     width:50px; 

    86     height:14px;

    87     top:-18px;

    88     padding-top:0px; 

    89     padding-left:0px;

    90     padding-right:0px;

    91     margin-left:0px;  

    92     margin-right:0px; 

    93     background-image:url(../img/bar.gif);  

    94     background-position: 0px 2px;  

    95     background-repeat: repeat-x;  

    96     background-color: transparent; 

    97  

    98 } 

    99 #slider-fill .x-slider-thumb { 

   100     top:0px; 

   101     height:12px;

   102     background-image:url(../img/slider-point.gif); 

   103         padding:0px;

   104     margin:0px;   

   105 

   106 }

   107 #slider-stroke .x-slider-thumb { 

   108     top:0px;  

   109     height:12px;

   110     background-image:url(../img/slider-point.gif); 

   111 }

   112 #opacity-slider-fill .x-slider-thumb { 

   113     top:0px;

   114     background-image:url(../img/slider-metal.gif); 

   115 }

   116 #opacity-slider-stroke .x-slider-thumb { 

   117     top:0px;

   118     background-image:url(../img/slider-metal.gif);  

   119 }

   120 #width-slider-stroke .x-slider-thumb { 

   121     top:0px;

   122     background-image:url(../img/slider-metal.gif); 

   123 }

   124 

   125 .x-slider{zoom:1;}

   126 .x-slider-inner{position:relative;left:0;top:0;overflow:visible;zoom:1;}

   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;}

   128 

   129 .x-slider-horz .x-slider-thumb-over{background-position:-14px -15px;}

   130 .x-slider-horz .x-slider-thumb-drag{background-position:-28px -30px;}

   131 

   132 

   133 .x-slider-horz{padding-left:7px;background:transparent url() no-repeat 0 -22px;}

   134 .x-slider-horz .x-slider-end{padding-right:7px;zoom:1;background:transparent url() no-repeat right -44px;}

   135 .x-slider-horz .x-slider-inner{background:transparent url() repeat-x 0 0;height:22px;}

   136 .x-slider-horz .x-slider-thumb{width:14px;height:15px;position:absolute;left:0;top:3px;background:transparent url() no-repeat 0 0;}