Details | Last modification | View Log | RSS feed
| Rev | Author | Line No. | Line |
|---|---|---|---|
| 1 | espaco | 1 | /*** |
| 2 | Metro icons |
||
| 3 | ***/ |
||
| 4 | |||
| 5 | [class^="m-icon-"] { |
||
| 6 | display: inline-block; |
||
| 7 | width: 14px; |
||
| 8 | height: 14px; |
||
| 9 | margin-top: 3px; |
||
| 10 | line-height: 14px; |
||
| 11 | vertical-align: top; |
||
| 12 | background-image: url(../img/syncfusion-icons.png); |
||
| 13 | background-position: 0 0; |
||
| 14 | background-repeat: no-repeat; |
||
| 15 | } |
||
| 16 | |||
| 17 | [class^="m-icon-big-"] { |
||
| 18 | display: inline-block; |
||
| 19 | width: 30px; |
||
| 20 | height: 30px; |
||
| 21 | margin: 6px; |
||
| 22 | vertical-align: middle; |
||
| 23 | background-image: url(../img/syncfusion-icons.png); |
||
| 24 | background-position: 0 0px; |
||
| 25 | background-repeat: no-repeat; |
||
| 26 | } |
||
| 27 | |||
| 28 | /* large icons */ |
||
| 29 | .btn.m-icon-big { |
||
| 30 | padding: 9px 16px 8px 16px; |
||
| 31 | } |
||
| 32 | |||
| 33 | .btn.m-icon-big.m-icon-only{ |
||
| 34 | padding: 9px 8px 8px 0px; |
||
| 35 | } |
||
| 36 | |||
| 37 | .btn.m-icon-big [class^="m-icon-big-"] { |
||
| 38 | margin: 0 0 0 10px; |
||
| 39 | } |
||
| 40 | |||
| 41 | .btn.m-icon-ony > i { |
||
| 42 | margin-left: 0px; |
||
| 43 | } |
||
| 44 | |||
| 45 | /* default icons */ |
||
| 46 | .btn.m-icon { |
||
| 47 | padding: 7px 14px 7px 14px; |
||
| 48 | } |
||
| 49 | |||
| 50 | .btn.m-icon [class^="m-icon-"] { |
||
| 51 | margin: 4px 0 0 5px; |
||
| 52 | } |
||
| 53 | |||
| 54 | .btn.m-icon.m-icon-only { |
||
| 55 | padding: 7px 10px 7px 6px; |
||
| 56 | } |
||
| 57 | |||
| 58 | /* white icon */ |
||
| 59 | .m-icon-white { |
||
| 60 | background-image: url(../img/syncfusion-icons-white.png); |
||
| 61 | } |
||
| 62 | |||
| 63 | /* Misc */ |
||
| 64 | .m-icon-swapright { |
||
| 65 | background-position: -27px -10px; |
||
| 66 | } |
||
| 67 | |||
| 68 | .m-icon-swapdown { |
||
| 69 | background-position: -68px -10px; |
||
| 70 | } |
||
| 71 | |||
| 72 | .m-icon-swapleft { |
||
| 73 | background-position: -8px -10px; |
||
| 74 | } |
||
| 75 | |||
| 76 | .m-icon-swapup { |
||
| 77 | background-position: -46px -10px; |
||
| 78 | } |
||
| 79 | |||
| 80 | .m-icon-big-swapright{ |
||
| 81 | background-position: -42px -28px; |
||
| 82 | } |
||
| 83 | |||
| 84 | .m-icon-big-swapdown{ |
||
| 85 | background-position: -115px -28px; |
||
| 86 | } |
||
| 87 | |||
| 88 | .m-icon-big-swapleft{ |
||
| 89 | background-position: -6px -28px; |
||
| 90 | } |
||
| 91 | |||
| 92 | .m-icon-big-swapup{ |
||
| 93 | background-position: -78px -28px; |
||
| 94 | } |