Mercurial > laserkard

view onlypaths/css/slider.css @ 76:781127893010 laserkard

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
made card text filled in
author Robert McIntyre <rlm@mit.edu>
date Wed, 14 Jul 2010 13:44:42 -0400
parents 26c2b3ad21c7
children
line wrap: on
line source
     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;}